:root{--ink: #0b1020;--glass: rgba(14, 20, 40, .52);--glass-line: rgba(255, 255, 255, .14);--accent: #6c8cff;--keyboard: 0px;--dock-bottom: calc(max(26px, env(safe-area-inset-bottom)) + var(--keyboard));--above-dock: 128px;color-scheme:dark;font-family:PingFang SC,Microsoft YaHei,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f2f5ff;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.shell{position:relative;width:100vw;height:100dvh;overflow:hidden}.stage{position:absolute;inset:0}.stage :is(canvas,video){width:100%;height:100%;object-fit:cover;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 75% at 50% 30%,transparent 45%,rgba(6,10,24,.55) 100%),linear-gradient(to top,rgba(6,10,24,.78) 0%,transparent 32%)}.hud{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(22px,env(safe-area-inset-top)) 26px 0}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.5)}.brand .dot{width:9px;height:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #6c8cff38}.status{padding:7px 14px;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);backdrop-filter:blur(18px);font-size:13px;font-weight:600;white-space:nowrap}.status[data-tone=live]{color:#8affc4;border-color:#8affc44d}.status[data-tone=busy]{color:#ffd98a;border-color:#ffd98a4d}.status[data-tone=error]{color:#ff9aa6;border-color:#ff9aa657}.cover{position:absolute;inset:0;z-index:1;display:grid;align-content:center;justify-items:center;gap:14px;padding:32px;text-align:center;background:linear-gradient(to top,#060a18b8,#060a1859);backdrop-filter:blur(3px);transition:opacity .35s ease}.cover[hidden]{display:none}.cover h1{margin:0;font-size:clamp(28px,4.4vw,46px);letter-spacing:.01em}.cover p{margin:0;max-width:30ch;color:#e9eeffbd;line-height:1.7}.cover .start-error{max-width:min(560px,calc(100vw - 48px));padding:10px 14px;border:1px solid rgba(255,154,166,.42);border-radius:14px;background:#530f1ea3;color:#ffb4bd;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.cover .start-error[hidden]{display:none}.cta{margin-top:10px;padding:15px 38px;border:0;border-radius:999px;background:linear-gradient(135deg,#6c8cff,#9a6cff);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 16px 40px #6c8cff61;transition:transform .18s ease,box-shadow .18s ease}.cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 48px #6c8cff7a}.cta:disabled{opacity:.55;cursor:progress}.caption{position:absolute;left:50%;bottom:var(--above-dock);transform:translate(-50%);margin:0;max-width:min(760px,84vw);padding:13px 22px;border-radius:18px;background:#080c1c94;backdrop-filter:blur(16px);font-size:clamp(16px,1.9vw,21px);line-height:1.6;text-align:center;text-wrap:balance}.caption[hidden]{display:none}.conversation{position:absolute;top:82px;right:26px;bottom:var(--above-dock);display:flex;flex-direction:column;width:min(376px,88vw);border:1px solid var(--glass-line);border-radius:22px;background:var(--glass);backdrop-filter:blur(26px);box-shadow:0 24px 70px #0000006b;overflow:hidden}.conversation[hidden]{display:none}.conversation-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--glass-line);font-size:13px;font-weight:700;letter-spacing:.04em;color:#e9eeffcc}.ghost{border:0;background:none;color:#e9eeff9e;font:inherit;font-size:13px;cursor:pointer}.ghost:hover{color:#f2f5ff}.messages{flex:1;margin:0;padding:16px;list-style:none;overflow-y:auto;display:grid;align-content:start;gap:10px;scrollbar-width:thin}.messages li{max-width:90%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.65;word-break:break-word}.messages li.user{justify-self:end;border-bottom-right-radius:5px;background:#6c8cff4d}.messages li.avatar{justify-self:start;border-bottom-left-radius:5px;background:#ffffff1c}.messages li.note{justify-self:center;background:none;color:#e9eeff7a;font-size:12.5px}.dock{position:absolute;left:50%;bottom:var(--dock-bottom);transform:translate(-50%);display:flex;align-items:center;gap:9px;width:min(860px,calc(100vw - 40px));padding:11px;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);backdrop-filter:blur(26px);box-shadow:0 22px 60px #00000070}.dock[hidden]{display:none}.field{flex:1;min-width:0;border:0;border-radius:999px;padding:12px 18px;background:#ffffff14;color:inherit;font:inherit;outline:none}.field::placeholder{color:#e9eeff6b}.field:focus{background:#ffffff24}.pill{flex:none;border:0;border-radius:999px;padding:12px 18px;background:#ffffff1a;color:inherit;font:inherit;font-size:14px;font-weight:650;white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease}.pill:hover:not(:disabled){background:#ffffff2e}.pill:disabled{opacity:.42;cursor:not-allowed}.pill.accent{background:var(--accent)}.pill.accent:hover:not(:disabled){background:#7d99ff}.pill.quiet{color:#ffafb9eb}.pill[aria-pressed=true]{background:#8affc4;color:#08301f}.pill[aria-expanded=true]{background:#ffffff38}.nudge{position:absolute;left:50%;bottom:calc(var(--above-dock) - 32px);transform:translate(-50%);border:0;border-radius:999px;padding:11px 22px;background:#ffd98a;color:#3a2a00;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 14px 36px #ffd98a57}.nudge[hidden]{display:none}@media(max-width:720px){:root{--above-dock: calc(var(--dock-bottom) + 124px)}.hud{padding:max(14px,env(safe-area-inset-top)) 14px 0;gap:10px}.brand{font-size:14px}.status{padding:6px 12px;font-size:12px}.conversation{top:62px;right:12px;left:12px;width:auto;border-radius:18px}.caption{max-width:calc(100vw - 24px);padding:11px 16px}.dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:calc(100vw - 24px);padding:10px;border-radius:24px}.field{grid-area:1 / 1 / 2 / 4;padding:12px 16px;font-size:16px}#send{grid-area:1 / 4 / 2 / 5}#mic{grid-area:2 / 1 / 3 / 2}#interruptions{grid-area:2 / 2 / 3 / 3}#show-conversation{grid-area:2 / 3 / 3 / 4}#stop{grid-area:2 / 4 / 3 / 5}.pill{padding:12px 8px;font-size:12.5px;text-align:center}}@media(max-height:480px){.conversation{top:56px}.cover{gap:8px;padding:20px}.cta{margin-top:4px;padding:12px 30px}}