@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&family=Outfit:wght@300;400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#07070f;--bg-secondary:#0d0d1a;--bg-tertiary:#131326;--bg-hover:#181830;--accent:#7c3aed;--accent-bright:#a855f7;--accent-dim:#5b21b6;--accent-glow:#7c3aed38;--accent-subtle:#7c3aed14;--accent-border:#7c3aed38;--text-primary:#eeeef8;--text-secondary:#88a;--text-muted:#444460;--text-accent:#c084fc;--border:hsla(0,0%,100%,.055);--border-strong:#ffffff1a;--border-accent:#7c3aed4d;--success:#34d399;--danger:#f87171;--warning:#fbbf24;--sidebar-width:280px;--topbar-height:58px;--font-display:"Outfit",sans-serif;--font-mono:"IBM Plex Mono",monospace;--ease-spring:cubic-bezier(0.175,0.885,0.32,1.15);--ease-smooth:cubic-bezier(0.4,0,0.2,1)}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;background:#07070f;background:var(--bg-primary);color:#eeeef8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);line-height:1.6;overflow:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#7c3aed;background:var(--accent)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.fade-in{animation:fadeIn .3s ease forwards}.layout-root{background:#07070f;background:var(--bg-primary);display:flex;height:100vh;overflow:hidden;position:relative;width:100vw}.layout-root:before{background-image:linear-gradient(rgba(124,58,237,.025) 1px,#0000 0),linear-gradient(90deg,rgba(124,58,237,.025) 1px,#0000 0);background-size:44px 44px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.main{flex:1 1;transition:margin-left .28s cubic-bezier(.4,0,.2,1);transition:margin-left .28s var(--ease-smooth);z-index:1}.main,.sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.sidebar{background:#0d0d1a;background:var(--bg-secondary);border-right:1px solid hsla(0,0%,100%,.055);border-right:1px solid var(--border);flex-shrink:0;transition:width .28s cubic-bezier(.4,0,.2,1),opacity .2s;transition:width .28s var(--ease-smooth),opacity .2s;width:280px;width:var(--sidebar-width);z-index:100}.sidebar--closed{opacity:0;pointer-events:none;width:0}.sidebar__overlay{display:none}@media (min-width:901px){.sidebar{position:relative!important;transform:none!important}.sidebar--closed{opacity:0;width:0}}@media (max-width:900px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(0);transition:transform .28s cubic-bezier(.4,0,.2,1);transition:transform .28s var(--ease-smooth)}.sidebar--closed{opacity:1;pointer-events:auto;transform:translateX(-100%);width:280px;width:var(--sidebar-width)}.sidebar__overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:block;inset:0;position:fixed;z-index:99}}.sidebar__header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.055);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem .9rem .75rem}.sidebar__logo{gap:9px}.sidebar__logo,.sidebar__logo-icon{align-items:center;display:flex;overflow:hidden}.sidebar__logo-icon{background:#7c3aed14;background:var(--accent-subtle);border:1px solid #7c3aed38;border:1px solid var(--accent-border);border-radius:8px;flex-shrink:0;height:28px;justify-content:center;padding:3px;width:28px}.sidebar__logo-text{color:#eeeef8;color:var(--text-primary);font-size:.88rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.sidebar__new-btn{align-items:center;background:#7c3aed14;background:var(--accent-subtle);border:1px solid #7c3aed38;border:1px solid var(--accent-border);border-radius:7px;color:#c084fc;color:var(--text-accent);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth);width:28px}.sidebar__new-btn:hover{background:#7c3aed2e;border-color:#a855f7;border-color:var(--accent-bright);transform:rotate(90deg) scale(1.08)}.sidebar__list{flex:1 1;overflow-y:auto;padding:.4rem}.sidebar__group-label{color:#444460;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.12em;padding:.7rem .65rem .3rem;text-transform:uppercase}.sidebar__item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:8px;margin-bottom:1px;padding:7px 9px;position:relative;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all .14s var(--ease-smooth)}.sidebar__item:hover{background:#181830;background:var(--bg-hover)}.sidebar__item--active{background:#7c3aed14;background:var(--accent-subtle);border-color:#7c3aed38;border-color:var(--accent-border)}.sidebar__item--active .sidebar__item-title{color:#c084fc;color:var(--text-accent)}.sidebar__item-icon{color:#444460;color:var(--text-muted);flex-shrink:0;transition:color .14s}.sidebar__item--active .sidebar__item-icon{color:#a855f7;color:var(--accent-bright)}.sidebar__item-title{color:#88a;color:var(--text-secondary);flex:1 1;font-size:.82rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__edit-input{background:#131326;background:var(--bg-tertiary);border:1px solid #7c3aed;border:1px solid var(--accent);border-radius:5px;color:#eeeef8;color:var(--text-primary);flex:1 1;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.82rem;outline:none;padding:2px 6px}.sidebar__item-actions{display:flex;flex-shrink:0;gap:3px}.sidebar__action-btn{align-items:center;background:none;border:none;border-radius:5px;color:#444460;color:var(--text-muted);cursor:pointer;display:flex;height:22px;justify-content:center;transition:all .14s;width:22px}.sidebar__action-btn:hover{background:#181830;background:var(--bg-hover);color:#eeeef8;color:var(--text-primary)}.sidebar__action-btn--delete:hover{background:#f871711a;color:#f87171;color:var(--danger)}.sidebar__empty{font-size:.82rem;line-height:1.8;padding:2rem 1rem}.sidebar__empty,.sidebar__loading{color:#444460;color:var(--text-muted);text-align:center}.sidebar__loading{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.8rem;padding:1.5rem 1rem}.sidebar__footer{border-top:1px solid hsla(0,0%,100%,.055);border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:5px;padding:.65rem}.sidebar__footer-btn{align-items:center;background:#7c3aed14;background:var(--accent-subtle);border:1px solid #7c3aed38;border:1px solid var(--accent-border);border-radius:8px;color:#c084fc;color:var(--text-accent);cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.82rem;font-weight:600;gap:8px;padding:7px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth);width:100%}.sidebar__footer-btn:hover{background:#7c3aed26;border-color:#a855f7;border-color:var(--accent-bright);transform:translateY(-1px)}.sidebar__user-row{align-items:center;border-radius:8px;display:flex;gap:8px;padding:5px 7px}.sidebar__user-avatar{align-items:center;background:linear-gradient(135deg,#5b21b6,#a855f7);background:linear-gradient(135deg,var(--accent-dim),var(--accent-bright));border-radius:7px;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:26px;justify-content:center;width:26px}.sidebar__user-name{color:#88a;color:var(--text-secondary);flex:1 1;font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__logout-btn{align-items:center;background:none;border:none;border-radius:6px;color:#444460;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all .14s;width:26px}.sidebar__logout-btn:hover{background:#f8717114;color:#f87171;color:var(--danger)}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0d1a;background:var(--bg-secondary);border-bottom:1px solid hsla(0,0%,100%,.055);border-bottom:1px solid var(--border);flex-shrink:0;height:58px;height:var(--topbar-height);justify-content:space-between;padding:0 1.25rem;position:relative;z-index:50}.topbar,.topbar__menu-btn{align-items:center;display:flex}.topbar__menu-btn{background:none;border:none;border-radius:8px;color:#88a;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:7px;transition:all .18s}.topbar__menu-btn:hover{background:#131326;background:var(--bg-tertiary);color:#eeeef8;color:var(--text-primary)}.topbar__title{color:#88a;color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.01em;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__new-btn{align-items:center;background:#7c3aed14;background:var(--accent-subtle);border:1px solid #7c3aed38;border:1px solid var(--accent-border);border-radius:20px;color:#c084fc;color:var(--text-accent);cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.8rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth)}.topbar__new-btn:hover{background:#7c3aed26;border-color:#a855f7;border-color:var(--accent-bright);color:#a855f7;color:var(--accent-bright);transform:translateY(-1px)}.messages-area{flex:1 1;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.messages-list{display:flex;flex-direction:column;gap:2px;margin:0 auto;max-width:780px;padding:1.5rem 1.5rem 1rem}.message-row{align-items:flex-start;animation:fadeUp .26s cubic-bezier(.175,.885,.32,1.15) forwards;animation:fadeUp .26s var(--ease-spring) forwards;display:flex;gap:10px;padding:3px 0}.message-row--user{flex-direction:row-reverse}.message-row--new{animation:fadeUp .3s cubic-bezier(.175,.885,.32,1.15) forwards;animation:fadeUp .3s var(--ease-spring) forwards}.msg-avatar{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:4px;width:28px}.msg-avatar--ai{background:linear-gradient(135deg,#5b21b6,#a855f7);background:linear-gradient(135deg,var(--accent-dim),var(--accent-bright));box-shadow:0 0 10px #7c3aed38;box-shadow:0 0 10px var(--accent-glow);color:#fff}.msg-avatar--user{background:#131326;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-strong);color:#88a;color:var(--text-secondary)}.msg-content-wrap{display:flex;flex-direction:column;gap:4px;max-width:min(76%,640px)}.message-row--user .msg-content-wrap{align-items:flex-end}.msg-role-name{color:#444460;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;padding:0 2px;text-transform:uppercase}.msg-bubble{border-radius:16px;font-size:.9rem;line-height:1.7;padding:.7rem 1rem;position:relative}.msg-bubble--ai{background:#0d0d1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-bottom-left-radius:4px;color:#eeeef8;color:var(--text-primary)}.msg-bubble--user{background:linear-gradient(135deg,#5b21b6,#7c3aed);background:linear-gradient(135deg,var(--accent-dim),var(--accent));border-bottom-right-radius:4px;box-shadow:0 4px 16px #7c3aed47;color:#fff}.msg-bubble--user p{color:#fff;margin:0}.msg-meta{align-items:center;display:flex;gap:8px;padding:0 2px}.msg-meta--user{flex-direction:row-reverse}.msg-timestamp{letter-spacing:.03em}.msg-copy-btn,.msg-timestamp{color:#444460;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:10px}.msg-copy-btn{align-items:center;background:none;border:1px solid #0000;border-radius:5px;cursor:pointer;display:flex;gap:4px;padding:2px 7px;transition:all .14s}.msg-copy-btn:hover{background:#131326;background:var(--bg-tertiary);border-color:#ffffff1a;border-color:var(--border-strong);color:#88a;color:var(--text-secondary)}.msg-sources{background:#7c3aed14;background:var(--accent-subtle);border:1px solid #7c3aed38;border:1px solid var(--accent-border);border-radius:7px;color:#444460;color:var(--text-muted);font-size:.78rem;margin-top:.75rem;padding:.45rem .75rem}.typing-indicator{align-items:flex-start;animation:fadeUp .2s ease forwards;display:flex;gap:10px;padding:3px 0}.typing-bubble{align-items:center;background:#0d0d1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:16px;border-bottom-left-radius:4px;display:flex;gap:5px;padding:.65rem 1rem}.typing-dot{animation:dotBounce 1.2s ease infinite;background:#a855f7;background:var(--accent-bright);border-radius:50%;height:6px;opacity:.7;width:6px}.message-content{font-size:.9rem;line-height:1.75}.message-content p{margin-bottom:.65rem}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3{color:#eeeef8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);font-weight:700;line-height:1.3;margin:1rem 0 .4rem}.message-content h1{font-size:1.15rem}.message-content h2{font-size:1.05rem}.message-content h3{color:#c084fc;color:var(--text-accent);font-size:.95rem}.message-content code{background:#7c3aed1f;border:1px solid #7c3aed38;border:1px solid var(--accent-border);border-radius:5px;color:#c084fc;color:var(--text-accent);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.82em;padding:.12em .42em}.message-content pre{background:#060611;border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:10px;margin:.75rem 0;overflow-x:auto;padding:1rem 1.1rem}.message-content pre code{background:none;border:none;color:#eeeef8;color:var(--text-primary);font-size:.83rem;padding:0}.message-content ol,.message-content ul{margin-bottom:.65rem;padding-left:1.4rem}.message-content li{margin-bottom:.2rem}.message-content blockquote{border-left:2px solid #7c3aed;border-left:2px solid var(--accent);color:#88a;color:var(--text-secondary);font-style:italic;margin:.75rem 0;padding-left:1rem}.message-content a{color:#c084fc;color:var(--text-accent);text-decoration:underline}.message-content strong{color:#eeeef8;color:var(--text-primary);font-weight:700}.message-content em{color:#88a;color:var(--text-secondary)}.welcome{animation:fadeUp .45s cubic-bezier(.175,.885,.32,1.15) forwards;animation:fadeUp .45s var(--ease-spring) forwards;flex-direction:column;min-height:100%;padding:1rem 2rem;text-align:center}.welcome,.welcome__logo{align-items:center;display:flex;justify-content:center}.welcome__logo{background:#7c3aed14;background:var(--accent-subtle);border:1px solid #7c3aed38;border:1px solid var(--accent-border);border-radius:16px;box-shadow:0 0 28px #7c3aed38;box-shadow:0 0 28px var(--accent-glow);height:56px;margin-bottom:1.25rem;padding:7px;width:56px}.welcome__logo img{height:100%;object-fit:contain;width:100%}.welcome__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#eeeef8 35%,#c084fc);background:linear-gradient(135deg,var(--text-primary) 35%,var(--text-accent));-webkit-background-clip:text;background-clip:text;font-size:1.65rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.4rem}.welcome__subtitle{color:#444460;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.9rem;line-height:1.65;margin-bottom:2.5rem;max-width:360px}.suggestions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);max-width:620px;width:100%}.suggestion-card{align-items:flex-start;background:#0d0d1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:5px;overflow:hidden;padding:1rem 1.1rem;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth)}.suggestion-card:after{background:linear-gradient(135deg,#7c3aed14,#0000);background:linear-gradient(135deg,var(--accent-subtle),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.suggestion-card:hover{border-color:#7c3aed38;border-color:var(--accent-border);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.suggestion-card:hover:after{opacity:1}.suggestion-card__icon{font-size:1.1rem;position:relative;z-index:1}.suggestion-card__label{color:#a855f7;color:var(--accent-bright);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;position:relative;text-transform:uppercase;z-index:1}.suggestion-card__text{color:#88a;color:var(--text-secondary);font-size:.8rem;line-height:1.45;position:relative;z-index:1}.input-area{background:linear-gradient(0deg,#07070f 75%,#0000);background:linear-gradient(to top,var(--bg-primary) 75%,#0000);flex-shrink:0;padding:.75rem 1.25rem 1rem}.input-wrapper{background:#0d0d1a;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-strong);border-radius:22px;margin:0 auto;max-width:780px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:#7c3aed38;border-color:var(--accent-border);box-shadow:0 0 0 3px #7c3aed12,0 4px 20px #00000040}.input-textarea{background:#0000;border:none;color:#eeeef8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.92rem;line-height:1.6;max-height:200px;outline:none;overflow-y:auto;padding:.9rem 1.15rem .45rem;resize:none;width:100%}.input-textarea::placeholder{color:#444460;color:var(--text-muted)}.input-textarea:disabled{cursor:not-allowed;opacity:.5}.input-footer{align-items:center;display:flex;justify-content:space-between;padding:.35rem .75rem .6rem}.input-footer__left{align-items:center;display:flex;gap:8px}.input-hint{color:#444460;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.03em}.input-hint--thinking{animation:pulse 1.5s ease infinite;color:#a855f7;color:var(--accent-bright)}.send-btn{align-items:center;background:#7c3aed;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth);width:32px}.send-btn:hover:not(:disabled){background:#a855f7;background:var(--accent-bright);box-shadow:0 4px 14px #7c3aed38;box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.send-btn:disabled{background:#131326;background:var(--bg-tertiary);cursor:not-allowed}.input-disclaimer,.send-btn:disabled{color:#444460;color:var(--text-muted)}.input-disclaimer{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.72rem;margin-left:auto;margin-right:auto;margin-top:.5rem;max-width:780px;text-align:center}.msg-bubble--comparison{background:#0000!important;border:none!important;box-shadow:none!important;max-width:95%!important;padding:0!important}.comparison-container{display:flex;gap:1.25rem;width:100%}.comparison-pane{background:#0d0d1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:16px;flex:1 1;min-width:0;padding:1.15rem 1.25rem}.comparison-pane--powerful{background:#7c3aed0a;border-color:#7c3aed38;border-color:var(--accent-border);box-shadow:0 4px 20px -8px #7c3aed38;box-shadow:0 4px 20px -8px var(--accent-glow)}.comparison-label{background:#131326;background:var(--bg-tertiary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:4px;color:#444460;color:var(--text-muted);display:inline-block;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;margin-bottom:.75rem;padding:2px 8px;text-transform:uppercase}.comparison-pane--powerful .comparison-label{background:#7c3aed14;background:var(--accent-subtle);border-color:#7c3aed38;border-color:var(--accent-border);color:#c084fc;color:var(--text-accent)}.compare-toggle{align-items:center;background:#131326;background:var(--bg-tertiary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:20px;color:#88a;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.78rem;font-weight:600;gap:6px;padding:5px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth)}.compare-toggle:hover{background:#181830;background:var(--bg-hover);border-color:#ffffff1a;border-color:var(--border-strong)}.compare-toggle--active{background:#7c3aed14;background:var(--accent-subtle);border-color:#7c3aed38;border-color:var(--accent-border);box-shadow:0 0 12px #7c3aed38;box-shadow:0 0 12px var(--accent-glow);color:#c084fc;color:var(--text-accent)}.compare-toggle__dot{background:#444460;background:var(--text-muted);border-radius:50%;height:7px;transition:all .2s;width:7px}.compare-toggle--active .compare-toggle__dot{background:#a855f7;background:var(--accent-bright);box-shadow:0 0 6px #a855f7;box-shadow:0 0 6px var(--accent-bright)}.auth-page{align-items:center;background:#07070f;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:auto;padding:2rem;position:relative}.auth-page__bg-grid{background-image:linear-gradient(#7c3aed08 1px,#0000 0),linear-gradient(90deg,#7c3aed08 1px,#0000 0);background-size:44px 44px;inset:0}.auth-page__bg-glow,.auth-page__bg-grid{pointer-events:none;position:fixed;z-index:0}.auth-page__bg-glow{background:radial-gradient(circle,#7c3aed12 0,#0000 65%);height:700px;left:50%;top:-20%;transform:translateX(-50%);width:700px}.auth-card{animation:fadeUp .4s cubic-bezier(.175,.885,.32,1.15) forwards;animation:fadeUp .4s var(--ease-spring) forwards;background:#0d0d1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:22px;max-width:400px;padding:2.5rem 2rem;position:relative;width:100%;z-index:1}.auth-logo{flex-direction:column;gap:10px;margin-bottom:.4rem}.auth-logo,.auth-logo__icon{align-items:center;display:flex}.auth-logo__icon{background:#7c3aed14;background:var(--accent-subtle);border:1px solid #7c3aed38;border:1px solid var(--accent-border);border-radius:13px;box-shadow:0 0 22px #7c3aed38;box-shadow:0 0 22px var(--accent-glow);height:46px;justify-content:center;padding:6px;width:46px}.auth-logo__name{color:#eeeef8;color:var(--text-primary);font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.auth-subtitle{color:#444460;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.82rem;margin-bottom:1.75rem;text-align:center}.auth-error{animation:slideDown .25s ease;background:#f8717114;border:1px solid #f8717140;border-radius:10px;color:#fca5a5;font-size:.83rem;margin-bottom:1rem;padding:.65rem 1rem}.auth-form{gap:1rem}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:5px}.auth-label{color:#444460;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.auth-input{background:#07070f;background:var(--bg-primary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:10px;color:#eeeef8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.9rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.auth-input:focus{border-color:#7c3aed38;border-color:var(--accent-border);box-shadow:0 0 0 3px #7c3aed12}.auth-input::placeholder{color:#444460;color:var(--text-muted)}.auth-btn{align-items:center;background:#7c3aed;background:var(--accent);border:none;border-radius:10px;box-shadow:0 4px 16px #7c3aed40;color:#fff;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.92rem;font-weight:700;justify-content:center;margin-top:.25rem;padding:.85rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth);width:100%}.auth-btn:hover:not(:disabled){background:#a855f7;background:var(--accent-bright);box-shadow:0 6px 20px #7c3aed66;transform:translateY(-1px)}.auth-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.auth-switch{color:#444460;color:var(--text-muted);font-size:.82rem;margin-top:1.2rem;text-align:center}.auth-link{color:#c084fc;color:var(--text-accent);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.training-scroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;width:100%}.training-container{animation:fadeUp .4s cubic-bezier(.175,.885,.32,1.15) forwards;animation:fadeUp .4s var(--ease-spring) forwards;margin:0 auto;max-width:980px;padding:2.5rem 1.75rem 4rem;width:100%}.training-header{margin-bottom:2.5rem;text-align:center}.training-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#eeeef8,#c084fc);background:linear-gradient(to right,var(--text-primary),var(--text-accent));-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}.training-subtitle{color:#88a;color:var(--text-secondary);font-size:.95rem;margin:0 auto;max-width:540px}.training-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.training-card{background:#0d0d1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;gap:1rem;padding:1.75rem;transition:border-color .2s}.training-card:focus-within{border-color:#7c3aed38;border-color:var(--accent-border);box-shadow:0 0 0 3px #7c3aed0d}.training-label{color:#c084fc;color:var(--text-accent);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.training-input,.training-textarea{background:#07070f;background:var(--bg-primary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:10px;color:#eeeef8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.9rem;padding:.85rem 1rem;transition:border-color .2s;width:100%}.training-input:focus,.training-textarea:focus{border-color:#7c3aed38;border-color:var(--accent-border);outline:none}.training-textarea{line-height:1.6;min-height:180px;resize:vertical}.save-button{align-items:center;background:#7c3aed;background:var(--accent);border:none;border-radius:12px;box-shadow:0 4px 16px #7c3aed40;color:#fff;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.95rem;font-weight:700;gap:.6rem;justify-content:center;padding:1.1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth);width:100%}.save-button:hover:not(:disabled){background:#a855f7;background:var(--accent-bright);box-shadow:0 8px 24px #7c3aed66;transform:translateY(-2px)}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{background:#131326;background:var(--bg-tertiary);box-shadow:none;cursor:not-allowed;opacity:.6}.kb-section{animation:fadeIn .8s ease;margin-top:3.5rem}.section-header{align-items:baseline;border-bottom:1px solid hsla(0,0%,100%,.055);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:.75rem}.section-title{color:#eeeef8;color:var(--text-primary);font-size:1.5rem;font-weight:700}.kb-upload-zone{margin-bottom:2.5rem}.kb-upload-label{align-items:center;background:#7c3aed14;background:var(--accent-subtle);border:2px dashed hsla(0,0%,100%,.055);border:2px dashed var(--border);border-radius:22px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:3.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--ease-smooth)}.kb-upload-label:hover{background:#7c3aed0f;border-color:#7c3aed38;border-color:var(--accent-border);transform:scale(1.01)}.kb-upload-label--disabled{cursor:wait;opacity:.78;pointer-events:none}.kb-upload-icon{font-size:2.75rem;margin-bottom:1.25rem}.kb-upload-progress{background:#0d0d1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:12px;margin-top:1rem;padding:.85rem 1rem}.kb-upload-progress__bar{background:#07070f;background:var(--bg-primary);border-radius:999px;height:6px;overflow:hidden}.kb-upload-progress__fill{background:#7c3aed;background:var(--accent);border-radius:inherit;height:100%;transition:width .25s cubic-bezier(.4,0,.2,1);transition:width .25s var(--ease-smooth)}.kb-upload-progress__meta{color:#88a;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.72rem;gap:.85rem;margin-top:.65rem}.knowledge-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.knowledge-item{align-items:center;background:#0d0d1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:14px;display:flex;justify-content:space-between;padding:1.1rem 1.15rem;transition:all .15s}.knowledge-item:hover{background:#131326;background:var(--bg-tertiary);border-color:#ffffff1a;border-color:var(--border-strong)}.knowledge-item__info{align-items:center;display:flex;gap:1rem}.knowledge-item__icon{font-size:1.65rem}.knowledge-item__name{color:#eeeef8;color:var(--text-primary);display:block;font-size:.88rem;font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-item__meta{color:#88a;color:var(--text-secondary);font-size:.75rem}.knowledge-item__delete{background:#0000;border:1px solid #f8717133;border-radius:9px;color:#f87171;color:var(--danger);cursor:pointer;padding:7px;transition:all .15s}.knowledge-item__delete:hover{background:#f871711a;border-color:#f87171;border-color:var(--danger)}.alert{align-items:center;animation:slideDown .35s cubic-bezier(.4,0,.2,1);animation:slideDown .35s var(--ease-smooth);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;box-shadow:0 8px 20px #0003;display:flex;font-size:.9rem;gap:.75rem;padding:1rem 1.25rem}.alert--error{background:#f8717114;border:1px solid #f8717140;color:#fca5a5}.alert--success{background:#34d39914;border:1px solid #34d39940;color:#6ee7b7}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.loading-screen{align-items:center;color:#88a;color:var(--text-secondary);display:flex;flex-direction:column;gap:1.25rem;height:100vh;justify-content:center}.spinner{animation:spin .9s linear infinite;border:2px solid hsla(0,0%,100%,.055);border-top-color:#a855f7;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent-bright);height:44px;width:44px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff26;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:900px){.comparison-container{flex-direction:column}.training-grid{grid-template-columns:1fr}}@media (max-width:600px){.suggestions{grid-template-columns:1fr;max-width:100%}.welcome__title{font-size:1.35rem}.messages-list{padding:1rem .75rem}.input-area{padding:.5rem .75rem .75rem}.training-container{padding:1.5rem 1rem}}.error-toast{animation:slideDown .3s cubic-bezier(.4,0,.2,1);animation:slideDown .3s var(--ease-smooth);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f871711a;border:1px solid #f871714d;border-radius:24px;color:#fca5a5;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.82rem;left:50%;max-width:90vw;overflow:hidden;padding:.55rem 1.2rem;position:fixed;text-overflow:ellipsis;top:70px;transform:translateX(-50%);white-space:nowrap;z-index:200}.topbar__icon-btn{align-items:center;background:#131326;background:var(--bg-tertiary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:8px;color:#88a;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .18s;width:32px}.topbar__icon-btn:hover{background:#181830;background:var(--bg-hover);color:#eeeef8;color:var(--text-primary)}.sidebar__folders{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.055);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:6px 8px}.sidebar__folders::-webkit-scrollbar{height:2px}.sidebar__folder-tab{background:none;border:1px solid #0000;border-radius:20px;color:#444460;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.75rem;font-weight:600;padding:3px 10px;transition:all .15s;white-space:nowrap}.sidebar__folder-tab:hover{background:#181830;background:var(--bg-hover);color:#88a;color:var(--text-secondary)}.sidebar__folder-tab--active{background:#7c3aed14;background:var(--accent-subtle);border-color:#7c3aed38;border-color:var(--accent-border);color:#c084fc;color:var(--text-accent)}.sidebar__folder-tab--add{color:#444460;color:var(--text-muted);font-size:1rem;line-height:1;padding:2px 8px}.sidebar__folder-tab--add:hover{color:#a855f7;color:var(--accent-bright)}.sidebar__new-folder{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.055);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:6px;padding:6px 8px}.sidebar__folder-picker{animation:fadeUp .15s ease;background:#131326;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 8px 24px #0006;min-width:140px;padding:4px;position:absolute;right:0;top:100%;z-index:50}.sidebar__folder-option{border-radius:7px;color:#88a;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:6px 10px;transition:all .12s;white-space:nowrap}.sidebar__folder-option:hover{background:#181830;background:var(--bg-hover);color:#eeeef8;color:var(--text-primary)}.sidebar__folder-option--active{background:#7c3aed14;background:var(--accent-subtle);color:#c084fc;color:var(--text-accent)}.profile-page{animation:fadeUp .35s cubic-bezier(.175,.885,.32,1.15) forwards;animation:fadeUp .35s var(--ease-spring) forwards;margin:0 auto;max-width:720px;padding:2rem 1.5rem}.profile-tabs{background:#0d0d1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;margin-bottom:1.75rem;padding:4px}.profile-tab{align-items:center;background:none;border:none;border-radius:9px;color:#444460;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.82rem;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .18s;white-space:nowrap}.profile-tab:hover{background:#181830;background:var(--bg-hover);color:#88a;color:var(--text-secondary)}.profile-tab--active{background:#7c3aed14;background:var(--accent-subtle);border:1px solid #7c3aed38;border:1px solid var(--accent-border);color:#c084fc;color:var(--text-accent)}.profile-section-group{display:flex;flex-direction:column;gap:1rem}.profile-card{background:#0d0d1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.profile-card--danger{border-color:#f8717133}.profile-card__title{color:#eeeef8;color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:1rem}.profile-avatar-area{align-items:center;display:flex;gap:1.25rem}.profile-avatar-xl{align-items:center;background:linear-gradient(135deg,#5b21b6,#a855f7);background:linear-gradient(135deg,var(--accent-dim),var(--accent-bright));border-radius:16px;box-shadow:0 4px 16px #7c3aed38;box-shadow:0 4px 16px var(--accent-glow);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:800;height:60px;justify-content:center;width:60px}.profile-username{color:#eeeef8;color:var(--text-primary);font-size:1.05rem;font-weight:700}.profile-email{color:#88a;color:var(--text-secondary);font-size:.82rem;margin-top:2px}.profile-meta{align-items:center;display:flex;gap:8px;margin-top:6px}.profile-badge{background:#131326;background:var(--bg-tertiary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:20px;color:#88a;color:var(--text-secondary);font-size:.72rem;font-weight:700;padding:2px 8px}.profile-badge--admin{background:#7c3aed14;background:var(--accent-subtle);border-color:#7c3aed38;border-color:var(--accent-border);color:#c084fc;color:var(--text-accent)}.profile-meta-text{color:#444460;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.75rem}.profile-alert{animation:slideDown .25s ease;border-radius:9px;font-size:.83rem;margin-bottom:1rem;padding:.6rem 1rem}.profile-alert--error{background:#f8717114;border:1px solid #f8717140;color:#fca5a5}.profile-alert--success{background:#34d39914;border:1px solid #34d39940;color:#6ee7b7}.profile-form{gap:.85rem}.profile-field,.profile-form{display:flex;flex-direction:column}.profile-field{gap:4px}.profile-label{color:#444460;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.profile-input{background:#07070f;background:var(--bg-primary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:9px;color:#eeeef8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.9rem;outline:none;padding:.7rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.profile-input:focus{border-color:#7c3aed38;border-color:var(--accent-border);box-shadow:0 0 0 3px #7c3aed12}.profile-input::placeholder{color:#444460;color:var(--text-muted)}.profile-btn{background:#7c3aed;background:var(--accent);border:none;border-radius:9px;box-shadow:0 3px 12px #7c3aed38;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.88rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth)}.profile-btn:hover:not(:disabled){background:#a855f7;background:var(--accent-bright);transform:translateY(-1px)}.profile-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-btn--danger{background:#f871711a;border:1px solid #f871714d;box-shadow:none;color:#f87171;color:var(--danger)}.profile-btn--danger:hover{background:#f871712e}.profile-btn--ghost{background:none;border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);box-shadow:none;color:#444460;color:var(--text-muted);width:100%}.profile-btn--ghost:hover{background:#181830;background:var(--bg-hover);color:#eeeef8;color:var(--text-primary)}.profile-hint{color:#444460;color:var(--text-muted);font-size:.8rem;line-height:1.5}.profile-divider{background:hsla(0,0%,100%,.055);background:var(--border);height:1px;margin:1rem 0}.profile-select{background:#07070f;background:var(--bg-primary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:9px;color:#eeeef8;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.9rem;outline:none;padding:.65rem .9rem;transition:border-color .2s;width:100%}.profile-select:focus{border-color:#7c3aed38;border-color:var(--accent-border)}.toggle-row{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between}.toggle-row__label{color:#eeeef8;color:var(--text-primary);font-size:.88rem;font-weight:600}.toggle-row__desc{color:#444460;color:var(--text-muted);font-size:.78rem;margin-top:2px}.toggle-btn{background:#131326;background:var(--bg-tertiary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .25s,border-color .25s;width:42px}.toggle-btn--on{background:#7c3aed;background:var(--accent);border-color:#7c3aed;border-color:var(--accent)}.toggle-btn__knob{background:#444460;background:var(--text-muted);border-radius:50%;height:18px;left:2px;position:absolute;top:2px;transition:transform .25s cubic-bezier(.175,.885,.32,1.15),background .25s;transition:transform .25s var(--ease-spring),background .25s;width:18px}.toggle-btn--on .toggle-btn__knob{background:#fff;transform:translateX(18px)}.theme-selector{display:flex;gap:12px}.theme-option{align-items:center;background:#07070f;background:var(--bg-primary);border:2px solid hsla(0,0%,100%,.055);border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:12px 8px;transition:all .2s}.theme-option:hover{border-color:#ffffff1a;border-color:var(--border-strong)}.theme-option--active{background:#7c3aed14;background:var(--accent-subtle);border-color:#7c3aed;border-color:var(--accent)}.theme-preview{border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:8px;display:flex;height:48px;overflow:hidden;width:80px}.theme-preview--dark{background:#07070f}.theme-preview--light{background:#f5f5fa}.theme-preview__sidebar{background:#0000004d;width:28%}.theme-preview--light .theme-preview__sidebar{background:#00000014}.theme-preview__main{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:6px}.theme-preview__bubble{border-radius:4px;height:8px}.theme-preview__bubble--ai{background:#7c3aed80;width:70%}.theme-preview__bubble--user{align-self:flex-end;background:#7c3aedcc;width:50%}.theme-label{align-items:center;color:#88a;color:var(--text-secondary);display:flex;font-size:.78rem;font-weight:600;gap:5px}.theme-active-dot{color:#a855f7;color:var(--accent-bright);font-size:10px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{align-items:center;border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .15s}.radio-option:hover{background:#181830;background:var(--bg-hover)}.radio-option--active{background:#7c3aed14;background:var(--accent-subtle);border-color:#7c3aed38;border-color:var(--accent-border)}.radio-dot{border:2px solid #444460;border:2px solid var(--text-muted);border-radius:50%;flex-shrink:0;height:14px;transition:all .15s;width:14px}.radio-option--active .radio-dot{background:#a855f7;background:var(--accent-bright);border-color:#a855f7;border-color:var(--accent-bright);box-shadow:0 0 6px #7c3aed38;box-shadow:0 0 6px var(--accent-glow)}.radio-label{color:#eeeef8;color:var(--text-primary);font-size:.88rem;font-weight:600}.radio-desc{color:#444460;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.78rem;margin-left:auto}.profile-range{accent-color:#7c3aed;accent-color:var(--accent);cursor:pointer;flex:1 1;height:4px}.sound-selector{display:flex;gap:8px}.sound-option{background:#07070f;background:var(--bg-primary);border:1px solid hsla(0,0%,100%,.055);border:1px solid var(--border);border-radius:9px;color:#88a;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:.8rem;padding:8px 10px;text-align:center;transition:all .15s}.sound-option:hover{background:#181830;background:var(--bg-hover)}.sound-option--active{background:#7c3aed14;background:var(--accent-subtle);border-color:#7c3aed38;border-color:var(--accent-border);color:#c084fc;color:var(--text-accent)}.shortcuts-table{display:flex;flex-direction:column;gap:2px}.shortcut-row{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px;transition:background .12s}.shortcut-row:hover{background:#181830;background:var(--bg-hover)}.shortcut-label{color:#88a;color:var(--text-secondary);font-size:.85rem}.shortcut-keys{align-items:center;display:flex;gap:4px}.kbd{align-items:center;background:#131326;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:solid var(--border-strong);border-radius:5px;border-width:1px 1px 2px;color:#88a;color:var(--text-secondary);display:inline-flex;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:10px;height:22px;justify-content:center;min-width:28px;padding:0 6px}.kbd-plus{color:#444460;color:var(--text-muted);font-size:10px}[data-theme=light]{--bg-primary:#f5f5fa;--bg-secondary:#eeeef6;--bg-tertiary:#e4e4ef;--bg-hover:#dddde8;--text-primary:#111120;--text-secondary:#44445a;--text-muted:#889;--border:#00000014;--border-strong:#00000024}
/*# sourceMappingURL=main.4016fcd9.css.map*/