:root{--primary:#e60023;--primary-pressed:#cc001f;--on-primary:#ffffff;--canvas:#1a1a17;--surface-card:#262622;--surface-elevated:#2f2f2a;--secondary-bg:rgba(255,255,255,0.10);--secondary-pressed:rgba(255,255,255,0.16);--ink:#ffffff;--body:rgba(255,255,255,0.90);--mute:#a3a39c;--ash:#91918c;--hairline:rgba(255,255,255,0.12);--error:#ff6b6b;--focus-outer:#435ee5;--r-sm:8px;--r-md:16px;--r-lg:32px;--r-full:9999px;--s-xs:8px;--s-sm:12px;--s-md:16px;--s-lg:24px;--s-xl:32px;--font-sans:Inter,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue","Malgun Gothic",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--canvas);color:var(--body);font-family:var(--font-sans);font-size:16px;line-height:1.4;min-height:100vh;-webkit-font-smoothing:antialiased}.muted{color:var(--mute)}.error{color:var(--error)}.error,.link{font-size:14px}.link{background:none;border:none;color:var(--ink);cursor:pointer;font-weight:600;text-decoration:none}.link:hover{color:var(--mute)}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-lg)}.center-text,.login .brand{text-align:center}.brand-mark{font-size:3rem}.login h1{margin:var(--s-xs) 0 var(--s-xs);font-size:52px;font-weight:700;letter-spacing:-1.2px;line-height:1.1;color:var(--ink)}.google-btn{background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--r-md);padding:12px 20px;min-height:44px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font-sans);transition:background .15s}.google-btn:active,.google-btn:hover{background:var(--primary-pressed)}.google-btn:disabled{background:var(--secondary-bg);color:var(--ash);cursor:default}.scope-note{font-size:14px}.top-actions{gap:var(--s-md)}.modal-overlay,.top-actions{display:flex;align-items:center}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);justify-content:center;z-index:100;padding:var(--s-md)}.modal{background:var(--surface-elevated);border:1px solid var(--hairline);border-radius:var(--r-lg);width:100%;max-width:420px;max-height:86vh;overflow-y:auto;padding:var(--s-lg);box-shadow:0 16px 40px rgba(0,0,0,.5)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-md)}.modal-head h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--ink)}.set-row{display:flex;flex-direction:column;gap:6px;padding:var(--s-sm) 0;border-top:1px solid var(--hairline)}.set-row:first-of-type{border-top:none}.set-row label{font-size:15px;color:var(--ink)}.set-row label b{color:var(--primary);font-weight:700}.set-hint{font-size:12px;color:var(--mute)}.set-row input[type=range]{width:100%;accent-color:var(--primary)}.set-row select,.set-textarea{width:100%;padding:10px 14px;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface-card);color:var(--ink);font-family:var(--font-sans);font-size:14px}.set-textarea{resize:vertical}.ws-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-sm);background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--r-md);padding:12px 16px;margin:var(--s-xs) 0;font-size:14px;color:var(--body)}.ws-btn{flex:0 0 auto;background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--r-md);padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-sans)}.ws-btn:active{background:var(--primary-pressed)}.ws-btn:disabled{background:var(--secondary-bg);color:var(--ash);cursor:default}.voice{max-width:560px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;padding:var(--s-md)}.voice-top{display:flex;justify-content:space-between;align-items:center;height:56px}.who{font-size:14px;font-weight:600}.stage{flex:0 0 auto;flex-direction:column;gap:var(--s-xs);padding:var(--s-sm) 0}.mic-halo,.stage{display:flex;align-items:center}.mic-halo{width:132px;height:132px;border-radius:var(--r-full);justify-content:center;border:1px solid var(--hairline);transition:box-shadow .3s}.mic-halo.on{box-shadow:0 0 0 6px rgba(230,0,35,.1),0 0 32px rgba(230,0,35,.25)}.mic-btn{width:92px;height:92px;border-radius:var(--r-full);background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .3s,background .3s;border:none;cursor:pointer;padding:0;font:inherit}.mic-btn:hover{background:var(--primary-pressed)}.mic-btn.idle{background:#4a4843;box-shadow:none}.mic-btn.connecting{opacity:.55}.mic-btn.live{animation:pulse 1.8s ease-in-out infinite}.mic-btn.error{background:var(--surface-card);color:var(--mute)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hint,.status{font-size:14px}.wave{display:flex;align-items:center;gap:5px;height:28px;opacity:.3}.wave span{width:5px;height:12px;border-radius:var(--r-full);background:var(--on-primary)}.wave.on{opacity:.6}.wave.on span{animation:bar 1s ease-in-out infinite}@keyframes bar{0%,to{height:10px}50%{height:26px}}.log{flex:1 1 auto;min-height:0;overflow-y:auto;border-top:1px solid var(--hairline);padding-top:var(--s-md);margin-top:var(--s-xs);gap:var(--s-md)}.log,.turn{display:flex;flex-direction:column}.turn{gap:4px}.turn .role{font-size:13px;color:var(--mute)}.turn p{margin:0;padding:12px 16px;border-radius:var(--r-md);background:var(--surface-card);color:var(--ink);width:-moz-fit-content;width:fit-content;max-width:90%}.turn.user{align-items:flex-end}.turn.user p{background:var(--primary);color:var(--on-primary)}.log-center{align-items:center;text-align:center}.kiwi-line{margin:0;max-width:88%;background:var(--surface-card);color:var(--ink);padding:10px 16px;border-radius:var(--r-md);font-size:15px;line-height:1.5}