@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&display=swap";.wb-access-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 32%),radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--secondary) 16%,transparent),transparent 28%),var(--bg)}.wb-access-card{width:min(420px,100%);padding:28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-card) 94%,transparent);box-shadow:var(--shadow)}.wb-access-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;background:var(--gradient)}.wb-access-card h1{margin:0 0 8px;color:var(--text);font-family:var(--font-title);font-size:1.35rem}.wb-access-card p{margin:0 0 20px;color:var(--text-muted);font-size:.9rem;line-height:1.5}.wb-access-field{display:flex;flex-direction:column;gap:7px;color:var(--text-muted);font-size:.78rem}.wb-access-field input{height:42px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);padding:0 12px;font-family:var(--font-body);font-size:.95rem;outline:none}.wb-access-field input:focus{border-color:var(--primary)}.wb-access-error{margin-top:12px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--error) 42%,transparent);border-radius:var(--radius-sm);color:var(--text);background:color-mix(in srgb,var(--error) 13%,transparent);font-size:.82rem}.wb-access-submit{width:100%;margin-top:16px;height:42px;border:none;border-radius:var(--radius-xl);background:var(--gradient);color:#fff;font-family:var(--font-title);font-weight:700;cursor:pointer}.wb-access-submit:disabled{opacity:.55;cursor:default}.wb-page{display:flex;flex-direction:column;height:100vh;background:var(--bg);overflow:hidden}.wb-body{display:flex;flex:1;overflow:hidden;position:relative}.wb-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);min-height:48px;flex-shrink:0}.wb-bar-title{font-family:var(--font-title);font-size:.95rem;font-weight:600;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-bar-status{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted)}.wb-bar-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);flex-shrink:0}.wb-bar-dot.connected{background:var(--success)}.wb-bar-dot.connecting{background:var(--warning);animation:pulse 1.5s ease-in-out infinite}.wb-bar-dot.error{background:var(--error)}.wb-bar-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:6px 10px;display:flex;align-items:center;gap:5px;font-size:.78rem;font-family:var(--font-body);transition:.15s}.wb-bar-btn:hover{border-color:var(--text-dim);color:var(--text)}.wb-bar-btn:disabled{opacity:.4;cursor:default}.wb-mode-select{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:.76rem;white-space:nowrap}.wb-mode-select select{height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);padding:0 8px;font-family:var(--font-body);font-size:.78rem;outline:none}.wb-mode-select select:disabled{opacity:.55;cursor:default}.wb-canvas-area{flex:1;position:relative;overflow:hidden}.wb-canvas-area .tl-container{background:var(--bg)}:root[data-theme=light] .wb-canvas-area .tl-container,:root[data-theme=light] .wb-canvas-area .tl-background{background:#fbf7f4}:root[data-theme=dark] .wb-canvas-area .tl-container,:root[data-theme=dark] .wb-canvas-area .tl-background{background:#08081a}.wb-file-input{display:none}.wb-drop-hint{position:absolute;right:16px;bottom:16px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--bg-card) 88%,transparent);color:var(--text-muted);font-size:.78rem;pointer-events:none;z-index:5;box-shadow:var(--shadow)}.wb-help-card{position:absolute;left:16px;top:16px;display:flex;flex-direction:column;gap:3px;max-width:320px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-card) 88%,transparent);color:var(--text-muted);font-size:.78rem;pointer-events:none;z-index:5;box-shadow:var(--shadow)}.wb-help-card strong{color:var(--text);font-size:.82rem}.wb-error-banner{position:absolute;left:50%;bottom:84px;transform:translate(-50%);max-width:min(560px,calc(100vw - 24px));padding:9px 13px;border:1px solid color-mix(in srgb,var(--error) 45%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--error) 14%,var(--bg-card));color:var(--text);font-size:.82rem;z-index:20;box-shadow:var(--shadow)}.wb-voice-wrap{position:relative;flex-shrink:0}.wb-voice-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0}.wb-mic-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}.wb-mic-btn:hover{border-color:var(--primary);color:var(--primary)}.wb-mic-btn.active{border-color:var(--error);background:#ff5c6e1a;color:var(--error);animation:pulse 1.5s ease-in-out infinite}.wb-mic-btn:disabled{opacity:.4;cursor:default;animation:none}.wb-transcript{flex:1;min-width:0;display:block;text-align:left;background:none;border:none;padding:4px 0;cursor:pointer;font-family:var(--font-body)}.wb-transcript:hover .wb-transcript-text{color:var(--text)}.wb-transcript-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.wb-transcript-text{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.2em}.wb-transcript-text.ai{color:var(--text)}.wb-history-panel{position:absolute;left:0;right:0;bottom:100%;height:50vh;min-height:280px;background:color-mix(in srgb,var(--bg-card) 96%,black);border-top:1px solid var(--border);box-shadow:0 -18px 50px #00000052;z-index:40;display:flex;flex-direction:column}.wb-history-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;border:none;background:transparent;cursor:default}.wb-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.wb-history-header strong{display:block;color:var(--text);font-family:var(--font-title);font-size:.95rem}.wb-history-header span{display:block;margin-top:2px;color:var(--text-muted);font-size:.76rem}.wb-history-close{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.wb-history-close:hover{color:var(--text);border-color:var(--text-dim)}.wb-history-list{flex:1;overflow-y:auto;padding:16px 18px 22px;display:flex;flex-direction:column;gap:12px}.wb-history-empty{margin:auto;color:var(--text-muted);font-size:.86rem}.wb-history-msg{max-width:min(760px,90%);padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input)}.wb-history-msg.assistant{align-self:flex-start}.wb-history-msg.user{align-self:flex-end;background:color-mix(in srgb,var(--primary) 12%,var(--bg-input));border-color:color-mix(in srgb,var(--primary) 32%,var(--border))}.wb-history-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.wb-history-role{color:var(--text-dim);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.wb-history-copy{width:26px;height:24px;border:1px solid var(--border);border-radius:7px;background:color-mix(in srgb,var(--bg-input) 78%,transparent);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.wb-history-copy:hover{color:var(--text);border-color:var(--text-dim)}.wb-history-copy.mini{width:22px;height:22px;margin-left:3px}.wb-history-content{color:var(--text);font-size:.88rem;line-height:1.55;white-space:pre-wrap}.wb-history-formula-wrap{display:inline-flex;align-items:center;max-width:100%;vertical-align:middle}.wb-history-formula-wrap.display{display:flex;width:fit-content;margin:8px 0}.wb-history-formula{display:inline-flex;max-width:100%;margin:0 3px;padding:2px 5px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--text);cursor:pointer;vertical-align:middle;overflow-x:auto}.wb-history-formula.display{margin:0;padding:8px 10px}.wb-history-formula:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent)}.wb-voice-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.wb-toast-stack{position:absolute;right:16px;bottom:calc(100% + 10px);z-index:60;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px))}.wb-toast{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-card) 94%,transparent);color:var(--text);box-shadow:var(--shadow);font-size:.82rem;line-height:1.35}.wb-toast.error{border-color:color-mix(in srgb,var(--error) 38%,var(--border))}.wb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-muted);text-align:center;padding:40px}.wb-empty h3{font-family:var(--font-title);font-size:1.2rem;color:var(--text);font-weight:600}.wb-empty p{font-size:.88rem;max-width:400px;line-height:1.5}.wb-start-btn{margin-top:8px;padding:12px 28px;border-radius:var(--radius-xl);border:none;background:var(--gradient);color:#fff;font-family:var(--font-title);font-size:.95rem;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px}.wb-start-btn:hover{transform:translateY(-1px);box-shadow:var(--glow)}.wb-start-btn:disabled{opacity:.5;cursor:default;transform:none}.wb-tools{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;z-index:10}.wb-tool-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.wb-tool-btn:hover{background:var(--bg-hover);color:var(--text)}.wb-tool-btn.active{background:var(--bg-input);color:var(--primary)}@media (max-width: 768px){.wb-bar{padding:6px 12px;gap:8px}.wb-bar-title{font-size:.85rem}.wb-mode-select span{display:none}.wb-mode-select select{max-width:132px}.wb-voice-bar{padding:10px 12px;gap:8px}.wb-mic-btn{width:42px;height:42px}.wb-history-panel{height:50vh;min-height:240px}.wb-history-msg{max-width:96%}.wb-help-card{display:none}.wb-drop-hint{right:8px;bottom:8px;font-size:.72rem}.wb-tools{left:6px}}@font-face{font-family:Atmosphere Grotesk;src:url(/fonts/AtmosphereGrotesk-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atmosphere Grotesk;src:url(/fonts/AtmosphereGrotesk-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:dark;--primary: #E85D5D;--primary-dark: #D14545;--secondary: #F59E0B;--gradient: linear-gradient(135deg, #E85D5D, #F97316, #F59E0B);--gradient-text: linear-gradient(135deg, #E85D5D 20%, #F97316 50%, #F59E0B);--bg: #08081A;--bg-2: #0E0E26;--bg-card: #111128;--bg-card-hover: #17172F;--bg-input: rgba(255,255,255,.05);--bg-hover: rgba(255,255,255,.06);--text: #EEF0FF;--text-muted: #7B82A8;--text-dim: #4A5070;--success: #00D68F;--error: #FF5C6E;--warning: #FFB740;--border: rgba(255,255,255,.07);--border-accent: rgba(239,68,68,.25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow: 0 4px 32px rgba(0,0,0,.6);--shadow-sm: 0 2px 12px rgba(0,0,0,.4);--glow: 0 0 32px rgba(239,68,68,.2);--glow-violet: 0 0 32px rgba(245,158,11,.2);--font-title: "Atmosphere Grotesk", sans-serif;--font-body: "DM Sans", sans-serif;--bg-nav: rgba(8,8,26,.92)}[data-theme=light]{color-scheme:light;--primary: #D14545;--primary-dark: #B93C3C;--secondary: #D97706;--gradient: linear-gradient(135deg, #D14545, #EA580C, #D97706);--gradient-text: linear-gradient(135deg, #D14545 20%, #EA580C 50%, #D97706);--bg: #F5F5F8;--bg-2: #EDEDF2;--bg-card: #FFFFFF;--bg-card-hover: #FAFAFC;--bg-input: #E8E8EE;--bg-hover: rgba(100,100,140,.06);--text: #141420;--text-muted: #5E5E72;--text-dim: #A0A0B2;--border: #DDDDE6;--border-accent: rgba(220,38,38,.3);--shadow: 0 4px 32px rgba(20,20,40,.08);--shadow-sm: 0 2px 12px rgba(20,20,40,.06);--glow: 0 0 32px rgba(220,38,38,.12);--glow-violet: 0 0 32px rgba(217,119,6,.1);--success: #059669;--error: #DC2626;--warning: #D97706;--bg-nav: rgba(245,245,248,.92)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100vh;background:var(--bg)}h1,h2,h3,h4,h5{font-family:var(--font-title);line-height:1.25}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea{font-family:var(--font-body);outline:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius-sm);font-size:.93rem;font-weight:600;transition:all .18s;letter-spacing:-.01em}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 2px 16px #5b8eff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #5b8eff73;opacity:.93}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn-premium{background:var(--gradient);color:#fff;box-shadow:var(--glow)}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 6px 28px #5b8eff73;opacity:.93}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.accent-card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid;border-image:var(--gradient) 1;border-radius:var(--radius-md)}.grad-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-lg);font-size:.73rem;font-weight:600}.badge-blue{background:#ef44441f;color:var(--primary);border:1px solid rgba(239,68,68,.2)}.badge-purple{background:#f59e0b1f;color:var(--secondary);border:1px solid rgba(245,158,11,.2)}.badge-green{background:#00d68f1f;color:var(--success);border:1px solid rgba(0,214,143,.2)}.badge-orange{background:#ffb7401f;color:var(--warning);border:1px solid rgba(255,183,64,.2)}option{background:#111128;background:var(--bg-card);color:#eef0ff;color:var(--text)}[data-theme=light] option{background:#fff;color:#141420}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5b8eff66}.katex{font-size:1.05em}.katex-display{overflow-x:auto;padding:4px 0}