:root{--bg: #0d0d14;--surface: #16161f;--elevated: #1e1e2a;--border: #2a2a3a;--text: #e4e4ed;--text2: #7f7f94;--accent: #5b8def;--recording: #ef5b5b;--user-bg: #1a2b4a;--assist-bg: #1a1a28;--radius: 14px;--safe-b: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;touch-action:pan-y}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:pan-y;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0;display:flex;flex-direction:column}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.password-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px}.password-input{width:100%;max-width:280px;padding:14px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:center;font-size:17px;outline:none;transition:border-color .2s}.password-input:focus{border-color:var(--accent)}.password-btn{width:100%;max-width:280px;padding:14px 18px;border-radius:var(--radius);border:none;background:var(--accent);color:#fff;font-size:17px;font-weight:600;text-align:center;transition:opacity .15s}.password-btn:active{opacity:.75}.password-error{color:var(--recording);font-size:14px;min-height:20px}.main-screen{display:flex;flex-direction:column;height:100%;position:relative}.header{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 8px;flex-shrink:0}.btn-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text2);transition:background .15s,color .15s;-webkit-touch-callout:none}.btn-icon:active{background:var(--elevated);color:var(--text)}.btn-clear-confirm{height:36px;padding:0 14px;border-radius:10px;background:#ef5b5b26;color:var(--recording);font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s;animation:fadeUp .15s ease}.btn-clear-confirm:active{background:#ef5b5b4d}.transcript{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:4px 12px 8px}.transcript-list{display:flex;flex-direction:column;gap:8px;min-height:100%;justify-content:flex-end}.transcript-hint{text-align:center;color:var(--text2);font-size:15px;padding:32px 0}.bubble{max-width:82%;padding:10px 14px;border-radius:var(--radius);font-size:15px;line-height:1.5;word-break:break-word}.bubble-user{align-self:flex-end;background:var(--user-bg);border-bottom-right-radius:4px}.bubble-assistant{align-self:flex-start;background:var(--assist-bg);border-bottom-left-radius:4px}.bubble-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.bubble-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text2);flex-shrink:0}.bubble-pending{opacity:.7;animation:fadeUp .2s ease}.bubble-processing .bubble-text:after{content:"···";color:var(--text2);letter-spacing:2px;animation:processing-pulse 1.4s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes processing-pulse{0%,to{opacity:.3}50%{opacity:1}}.thinking-toggle{font-size:12px;font-style:italic;color:var(--text2);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-align:left}.thinking-toggle:before{content:"▸ "}.thinking-toggle.open:before{content:"▾ "}.thinking-details{display:none}.thinking-details[open]{display:block;margin-bottom:4px}.thinking-details-summary{display:none}.thinking-content{color:var(--text2);font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.sources{margin-top:8px;font-size:13px}.sources summary{cursor:pointer;color:var(--accent);list-style:none}.sources summary:before{content:"▸ "}.sources[open] summary:before{content:"▾ "}.sources ul{margin:4px 0 0 6px;list-style:none;display:flex;flex-direction:column;gap:4px}.sources a{color:var(--accent);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.sources a:hover{text-decoration:underline}.footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px calc(12px + var(--safe-b));height:calc(33vh + var(--safe-b));min-height:180px;max-height:260px}.footer-slot{flex:1;min-width:56px;display:flex;align-items:center;justify-content:center}.footer-slot-right{justify-content:flex-end}.btn-stop{width:48px;height:48px;border-radius:50%;background:var(--elevated);display:none;align-items:center;justify-content:center;color:var(--text2);transition:background .15s,color .15s;-webkit-touch-callout:none}.btn-stop.visible{display:flex}.btn-stop:active{background:var(--recording);color:#fff}.rec-btn-wrap{position:relative;width:130px;height:130px;flex-shrink:0;transform:scale(.7);opacity:.5;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s}.rec-btn-wrap[data-mic-ready=true]{transform:scale(1);opacity:1}.rec-btn{position:absolute;inset:0;border-radius:50%;background:var(--elevated);border:2px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;color:var(--text2);transition:transform .15s ease,background .25s,border-color .25s,box-shadow .25s,color .25s;-webkit-touch-callout:none;touch-action:none}[data-mic-ready=true] .rec-btn{background:var(--surface);border-color:var(--accent);color:var(--text)}[data-state=recording] .rec-btn{background:var(--recording);border-color:var(--recording);color:#fff;transform:scale(.92);box-shadow:0 0 28px #ef5b5b59}[data-state=speaking] .rec-btn{border-color:var(--accent);color:var(--accent)}[data-state=processing] .rec-btn{border-color:var(--text2);color:var(--text2)}.rec-btn-mic{display:flex;align-items:center;justify-content:center}[data-mic-ready=false] .rec-btn-mic{display:none}.rec-btn-label{font-size:13px;font-weight:700;line-height:1.3;text-align:center;max-width:90px}.rec-btn-trash{position:absolute;left:50%;bottom:calc(100% + 24px);width:48px;height:48px;border-radius:50%;background:var(--elevated);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text2);opacity:0;transform:translate(-50%) scale(.6);transition:transform .2s ease,opacity .2s ease,background .2s,border-color .2s,color .2s;pointer-events:none;z-index:10}.rec-btn-trash.visible{opacity:1;transform:translate(-50%) scale(1)}.rec-btn-trash.active{background:var(--recording);border-color:var(--recording);color:#fff;transform:translate(-50%) scale(1.15)}.voice-glow{--voice-glow-strength: 0;--voice-glow-scale: 1;position:fixed;bottom:0;left:0;right:0;height:120px;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease;z-index:50}.voice-glow.active{opacity:1;transform:translateY(0)}.voice-glow:before,.voice-glow:after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;transform-origin:50% 100%;transform:scaleY(var(--voice-glow-scale));transition:opacity 90ms linear,transform 90ms linear}.voice-glow:before{height:100px;border-radius:50% 50% 0 0/100% 100% 0 0;background:radial-gradient(ellipse at center bottom,rgba(239,91,91,.72) 0%,rgba(239,91,91,.4) 26%,rgba(180,50,50,.16) 55%,transparent 80%);filter:blur(22px);opacity:calc(var(--voice-glow-strength) * .95);animation:voice-glow-pulse 1.65s ease-in-out infinite}.voice-glow:after{left:-6%;right:-6%;height:30px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(239,91,91,.16) 12%,rgba(255,120,100,.85) 50%,rgba(239,91,91,.16) 88%,transparent 100%);filter:blur(16px);opacity:calc(var(--voice-glow-strength) * 1.15);animation:voice-glow-swell 1.15s ease-in-out infinite}@keyframes voice-glow-pulse{0%,to{transform:scaleY(var(--voice-glow-scale)) scaleX(.98)}50%{transform:scaleY(calc(var(--voice-glow-scale) * 1.08)) scaleX(1.02)}}@keyframes voice-glow-swell{0%,to{transform:scaleY(var(--voice-glow-scale)) scaleX(.96)}50%{transform:scaleY(calc(var(--voice-glow-scale) * 1.12)) scaleX(1.04)}}.settings-screen{position:absolute;inset:0;background:var(--bg);z-index:100;display:none;flex-direction:column}.settings-screen.open{display:flex;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-header{display:flex;align-items:center;gap:8px;height:52px;padding:0 8px;flex-shrink:0}.settings-title{font-size:18px;font-weight:600}.settings-body{flex:1;overflow-y:auto;padding:8px 16px 32px;display:flex;flex-direction:column;gap:18px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row-col{flex-direction:column;align-items:stretch}.settings-label{font-size:15px;color:var(--text);flex-shrink:0}.settings-select{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;min-width:110px;outline:none}.settings-select:focus{border-color:var(--accent)}.settings-textarea{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;resize:vertical;outline:none}.settings-textarea:focus{border-color:var(--accent)}.settings-textarea::placeholder{color:var(--text2)}.settings-range-wrap{display:flex;align-items:center;gap:10px}.settings-range{flex:1;accent-color:var(--accent)}.settings-range-val{font-size:13px;color:var(--text2);min-width:44px;text-align:right}.settings-toggle{width:48px;height:28px;border-radius:14px;background:var(--border);position:relative;transition:background .25s;flex-shrink:0}.settings-toggle[data-on=true]{background:var(--accent)}.settings-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .25s}.settings-toggle[data-on=true] .settings-toggle-knob{transform:translate(20px)}.settings-row-logs{justify-content:center;padding-top:12px}.settings-logs-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text2);font-size:14px;transition:background .15s}.settings-logs-btn:active{background:var(--elevated)}.log-dot{width:8px;height:8px;border-radius:50%;background:var(--recording);flex-shrink:0}.mic-error{background:#ef5b5b26;color:var(--recording);text-align:center;padding:10px 16px;font-size:14px;flex-shrink:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}