:root{font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#eaf3ed;background:#0b100e;font-synthesis:none;-webkit-font-smoothing:antialiased;--muted:#92a59a;--line:#28372e;--green:#b9e8bb;--surface:#121b16;--danger:#ffb5a9;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 50% -20%,#1d3326 0,transparent 62%),#0b100e;min-height:100dvh}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}button svg,.brand-icon svg,.empty-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button[hidden],[hidden]{display:none!important}.app-shell{max-width:1000px;margin:auto;padding:0 32px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26332a}.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;color:#eef6ef;font-size:20px;font-weight:650;letter-spacing:-.7px}.brand-light{font-weight:400;color:#a8beb0}.brand-icon{width:34px;height:34px;border:1px solid #4d6a53;border-radius:10px;background:#1f3425;display:grid;place-items:center;color:var(--green)}.connection{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:100px;padding:8px 12px;font-size:12px;color:#acbdb1;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#708476}.connection[data-status=connected] .status-dot{background:#b9e8bb;box-shadow:0 0 10px #b9e8bb44}.connection[data-status=connecting] .status-dot{background:#e8dba7}.connection[data-status=error] .status-dot{background:var(--danger)}main{padding-top:44px}.voice-panel{text-align:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.3px;color:#a9c0af}.panel-intro h1{font-size:clamp(28px,4.8vw,43px);font-weight:550;letter-spacing:-1.8px;line-height:1.15;margin:15px 0 12px}.panel-intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.voice-orb{--level:0;position:relative;width:148px;height:148px;display:grid;place-items:center;margin:30px auto 24px;border:1px solid #304a37;border-radius:50%;background:radial-gradient(circle at 37% 30%,#263f2c,#13261a 68%);box-shadow:0 0 0 9px #23352a22,0 0 0 20px #23352a0e;transition:box-shadow .4s,border-color .4s}.orb-inner{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 50% 100%,#619e6825,transparent 70%)}.waveform{height:56px;display:flex;gap:6px;align-items:center}.waveform i{display:block;width:5px;height:9px;border-radius:9px;background:#acd7ae;transform-origin:center;transition:height .12s,opacity .2s;opacity:.68}.waveform i:nth-child(2),.waveform i:nth-child(6){height:21px}.waveform i:nth-child(3),.waveform i:nth-child(5){height:35px}.waveform i:nth-child(4){height:47px}.voice-orb[data-state=listening]{border-color:#7fa883;box-shadow:0 0 0 9px #56865d15,0 0 36px #9fdda714}.voice-orb[data-state=listening] .waveform i{opacity:1;height:calc(6px + var(--level)*24px)}.voice-orb[data-state=listening] .waveform i:nth-child(2),.voice-orb[data-state=listening] .waveform i:nth-child(6){height:calc(9px + var(--level)*30px)}.voice-orb[data-state=listening] .waveform i:nth-child(3),.voice-orb[data-state=listening] .waveform i:nth-child(5){height:calc(12px + var(--level)*37px)}.voice-orb[data-state=listening] .waveform i:nth-child(4){height:calc(15px + var(--level)*41px)}.voice-orb[data-state=working],.voice-orb[data-state=connecting]{animation:halo 2s ease-in-out infinite}.voice-orb[data-state=speaking] .waveform i{animation:speaking .8s ease-in-out infinite alternate;opacity:1}.voice-orb[data-state=speaking] .waveform i:nth-child(2n){animation-delay:-.3s}.voice-orb[data-state=speaking] .waveform i:nth-child(3n){animation-delay:-.6s}.voice-orb[data-state=muted] .waveform i{height:6px;opacity:.5}.voice-orb[data-state=approval]{border-color:#bcaa70;background:#2a2b1a}.voice-orb[data-state=approval] .waveform i{background:#e8d69f}.voice-status h2{font-size:17px;font-weight:550;margin:0 0 7px;letter-spacing:-.3px}.voice-status p{font-size:13px;color:var(--muted);margin:0;min-height:40px;line-height:1.6;max-width:550px;margin-inline:auto}.voice-actions{margin-top:14px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.button{height:43px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-size:12px;font-weight:600;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--green);color:#132718;box-shadow:0 3px 14px #b9e8bb0f}.button-primary:hover:not(:disabled){background:#cef5ce}.button-secondary{background:#172019;border-color:#314234;color:#c4d4c7}.button-secondary:hover:not(:disabled){background:#26362a;border-color:#4a6350}.button-stop{background:#3c2623;border-color:#6d403a;color:#ffd2c7}.button-stop:hover{background:#50302b}.stop-square{width:9px;height:9px;display:inline-block;background:currentColor;border-radius:2px}.button svg{height:15px;width:15px}.mic-note{font-size:11px;color:#829789;line-height:1.6;margin:13px 0 0}.error-banner{max-width:700px;margin:18px auto 0;padding:13px 15px;display:flex;align-items:flex-start;gap:12px;text-align:left;font-size:13px;line-height:1.5;background:#34231f;border:1px solid #71463b;border-radius:9px;color:#ffccbf}.error-banner>span{flex:1}.error-banner button{border:0;background:transparent;color:#ffccbf;padding:0 1px;font-size:21px;line-height:1}.resume-audio{margin-top:14px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 23px;border-bottom:1px solid var(--line)}.section-heading h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.1px}.subtle-label{color:#81958a;font-size:11px}.conversation-panel{margin-top:35px;border:1px solid var(--line);border-radius:15px;background:#111914;overflow:hidden}.conversation{min-height:200px;max-height:450px;overflow-y:auto;overscroll-behavior:contain;padding:22px 24px;scrollbar-color:#445e4b transparent;scrollbar-width:thin}.empty-state{height:158px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a4b8aa}.empty-state p{font-size:13px;margin:13px 0 7px}.empty-state>span:last-child{font-size:11px;color:#7e9385;text-align:center;line-height:1.5}.empty-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #314b38;border-radius:10px;color:#96b19e;background:#19271d}.empty-icon svg{height:17px;width:17px}.message{margin-bottom:24px}.message:last-child{margin-bottom:0}.message-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:650;color:#aacaad}.message-head time{margin-left:auto;font-size:10px;font-weight:400;color:#7e9486}.message.user .message-head{color:#b6c7bf}.message.system .message-head{color:#a39472}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;color:#d5e0d7;margin:0}.message.system .message-body{color:#a7b6aa;font-size:12px}.message.assistant.streaming .message-head::after{content:"";height:5px;width:5px;border-radius:50%;background:#b9e8bb;animation:halo 1.3s infinite}.message.system{border-left:2px solid #4a4931;padding-left:12px}.composer{display:flex;align-items:flex-end;gap:12px;margin:0 13px;padding:10px 11px 10px 14px;border-radius:10px;border:1px solid #3c5140;background:#19231c;transition:border-color .2s}.composer:focus-within{border-color:#799b7d;box-shadow:0 0 0 2px #b9e8bb0c}.composer textarea{resize:none;min-height:24px;max-height:150px;flex:1;min-width:0;background:transparent;color:#e6efe7;border:0;outline:none;font-size:13px;line-height:24px;padding:3px 0;scrollbar-width:thin}.composer textarea::placeholder{color:#819688}.send-button{flex-shrink:0;display:grid;place-items:center;height:31px;width:31px;border:0;border-radius:7px;background:#c3e9c1;color:#213424}.send-button:hover:not(:disabled){background:#d9f5d6}.send-button svg{width:17px;height:17px}.composer-note{display:flex;justify-content:space-between;gap:16px;padding:10px 25px 16px;font-size:10px;color:#788b7c;line-height:1.5}.session-details{margin-top:16px;border:1px solid #25352b;background:#101813;border-radius:11px;color:#a2b7a8}.session-details summary{padding:15px 19px;cursor:pointer;font-size:11px;list-style:none;display:flex;align-items:center;gap:8px}.session-details summary::before{content:"›";font-size:17px;line-height:10px;transition:transform .15s}.session-details[open] summary::before{transform:rotate(90deg)}.session-details summary::-webkit-details-marker{display:none}.session-details summary span{margin-left:auto;font-size:10px;color:#7f9886;max-width:48%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.session-details dl{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:0 22px 19px;margin:0}.session-details dl>div{min-width:0}.session-details dt{font-size:10px;color:#819889;margin-bottom:5px}.session-details dd{font-size:11px;overflow-wrap:anywhere;margin:0;color:#bed0c3}.phone-link-row{border-top:1px solid var(--line);padding:15px 22px;display:flex;flex-direction:column;gap:7px}.phone-link-row p{margin:0;font-size:12px;color:#ccddcd}.phone-link-row a{font-size:12px;color:#b9e8bb;overflow-wrap:anywhere}.phone-link-row>span{font-size:11px;color:var(--muted)}footer{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#758d7b;padding:24px 0 28px}.footer-dot{height:5px;width:5px;flex-shrink:0;border-radius:50%;background:#729c7a}.footer-divider{margin-inline:4px}.requests-panel{margin-top:26px;border:1px solid #71623b;border-radius:13px;background:#24251a;overflow:hidden}.requests-panel .section-heading{border-color:#514b31}.attention-label{font-size:10px;color:#e3c987}.request-card{padding:19px 23px;border-bottom:1px solid #514b31}.request-card:last-child{border:0}.request-card h3{font-size:13px;font-weight:600;color:#f0dfab;margin:0 0 10px}.request-card p{font-size:12px;line-height:1.65;color:#d4caa9;margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.request-card pre{font-family:Consolas,"SFMono-Regular",monospace;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto;padding:12px;border:1px solid #504d34;border-radius:7px;background:#191d15;color:#e8e1c7}.request-actions{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.request-card fieldset{border:0;padding:0;margin:0 0 22px}.request-card legend{font-size:13px;line-height:1.6;color:#e5d7b3;margin-bottom:10px;white-space:pre-wrap}.request-option{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;margin-bottom:9px}.request-option input{margin-top:4px;accent-color:var(--green)}.request-option span{display:block;color:#d6cda9}.request-option small{display:block;font-size:11px;color:#a9a285}.request-input{display:block;width:100%;background:#161e17;border:1px solid #686245;border-radius:7px;padding:10px;color:#eee7d3;font-size:13px;min-height:40px;max-height:150px;resize:vertical}.request-input:focus{outline:2px solid #aaa472;outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes speaking{from{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes halo{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:640px){.app-shell{padding:0 17px}.topbar{height:73px}.brand{font-size:18px;gap:9px}.brand-icon{height:31px;width:31px}.connection{font-size:10px;padding:7px 9px;gap:6px}main{padding-top:32px}.panel-intro h1{letter-spacing:-1.2px}.panel-intro p{font-size:12px;max-width:280px;margin-inline:auto}.voice-orb{width:124px;height:124px;margin:28px auto 23px}.voice-status p{font-size:12px;max-width:310px;min-height:40px}.voice-actions{gap:7px}.button{height:42px;padding:0 13px;font-size:11px}.voice-actions .button-primary,.voice-actions .button-stop{min-width:126px}.voice-actions .button-secondary{padding:0 11px}.mic-note{font-size:10px;max-width:290px;margin-inline:auto}.conversation-panel{margin-top:28px}.section-heading{padding:15px 17px}.conversation{padding:19px 17px;min-height:180px;max-height:50dvh}.empty-state{height:146px}.empty-state>span:last-child{max-width:250px}.composer{margin-inline:10px;padding-left:11px}.composer-note{padding:10px 19px 13px;font-size:9px}.composer-note>span{max-width:125px;text-align:right}.composer textarea{font-size:16px}.session-details dl{grid-template-columns:1fr;gap:13px}.session-details summary{padding:14px 17px}.request-card{padding:17px}.request-input{font-size:16px}footer{font-size:9px;gap:5px;flex-wrap:wrap;padding-bottom:max(24px,env(safe-area-inset-bottom))}.footer-divider{margin:0}.attention-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.voice-guide{max-width:560px;margin:20px auto 15px;padding:14px 17px;border:1px solid #304636;border-radius:10px;background:#142018;text-align:left}.voice-guide p{font-size:12px;line-height:1.7;color:#a5bcae;margin:0}.voice-guide p+p{margin-top:8px}.voice-guide strong{color:#d6e9da;font-weight:550}.voice-mode-description{font-size:12px;line-height:1.6;color:#a5bcae;margin:12px auto 0;max-width:520px}.voice-mode-control{margin:10px auto;max-width:420px}.voice-mode-control summary{width:fit-content;margin:auto;cursor:pointer;color:#91ab99;font-size:11px;padding:5px}.voice-options-content{padding:10px 0 3px}.voice-options-content>label{font-size:11px;color:#a5bcae;margin-right:9px}.voice-mode-control select{font:inherit;font-size:12px;color:#d4e7d8;background:#15231a;border:1px solid #425d49;border-radius:7px;padding:8px 30px 8px 10px;max-width:100%}.voice-mode-control select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.voice-mode-control select:disabled{opacity:.7;cursor:default}.voice-mode-control p{font-size:11px;line-height:1.55;color:#8da794;margin:8px 0 0}.voice-mode-note{font-size:10px;margin:6px 0 0;color:#7e9785}.voice-mode-control #voice-mode-hint{color:#bed2c2;font-size:10px;margin-top:7px}.cli-handoff-hint{font-size:11px;line-height:1.6;color:#8da794;max-width:520px;margin:12px auto 0}@media(max-width:640px){.voice-mode-control{max-width:325px}.voice-options-content>label{font-size:10px}.voice-guide{padding:12px 14px}.voice-guide p{font-size:11px}}
.connection-tools{display:flex;align-items:center;gap:9px}.connection-tools>.button{height:33px;padding:0 11px;font-size:11px}.access-notice{margin:0 0 22px;text-align:center;font-size:12px;line-height:1.6;color:#b9e8bb}.app-shell main>.error-banner{margin:0 auto 22px}.pair-panel{max-width:440px;margin:25px auto 50px;padding:30px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.pair-panel h1{font-size:28px;font-weight:550;letter-spacing:-1px;margin:15px 0}.pair-panel>p{font-size:13px;line-height:1.75;color:var(--muted)}.pair-panel strong{color:#cfe2d1;font-weight:550}.pair-form{display:flex;flex-direction:column;gap:11px;margin-top:24px}.pair-form label,.phone-setup-body label{display:block;font-size:11px;font-weight:550;color:#abc3b0}.pair-form input,.phone-setup-body input{width:100%;min-width:0;background:#0e1711;border:1px solid #49624e;border-radius:8px;color:#e5f1e7;padding:12px;font-size:16px;outline:none}.pair-form input:focus,.phone-setup-body input:focus{border-color:#b9e8bb;box-shadow:0 0 0 2px #b9e8bb20}.pair-form input::placeholder{font-size:12px;color:#7d9483}.pair-form .button{margin-top:2px}.pair-panel .pair-status{font-size:11px;margin-bottom:0}.phone-setup{margin-bottom:30px;border:1px solid #49634f;border-radius:13px;background:#16221a;overflow:hidden}.phone-setup-body{padding:17px 23px 22px}.phone-setup-body>p{color:#a8c0ae;font-size:12px;line-height:1.7;margin:0 0 17px}.phone-setup-body label{margin:15px 0 7px}.phone-setup-body .pair-code{font-family:Consolas,"SFMono-Regular",monospace;font-size:23px;letter-spacing:2px}.phone-setup-body .pair-link{font-size:12px}.phone-setup-body .pairing-status{margin:15px 0 0;font-size:11px}.close-panel{border:0;background:transparent;color:#bdd5c4;font-size:22px;padding:0 4px;line-height:1}.phone-setup-body .request-actions{margin-top:12px}@media(max-width:640px){.connection-tools{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:195px}.connection-tools>.button{height:29px;font-size:10px;padding:0 8px}.topbar:has(.connection-tools>.button:not([hidden])){min-height:83px;height:auto;padding-block:14px}.pair-panel{margin:8px auto 30px;padding:23px}.pair-panel h1{font-size:26px}.phone-setup-body{padding:16px 17px 19px}.phone-setup-body .pair-link{font-size:16px}.phone-setup-body .pair-code{font-size:22px}.phone-setup .section-heading{padding:15px 17px}.app-shell main>.error-banner{font-size:12px}}
.browser-setup{margin-top:18px;padding:20px 22px;border:1px solid #71623b;border-radius:12px;background:#24251a;color:#d4caa9}.browser-setup h2{font-size:14px;color:#f0dfab;margin:0 0 10px}.browser-setup p,.browser-setup li{font-size:12px;line-height:1.7}.browser-setup ol{padding-left:20px}.browser-setup .button{text-decoration:none}.browser-detail{border-top:1px solid var(--line);padding:12px 22px}.browser-detail p{font-size:11px;line-height:1.65;color:#9ab3a1;margin:5px 0}.browser-detail p:first-child{color:#c5d8ca}@media(max-width:640px){.browser-setup{padding:17px}.browser-setup .request-actions{gap:7px}}
.dictation-panel{margin:22px auto 0;max-width:650px;padding:18px;border:1px solid #49634f;border-radius:12px;background:#142119}.dictation-panel h2{font-size:16px;margin:0 0 10px}.dictation-panel p{font-size:12px;line-height:1.6;color:#aac3b0;overflow-wrap:anywhere}.dictation-panel #dictation-preview{white-space:pre-wrap;text-align:left;color:#e5f1e7;max-height:140px;overflow:auto}.dictation-panel .voice-actions{margin-top:10px}