:root{color-scheme:dark;--bg:#090c12;--panel:#121722;--panel2:#181f2c;--line:#293244;--text:#f7f8fc;--muted:#97a2b6;--green:#43d9a3;--red:#f05252;--blue:#78a9ff}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 80% -10%,#183b42 0,transparent 32%),radial-gradient(circle at 0 90%,#261b38 0,transparent 34%),var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,"PingFang SC",sans-serif}.shell{width:min(760px,100%);min-height:100vh;min-height:100dvh;margin:auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(150px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:15px;background:linear-gradient(145deg,#fb5b4d,#ca261f);font-size:22px;box-shadow:0 10px 30px #d62f2740}header div:nth-child(2){display:flex;flex-direction:column}header strong{font-size:18px;letter-spacing:.03em}header span{color:var(--muted);font-size:12px}header i{margin-left:auto;width:11px;height:11px;border-radius:50%;background:#4b5568;box-shadow:0 0 0 6px #4b556820}header i.connected{background:var(--green);box-shadow:0 0 0 6px #43d9a320}.card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(150deg,#171d29e8,#0f141de8);box-shadow:0 24px 70px #0007;backdrop-filter:blur(18px)}.pair-card{padding:32px 24px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.pair-card h1,.status-card h1{margin:0;font-size:clamp(34px,10vw,58px);line-height:1.06;letter-spacing:-.045em}.intro{margin:20px 0 28px;color:var(--muted)}#pairForm{display:grid;gap:12px}label{color:var(--muted);font-size:13px;font-weight:700}input,button{font:inherit}input{width:100%;border:1px solid var(--line);border-radius:17px;background:#0a0e15;color:var(--text);outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 4px #43d9a31a}#pairCode{height:76px;padding:0 18px;text-align:center;font-size:38px;font-weight:800;letter-spacing:.24em;font-variant-numeric:tabular-nums}button{border:1px solid transparent;border-radius:17px;background:#effff9;color:#072019;font-weight:800;cursor:pointer;min-height:56px;padding:0 20px}button:disabled{opacity:.55;cursor:wait}.error{min-height:24px;margin:12px 0 0;color:#ff9d9d}.conversation{display:grid;gap:18px}.status-card{display:flex;align-items:flex-start;gap:16px;padding:22px}.status-card>div{min-width:0;flex:1}.status-card h1{font-size:32px}.status-card p:last-child{margin:10px 0 0;color:var(--muted)}button.quiet{min-height:42px;padding:0 14px;border-color:var(--line);background:#111722;color:var(--muted)}.messages{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}.messages article{max-width:88%;padding:15px 17px;border:1px solid var(--line);border-radius:19px;background:var(--panel)}.messages article.user{align-self:flex-end;background:#1d2838}.messages b{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;letter-spacing:.12em}.messages p{margin:0;white-space:pre-wrap}.control-dock{position:fixed;z-index:5;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(724px,calc(100% - 24px));display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:25px;background:#101620ed;box-shadow:0 18px 60px #000a;backdrop-filter:blur(20px)}.voice-button{grid-row:1/3;width:72px;height:72px;min-height:72px;padding:0;border-radius:22px;background:linear-gradient(145deg,#fb5b4d,#ce271f);color:#fff;font-size:29px;box-shadow:0 12px 34px #d52d2640}.voice-button.listening{background:linear-gradient(145deg,#42e2ad,#087b60);animation:pulse 1.25s infinite}.voice-button.busy{background:linear-gradient(145deg,#7398db,#304c82)}#voiceHint{font-size:13px;color:var(--muted)}#textForm{display:grid;grid-template-columns:1fr auto;gap:8px}#textInput{height:46px;padding:0 13px}#textForm button{min-height:46px;padding:0 15px;border-radius:13px}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 0 12px #43d9a312}}@media(min-width:700px){.shell{padding-top:38px}.pair-card{padding:48px}.control-dock{bottom:24px}}@media(max-width:420px){.status-card{padding:18px}.status-card h1{font-size:28px}.status-card p:last-child{font-size:14px}.control-dock{grid-template-columns:62px 1fr}.voice-button{width:62px;height:62px;min-height:62px;border-radius:19px}.messages article{max-width:94%}}
:where([hidden]){display:none!important}
.control-dock{grid-template-columns:72px minmax(0,1fr)}
#textForm{grid-template-columns:minmax(0,1fr) auto}
.status-actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto!important}
button:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:420px){.control-dock{grid-template-columns:62px minmax(0,1fr)}.status-card{flex-direction:column}.status-actions{width:100%}}
@media(prefers-reduced-motion:reduce){.voice-button.listening{animation:none}}