:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Segoe UI,sans-serif;margin:0;padding:0;height:100vh;background-color:#eaeaea;color:#111;display:flex;justify-content:center;align-items:stretch}body.dark{background-color:#121212;color:#f2f2f2}.app-wrapper{display:flex;height:100vh;background-color:#f0f0f0;color:#000;transition:background .3s ease,color .3s ease}.app-wrapper.dark{background-color:#0f172a;color:#f1f5f9}.app-wrapper.dark .chat-box{background-color:#0f172a}.app-wrapper.dark .bubble.user{background-color:#1e40af!important;color:#f8fafc!important}.app-wrapper.dark .bubble.didi{background-color:#374151!important;color:#f1f5f9!important}.app-wrapper.dark input,.app-wrapper.dark select,.app-wrapper.dark textarea{background-color:#334155!important;color:#f1f5f9!important;border:1px solid #475569!important}.app-wrapper.dark input:focus{border-color:#60a5fa!important;outline:none;box-shadow:0 0 0 2px #60a5fa33}.app-wrapper.dark .sidebar{background-color:#1e293b;border-right:1px solid #334155}.app-wrapper.dark button{background-color:#475569!important;color:#f1f5f9!important;border:1px solid #64748b;transition:all .2s ease}.app-wrapper.dark button:hover{background-color:#64748b!important;border:1px solid #94a3b8}.app-wrapper.dark header{background-color:#1e40af!important}.sidebar{width:260px;background-color:#e4e6eb;border-right:1px solid #ccc;padding:16px;overflow-y:auto;width:240px;min-width:240px;transition:transform .3s ease}.sidebar h4{margin-top:20px;font-size:16px}.sidebar button{display:block;width:100%;margin:4px 0;padding:10px;text-align:left;background-color:#d0d4ff;color:#111;border:none;border-radius:6px;cursor:pointer;font-size:14px}.sidebar button.active{background-color:#4258ff;color:#fff;font-weight:700}.app-wrapper.dark .sidebar button{background-color:#334155!important;color:#e2e8f0!important;border:1px solid #475569;transition:all .2s ease}.app-wrapper.dark .sidebar button:hover{background-color:#475569!important;color:#f8fafc!important;border:1px solid #64748b}.app-wrapper.dark .sidebar button.active{background-color:#3b82f6!important;color:#fff!important;font-weight:700;border:1px solid #60a5fa}.sidebar .toolkit-box{background-color:#fff3cd;border-radius:8px;padding:14px;font-size:14px;margin-bottom:1rem;border-left:4px solid #ffc107;color:#333}.app-wrapper.dark .toolkit-box{background-color:#1f2937!important;color:#fbbf24!important;border-left:4px solid #f59e0b!important;box-shadow:0 2px 4px #0000004d}.app-wrapper.dark .toolkit-box button,.app-wrapper.dark .toolkit-box span{background-color:#374151!important;color:#fde047!important;border:1px solid #facc15!important;border-radius:4px;transition:all .2s ease}.app-wrapper.dark .toolkit-box button:hover{background-color:#4b5563!important;color:#fef08a!important;border:1px solid #fde047!important;transform:translateY(-1px)}.sidebar.collapsed{transform:translate(-100%);position:absolute;top:0;left:0;height:100%;z-index:999;background-color:#fff}.app-wrapper.dark .sidebar.collapsed{background-color:#1e293b!important}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-content.expanded{flex:1;transition:margin-left .3s ease}.container{width:100%;max-width:1200px;display:flex;flex-direction:column;min-height:100vh;background-color:#fff;box-shadow:0 4px 20px #0000001a;border-radius:16px;overflow:hidden;margin:0 auto}.container.dark{background-color:#0f172a!important;color:#f1f5f9!important}header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#405eff;color:#fff;flex-wrap:wrap}.avatar{width:40px;height:40px;border-radius:50%}h1{font-size:22px;margin:0}.theme-toggle,.scroll-toggle,.toolkit-toggle{background:#fff;color:#6a8eff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;margin:6px}.search-bar input{width:100%;padding:12px;margin:12px 0;border:1px solid #ccc;border-radius:8px;font-size:15px;background-color:#fff;color:#000}.container.dark .search-bar input{background-color:#334155!important;color:#f1f5f9!important;border:1px solid #475569!important}.chat-box{flex-grow:1;overflow-y:auto;padding:24px;background-color:#fafafa;display:flex;flex-direction:column}.container.dark .chat-box{background-color:#0f172a!important}.bubble{margin:10px 0;padding:14px 18px;border-radius:14px;max-width:75%;position:relative;font-size:15px;line-height:1.6}.bubble.user{background-color:#b3d4ff;color:#000;align-self:flex-end;border-bottom-right-radius:0}.container.dark .bubble.user{background-color:#1e40af!important;color:#f8fafc!important}.bubble.didi{background-color:#d8d8d8;color:#000;align-self:flex-start;border-bottom-left-radius:0}.container.dark .bubble.didi{background-color:#374151!important;color:#f1f5f9!important}.timestamp{font-size:12px;color:#888;margin-top:6px}.container.dark .timestamp{color:#94a3b8!important}.pin-btn,.copy-btn{background:none;border:none;cursor:pointer;font-size:14px;margin-left:8px;color:#666;transition:color .2s}.pin-btn.pinned{color:#ff9800}.chat-tag{background-color:#d0d0d0;padding:4px 10px;font-size:12px;border-radius:12px;display:inline-block;margin-top:6px;color:#222}.container.dark .chat-tag{background-color:#475569!important;color:#e2e8f0!important}.typing-dots span{animation:blink 1s infinite;font-weight:700;margin:0 1px}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.input-bar{display:flex;padding:16px 24px;border-top:1px solid #e0e0e0;background-color:#f4f4f4;gap:10px;align-items:center;flex-wrap:wrap}.container.dark .input-bar{background-color:#1e293b!important;border-top:1px solid #334155!important}.input-bar input{flex:1;padding:12px 16px;font-size:15px;border:1px solid #ccc;border-radius:10px;outline:none;transition:border .2s ease;background-color:#fff;color:#111}.input-bar input:focus{border-color:#6a8eff}.container.dark .input-bar input{background-color:#334155!important;color:#f1f5f9!important;border:1px solid #475569!important}.container.dark .input-bar input:focus{border-color:#60a5fa!important;outline:none;box-shadow:0 0 0 2px #60a5fa33}.input-bar button{padding:10px 14px;background-color:#405eff;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.input-bar button:hover{background-color:#2e46cc}.mic-button.glow{animation:pulse 1.2s infinite;background-color:#e66464}@keyframes pulse{0%{box-shadow:0 0 #f006}70%{box-shadow:0 0 0 10px #f000}to{box-shadow:0 0 #f000}}.greeting-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,#ffe5b4,#fff0f5);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;text-align:center;padding:20px}.greeting-screen h1{font-size:3rem;margin-bottom:1rem;color:#a34b00}.greeting-screen p{font-size:1.5rem;color:#444;margin-bottom:2rem}.greeting-screen button{background-color:#ff8c00;color:#fff;font-size:1.2rem;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.greeting-screen button:hover{background-color:#ff7000}@media (max-width: 768px){.container{border-radius:0;box-shadow:none}.input-bar,header{flex-direction:column;align-items:stretch}.input-bar input{width:100%}.sidebar{display:none;position:absolute;z-index:999}.app-wrapper{flex-direction:column}.main-content{margin-left:0;width:100%}}.app-wrapper.dark select,.container.dark select{background-color:#334155!important;color:#f1f5f9!important;border:1px solid #475569!important;padding:8px 12px;border-radius:6px}.app-wrapper.dark select option{background-color:#334155!important;color:#f1f5f9!important}.app-wrapper.dark .input-section,.container.dark .input-section{background-color:#1e293b!important;color:#f1f5f9!important;border:1px solid #334155!important;padding:16px;border-radius:8px}.app-wrapper.dark input::placeholder,.container.dark input::placeholder{color:#94a3b8!important;opacity:1}.app-wrapper.dark .action-button,.container.dark .action-button{background-color:#475569!important;color:#f1f5f9!important;border:1px solid #64748b!important;padding:10px 16px;border-radius:6px;transition:all .2s ease}.app-wrapper.dark .action-button:hover,.container.dark .action-button:hover{background-color:#64748b!important;color:#fff!important;border:1px solid #94a3b8!important}.app-wrapper.dark .send-button,.container.dark .send-button{background-color:#3b82f6!important;color:#fff!important;border:1px solid #60a5fa!important}.app-wrapper.dark .send-button:hover,.container.dark .send-button:hover{background-color:#2563eb!important;border:1px solid #3b82f6!important}.app-wrapper.dark .listen-button,.container.dark .listen-button{background-color:#059669!important;color:#fff!important;border:1px solid #10b981!important}.app-wrapper.dark .stop-button,.container.dark .stop-button{background-color:#dc2626!important;color:#fff!important;border:1px solid #ef4444!important}.app-wrapper.dark .save-button,.container.dark .save-button{background-color:#7c3aed!important;color:#fff!important;border:1px solid #8b5cf6!important}.app-wrapper.dark .bottom-actions,.container.dark .bottom-actions{background-color:#1e293b!important;border-top:1px solid #334155!important;padding:12px 16px}.app-wrapper.dark .bottom-form,.container.dark .bottom-form{background-color:#1e293b!important;color:#f1f5f9!important}.app-wrapper.dark .input-label,.container.dark .input-label{color:#e2e8f0!important;font-weight:500}.app-wrapper.dark .dropdown-arrow,.container.dark .dropdown-arrow{color:#94a3b8!important}.app-wrapper.dark .text-content,.container.dark .text-content{color:#f1f5f9!important}.app-wrapper.dark button:not(.active):not(.send-button):not(.listen-button):not(.stop-button):not(.save-button){background-color:#475569!important;color:#f1f5f9!important;border:1px solid #64748b!important;min-height:40px}.app-wrapper.dark *:focus,.container.dark *:focus{outline:2px solid #60a5fa!important;outline-offset:2px}.app-wrapper.dark *{text-shadow:none!important}.app-wrapper.dark .hidden-text,.container.dark .hidden-text{color:#f1f5f9!important;opacity:1!important}.app-wrapper.dark .bottom-container,.container.dark .bottom-container{background-color:#1e293b!important;border:1px solid #334155!important;color:#f1f5f9!important}.app-wrapper.dark .input-group,.container.dark .input-group{background-color:#334155!important;border:1px solid #475569!important;border-radius:8px;padding:8px}.app-wrapper.dark .button-group,.container.dark .button-group{gap:8px;display:flex;flex-wrap:wrap}.app-wrapper.dark .button-group button,.container.dark .button-group button{min-width:80px;padding:8px 16px;border-radius:6px}.app-wrapper.dark .toolkit-box{background-color:#333;color:#ffe082;border-left:4px solid #ffca28;box-shadow:0 2px 8px #ffffff1a}.app-wrapper.dark .toolkit-box *{color:inherit!important;visibility:visible}.app-wrapper.dark .toolkit-box button{display:inline-block}.app-wrapper.dark .toolkit-box button,.app-wrapper.dark .toolkit-box span{background-color:#444;color:#fff;border:1px solid #ffb300}.feature-toggles{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#f8f9fa;border-radius:8px;margin:12px 0;border:1px solid #e0e0e0}.app-wrapper.dark .feature-toggles,.container.dark .feature-toggles{background-color:#1f2937!important;border:1px solid #374151!important;color:#f1f5f9!important}.feature-toggles label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333;transition:color .2s ease;-webkit-user-select:none;user-select:none}.app-wrapper.dark .feature-toggles label,.container.dark .feature-toggles label{color:#f1f5f9!important}.feature-toggles label:hover{color:#405eff}.app-wrapper.dark .feature-toggles label:hover,.container.dark .feature-toggles label:hover{color:#60a5fa!important}.feature-toggles input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease}.app-wrapper.dark .feature-toggles input[type=checkbox],.container.dark .feature-toggles input[type=checkbox]{background-color:#334155!important;border:2px solid #64748b!important}.feature-toggles input[type=checkbox]:hover{border-color:#405eff}.app-wrapper.dark .feature-toggles input[type=checkbox]:hover,.container.dark .feature-toggles input[type=checkbox]:hover{border-color:#60a5fa!important}.feature-toggles input[type=checkbox]:checked{background-color:#405eff;border-color:#405eff}.app-wrapper.dark .feature-toggles input[type=checkbox]:checked,.container.dark .feature-toggles input[type=checkbox]:checked{background-color:#3b82f6!important;border-color:#3b82f6!important}.feature-toggles input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.feature-toggles input[type=checkbox]:focus{outline:2px solid #405eff;outline-offset:2px}.app-wrapper.dark .feature-toggles input[type=checkbox]:focus,.container.dark .feature-toggles input[type=checkbox]:focus{outline:2px solid #60a5fa!important}.feature-toggles label[data-feature=safe-mode]{color:#d97706}.app-wrapper.dark .feature-toggles label[data-feature=safe-mode],.container.dark .feature-toggles label[data-feature=safe-mode]{color:#fbbf24!important}.feature-toggles label[data-feature=boost-mode]{color:#7c2d12}.app-wrapper.dark .feature-toggles label[data-feature=boost-mode],.container.dark .feature-toggles label[data-feature=boost-mode]{color:#fb923c!important}@media (max-width: 768px){.feature-toggles{padding:12px;gap:10px}.feature-toggles label{font-size:13px}.feature-toggles input[type=checkbox]{width:16px;height:16px}}