:root{--bg: #0b1020;--bg2: #131a2e;--panel: #1a2238;--brd: #263155;--text: #e8ecf6;--muted: #8b97b8;--accent: #4f7cff;--accent2: #22d3ee;--ok: #22c55e;--danger: #ef4444;--warn: #f59e0b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 70% -10%,#16203c 0%,var(--bg) 60%);color:var(--text);font:15px/1.5 -apple-system,Segoe UI,Roboto,Arial,sans-serif}.app{min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--brd);background:#131a2e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5;flex-wrap:wrap}.brand{font-weight:800;font-size:16px;letter-spacing:.2px}.app-header .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hdr-hint{color:var(--muted);font-size:13px}.lang-select{background:var(--panel);color:var(--text);border:1px solid var(--brd);border-radius:10px;padding:8px 10px;font-size:14px;cursor:pointer;min-width:150px}main{flex:1;padding:22px 18px;max-width:880px;width:100%;margin:0 auto}.card{background:var(--panel);border:1px solid var(--brd);border-radius:16px;padding:24px;max-width:460px;margin:8vh auto 0}.card h2{margin:0 0 6px;font-size:20px}.muted{color:var(--muted)}.card form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.code-input{background:var(--bg2);border:1px solid var(--brd);border-radius:12px;color:var(--text);padding:14px 16px;font-size:20px;letter-spacing:3px;text-align:center;text-transform:uppercase}.code-input:focus{outline:none;border-color:var(--accent)}.btn{border:0;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer;color:#fff;transition:opacity .15s,transform .05s;background:var(--panel)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2))}.btn.danger{background:var(--danger)}.btn.ghost{background:var(--bg2);border:1px solid var(--brd);color:var(--text);font-weight:600}.btn.ghost.off{opacity:.6}.btn.small{padding:7px 12px;font-size:13px}.btn:disabled{opacity:.45;cursor:default}.err{color:#fca5a5;font-size:13px}.err.bar{background:#ef44441f;border:1px solid rgba(239,68,68,.4);padding:10px 14px;border-radius:12px;margin-bottom:14px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.status{color:var(--muted);font-size:14px;margin-left:4px}.status.s-listening{color:var(--ok)}.status.s-thinking{color:var(--warn)}.status.s-connecting{color:var(--accent2)}.status.s-expired{color:var(--danger)}.quota{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.empty{color:var(--muted);text-align:center;padding:12vh 10px;font-size:15px}.cards{display:flex;flex-direction:column;gap:14px}.ans-card{background:var(--panel);border:1px solid var(--brd);border-radius:16px;padding:16px 18px;animation:pop .25s ease}.ans-card.live{border-color:var(--accent)}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ans-card .q{color:var(--muted);font-size:13px;margin-bottom:8px}.q-label{display:inline-block;background:var(--bg2);border:1px solid var(--brd);border-radius:999px;padding:1px 8px;font-size:11px;margin-inline-end:6px;color:var(--accent2)}.ans-card .a{font-size:16px;line-height:1.6}.ans-card .a b{color:#fff}.ans-card .a p{margin:0 0 8px}.copy{margin-top:10px;background:transparent;border:1px solid var(--brd);color:var(--muted);border-radius:9px;padding:5px 10px;font-size:12px;cursor:pointer}.copy:hover{color:var(--text)}@media (max-width: 560px){main{padding:16px 12px}.app-header{padding:10px 12px}.hdr-hint{display:none}}