:root{--bg: #f4f0e8;--ink: #171a1d;--muted: #6c6760;--panel: #fffaf1;--line: rgba(23, 26, 29, .16);--lineStrong: rgba(23, 26, 29, .22);--teal: #0b7f78;--tealDark: #075f5a;--amber: #e0a52b;--coral: #d75f45;--violet: #5951a8;--shadow: 0 18px 50px rgba(45, 36, 22, .16);--panelWash: rgba(255, 250, 241, .78);--panelWashStrong: rgba(255, 250, 241, .88);--buttonWash: rgba(255, 250, 241, .82);--chipWash: rgba(255, 250, 241, .74);--eventWash: rgba(244, 240, 232, .58);--focus: rgba(11, 127, 120, .32)}:root[data-theme=dark]{--bg: #141413;--ink: #f3f0e8;--muted: #b5afa4;--panel: #23231f;--line: rgba(243, 240, 232, .15);--lineStrong: rgba(243, 240, 232, .24);--teal: #27b8aa;--tealDark: #7be0d2;--amber: #f1be4c;--coral: #ee7a60;--violet: #8d87e8;--shadow: 0 18px 46px rgba(0, 0, 0, .34);--panelWash: rgba(35, 35, 31, .84);--panelWashStrong: rgba(30, 31, 29, .92);--buttonWash: rgba(40, 40, 36, .86);--chipWash: rgba(27, 28, 26, .82);--eventWash: rgba(25, 26, 24, .72);--focus: rgba(39, 184, 170, .34)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,rgba(11,127,120,.12),transparent 34%),linear-gradient(315deg,rgba(224,165,43,.16),transparent 42%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .18s ease,color .18s ease}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.shell{width:min(430px,100%);min-height:100vh;margin:0 auto;padding:18px 14px 22px;display:flex;flex-direction:column;gap:12px}.topbar,.brand,.status,.iconButton,.talk,.quick button,.footerActions button,.timer{display:flex;align-items:center}.topbar{justify-content:space-between;gap:10px}.topActions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.brand{min-width:0;gap:10px}.mark{width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#0b7f782e,#e0a52b29),var(--panel);display:grid;place-items:center;box-shadow:var(--shadow);color:var(--tealDark)}.iconButton{width:40px;height:40px;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--buttonWash);color:var(--ink);box-shadow:0 10px 24px #2d241614}.title{min-width:0}.title strong{display:block;font-size:18px;line-height:1.1}.title span{display:block;color:var(--muted);font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{flex:0 0 auto;gap:6px;border:1px solid rgba(11,127,120,.24);border-radius:999px;padding:8px 10px;color:var(--tealDark);background:#fffaf1b8;font-size:12px;font-weight:800}.status-error{color:var(--coral);border-color:#d75f454d}.status-demo,.status-listening{color:var(--tealDark);border-color:#0b7f7857}.status-thinking,.status-connecting{color:var(--amber);border-color:#e0a52b61}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panelWash);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.signal{padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.signal h1{margin:0;font-size:21px;line-height:1.15;letter-spacing:0}.signal p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.timer{width:70px;height:70px;border-radius:50%;border:8px solid rgba(11,127,120,.18);border-top-color:var(--teal);justify-content:center;gap:4px;flex-direction:column;font-weight:800;color:var(--tealDark);font-size:14px}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mode,.voice{border:1px solid var(--line);border-radius:8px;background:var(--buttonWash);color:var(--muted);font-weight:800}.mode{padding:10px 6px;text-align:center;font-size:12px}.mode.active,.voice.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.voiceCore{padding:18px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:13px}.scope{width:min(280px,84vw);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#0b7f7814 0 8px,#fffaf1ad 8px 18px);border:1px solid rgba(23,26,29,.18);display:grid;place-items:center;position:relative;overflow:hidden}.rings,.rings:after{position:absolute;border-radius:50%;border:1px solid rgba(11,127,120,.28);content:""}.rings{inset:26px}.rings:after{inset:36px;border-color:#d75f4557}.needle{width:6px;height:96px;background:linear-gradient(var(--coral) 0 48%,var(--teal) 48% 100%);border-radius:999px;transform:rotate(25deg);box-shadow:0 0 22px #0b7f7838;z-index:1}.scopeActive .needle{animation:sweep 2.8s ease-in-out infinite alternate}.coreCopy{position:absolute;width:150px;height:150px;border-radius:50%;background:var(--panelWashStrong);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;text-align:center;color:var(--tealDark)}.coreCopy strong{margin-top:7px;font-size:28px;line-height:1}.coreCopy span{margin-top:7px;color:var(--muted);font-size:12px;font-weight:800}.talk{width:min(290px,100%);min-height:52px;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--teal);color:#fff;font-size:16px;font-weight:900;box-shadow:0 12px 28px #0b7f7842}.talk:active{background:var(--tealDark)}.metaRow{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:999px;background:var(--chipWash);padding:8px 10px;font-size:12px;color:var(--muted);font-weight:800}.chip b{color:var(--ink)}.voicePicker,.section{padding:12px}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sectionHead h2{margin:0;font-size:14px}.sectionHead span{color:var(--muted);font-size:12px;font-weight:800}.voiceButtons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.voice{min-height:40px}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick button,.footerActions button{min-height:46px;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--buttonWash);color:var(--ink);font-weight:900;font-size:13px}.quick button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.22)}.line{display:grid;grid-template-columns:54px 1fr;gap:8px;padding:8px 0;border-top:1px solid rgba(23,26,29,.09);font-size:13px;line-height:1.35}.line:first-of-type{border-top:0}.speaker{color:var(--tealDark);font-weight:900}.eventList{display:flex;flex-direction:column;gap:7px}.event{border:1px solid rgba(23,26,29,.1);border-radius:8px;background:var(--eventWash);padding:9px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.footerActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footerActions .primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}:root[data-theme=dark] body{background:linear-gradient(135deg,rgba(39,184,170,.16),transparent 35%),linear-gradient(315deg,rgba(238,122,96,.11),transparent 43%),var(--bg)}:root[data-theme=dark] .mark{background:linear-gradient(145deg,#27b8aa33,#f1be4c1f),var(--panel)}:root[data-theme=dark] .status,:root[data-theme=dark] .iconButton{background:#1b1c1ad1}:root[data-theme=dark] .scope{background:repeating-radial-gradient(circle,#27b8aa1f 0 8px,#1819179e 8px 18px);border-color:var(--lineStrong)}:root[data-theme=dark] .timer{border-color:#27b8aa2e;border-top-color:var(--teal)}:root[data-theme=dark] .event{border-color:#f3f0e81a}:root[data-theme=dark] .line{border-top-color:#f3f0e81a}:root[data-theme=dark] .talk{box-shadow:0 12px 30px #27b8aa2e}@keyframes sweep{0%{transform:rotate(-28deg)}to{transform:rotate(32deg)}}@media(max-width:360px){.signal{grid-template-columns:1fr}.timer{width:58px;height:58px;justify-self:end}.modes,.voiceButtons{grid-template-columns:repeat(2,1fr)}}