:root{color-scheme:dark;background:#0c1421;color:#eef3fc;font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0}.layout{max-width:680px;margin:auto;padding:20px 16px max(42px,env(safe-area-inset-bottom))}h1{font-size:clamp(1.65rem,5vw,2.15rem);letter-spacing:-.035em;line-height:1.2;margin:10px 0}h2{font-size:1.08rem;margin:0}p{line-height:1.55}header{margin:16px 3px 22px}.kicker{font-size:.76rem;font-weight:800;color:#8ecaff;letter-spacing:.16em}.intro{color:#bdcbe0;margin-bottom:0}.panel{border:1px solid #30435c;border-radius:18px;padding:19px;margin:13px 0;background:#152134;box-shadow:0 8px 27px #00000018}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.pill{font-size:.78rem;padding:6px 10px;background:#2b3950;border-radius:24px;white-space:nowrap}.pill.good{background:#214b44;color:#b9f5db}.pill.bad{background:#563138;color:#ffccd3}.muted{font-size:.89rem;color:#becbdd;margin:6px 0 15px}.small{font-size:.79rem;color:#9fb2cd;line-height:1.55;margin:11px 0 5px}label:not(.toggle){display:block;font-size:.88rem;font-weight:650;margin-bottom:7px}input{border:1px solid #5c7694;background:#0e1928;color:#fff;padding:13px;border-radius:10px;font-size:1rem;min-width:0;outline-offset:3px;width:100%}button{font:inherit;min-height:44px;border:0;border-radius:11px;font-weight:700;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible{outline:3px solid #a4d5ff;outline-offset:3px}.tokenline,.typeLine{display:flex;gap:8px}.secondary{padding:10px 17px;background:#2964a5;color:#fff}.quiet{color:#bad4f0;padding:5px 0;background:transparent;font-size:.83rem;min-height:28px;text-decoration:underline;text-underline-offset:4px}.voicePanel{border-color:#42749e;background:linear-gradient(145deg,#19304a,#142237)}.mic{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:110px;background:#69c7ff;color:#092138;border-radius:18px;font-size:1.24rem}.mic[aria-pressed=true]{background:#ffc89e;color:#3d1b09}.micIcon{font-size:2rem}#liveStatus{font-weight:600;color:#d3e9ff;margin:14px 0}.toggle{display:flex;align-items:center;gap:10px;color:#cfdef0;font-size:.89rem}.toggle input{width:20px;height:20px;accent-color:#82cfff}.samples{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.command{font-size:.86rem;line-height:1.4;text-align:left;color:#eff7ff;background:#283d55;border:1px solid #4c6178;padding:12px}.command:hover{background:#34516f}.typeLine{margin-top:14px}.log{min-height:98px;max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:8px}.bubble{border-radius:11px;padding:10px 12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}.bubble.user{background:#27476c;align-self:flex-end;max-width:90%}.bubble.assistant{background:#202f40;align-self:flex-start;max-width:94%}.bubble.meta{font-size:.76rem;color:#aebfd2;background:transparent;padding:4px}.bubble time{font-size:.71rem;color:#b3c8de;margin-right:7px}footer{margin:22px 6px;color:#8fa3bd;line-height:1.6;font-size:.79rem}code{white-space:normal;overflow-wrap:anywhere}@media(max-width:350px){.samples{grid-template-columns:1fr}.tokenline{flex-direction:column}}