*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--surface: rgba(255, 255, 255, .06);--border: rgba(200, 149, 108, .18);--accent: #c8956c;--accent-deep: #a87350;--accent-glow: rgba(200, 149, 108, .3);--accent-dim: rgba(200, 149, 108, .12);--text: #f8f4ef;--text-dim: rgba(248, 244, 239, .45);--text-partial: rgba(248, 244, 239, .6);--error: #e05c5c;--status-green: #3dba7e;--status-yellow:#d4a017;--status-red: #e05c5c;--radius: 12px;--font-display: "DM Serif Display", Georgia, serif;--font-body: "Outfit", system-ui, -apple-system, sans-serif}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#login-overlay{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}#login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px 32px 36px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 40px #0006;display:flex;flex-direction:column;gap:8px}#login-title{font-family:var(--font-display);font-size:2.2rem;color:var(--text);text-align:center;margin-bottom:4px}#login-subtitle{font-size:14px;color:var(--text-dim);text-align:center;margin-bottom:20px}#login-form{display:flex;flex-direction:column;gap:12px}#login-form input{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color .2s;-webkit-appearance:none}#login-form input::placeholder{color:var(--text-dim)}#login-form input:focus{border-color:var(--accent)}#login-error{font-size:13px;color:var(--error);min-height:18px;text-align:center}#login-btn{width:100%;padding:14px;background:var(--accent);color:#1a1a2e;font-family:var(--font-body);font-size:15px;font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;margin-top:4px;transition:background .2s,transform .1s;letter-spacing:.03em}#login-btn:hover{background:var(--accent-deep)}#login-btn:active{transform:translateY(1px)}#login-overlay.hidden{display:none}#app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;padding:env(safe-area-inset-top,12px) 20px env(safe-area-inset-bottom,20px)}#status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px;flex-shrink:0}#status{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px;transition:background .25s,color .25s}#status[data-state=idle],#status[data-state=listening]{background:#3dba7e2e;color:var(--status-green)}#status[data-state=warming],#status[data-state=processing]{background:#d4a0172e;color:var(--status-yellow)}#status[data-state=error]{background:#e05c5c2e;color:var(--status-red)}.brand{font-family:var(--font-display);font-size:16px;color:var(--accent);letter-spacing:.05em}#transcript-area{flex:1;overflow-y:auto;padding:12px 0;display:flex;flex-direction:column;gap:0;scrollbar-width:none}#transcript-area::-webkit-scrollbar{display:none}#transcript{display:flex;flex-direction:column;gap:8px}.final-line{font-size:17px;font-weight:400;color:var(--text);line-height:1.6;padding:4px 0}.response-line{font-size:17px;font-weight:300;color:var(--accent);line-height:1.6;padding:4px 0}#partial{font-size:17px;font-weight:300;color:var(--text-partial);font-style:italic;min-height:28px;padding:4px 0}#error-msg{font-size:13px;color:var(--error);padding:8px 0 4px;display:none}#waveform-wrap{flex-shrink:0;padding:8px 0 4px;height:72px;display:flex;align-items:center}#waveform{width:100%;height:56px;display:block;border-radius:6px}#button-area{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:16px 0 8px;gap:12px}#button-row{display:flex;align-items:center;justify-content:center;gap:24px}#ptt-button{width:88px;height:88px;border-radius:50%;border:2px solid var(--accent);background:var(--accent-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,box-shadow .15s,transform .1s;-webkit-tap-highlight-color:transparent;touch-action:none;position:relative;outline:none}#ptt-button:after{content:"";width:32px;height:32px;border-radius:50%;background:var(--accent);opacity:.85;transition:opacity .15s,transform .15s}#ptt-button:hover{box-shadow:0 0 20px var(--accent-glow)}#ptt-button[data-state=listening]{background:#c8956c38;box-shadow:0 0 0 6px var(--accent-glow),0 0 32px var(--accent-glow);transform:scale(1.04)}#ptt-button[data-state=listening]:after{opacity:1;transform:scale(.85)}#ptt-button[data-state=processing]{background:var(--accent-dim);box-shadow:none;opacity:.6}#ptt-button:disabled,#ptt-button[data-state=warming]{border-color:#f8f4ef2e;background:#f8f4ef0a;opacity:.35;cursor:not-allowed;pointer-events:none}#ptt-button:disabled:after,#ptt-button[data-state=warming]:after{background:#f8f4ef4d}#ptt-button[data-state=error]{border-color:var(--error);background:#e05c5c1a}#ptt-button[data-state=error]:after{background:var(--error)}#ptt-hint{font-size:12px;color:var(--text-dim);letter-spacing:.05em}#speaker-row{display:flex;align-items:center;justify-content:center;gap:10px}#speaker-label{font-size:12px;color:var(--text-dim);letter-spacing:.05em;-webkit-user-select:none;user-select:none}#speaker-toggle{position:relative;display:inline-block;width:44px;height:26px;cursor:pointer;-webkit-tap-highlight-color:transparent}#speaker-toggle input{opacity:0;width:0;height:0;position:absolute}#speaker-track{position:absolute;inset:0;border-radius:26px;background:#f8f4ef26;border:1px solid var(--border);transition:background .2s,border-color .2s}#speaker-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#f8f4ef66;transition:transform .2s,background .2s}#speaker-toggle input:checked+#speaker-track{background:#c8956c40;border-color:var(--accent)}#speaker-toggle input:checked+#speaker-track:after{transform:translate(18px);background:var(--accent)}#text-input-row{display:flex;align-items:center;gap:8px;width:100%;padding:0 4px}#text-input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color .2s;-webkit-appearance:none;min-width:0}#text-input::placeholder{color:var(--text-dim)}#text-input:focus{border-color:var(--accent)}#text-input:disabled{opacity:.4;cursor:not-allowed}#text-send{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--accent-dim);color:var(--accent);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;outline:none;padding:0;line-height:1}#text-send:hover{background:#c8956c38;box-shadow:0 0 12px var(--accent-glow)}#text-send:active{transform:scale(.95)}#text-send:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}#stop-button{width:56px;height:56px;border-radius:50%;border:2px solid var(--error);background:#e05c5c1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;touch-action:none;outline:none}#stop-button:after{content:"";width:18px;height:18px;border-radius:3px;background:var(--error);opacity:.9}#stop-button:hover{background:#e05c5c33;box-shadow:0 0 16px #e05c5c4d}#stop-button:active{transform:scale(.95)}