:root{color-scheme:light;--bg:#f6f7f9;--surface:#ffffff;--surface-strong:#eef3f7;--text:#17202a;--muted:#5f6d7a;--line:#d9e0e7;--accent:#087e8b;--accent-strong:#065c66;--danger:#b3261e;--warning:#976600;--success:#137333;--shadow:0 14px 35px rgba(20,29,38,0.08)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}a{color:inherit}.page-shell{width:min(1120px,100%);padding:32px 18px}.mobile-shell,.page-shell{min-height:100vh;margin:0 auto}.mobile-shell{width:min(720px,100%);padding:22px 14px}.stack{display:flex;flex-direction:column;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:24px}.toolbar{align-items:center}.room-header,.toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.room-header{align-items:flex-start}.eyebrow{color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,7vw,4rem);line-height:1}h1,h2{margin-bottom:0}h2{font-size:1.35rem}h3{font-size:1rem;margin-bottom:6px}.muted{color:var(--muted)}.warning{color:#5d4100;background:#fff6d8;border:1px solid #f0d47c;border-radius:8px}.error,.warning{padding:12px 14px}.error{color:#7d1b16;background:#fdecea;border:1px solid #f3b8b3;border-radius:8px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:700}.field input,.field select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 12px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font-weight:800;padding:0 18px;text-decoration:none}.button:disabled{cursor:not-allowed;opacity:.55}.button.secondary{background:#fff;color:var(--accent-strong)}.button.danger{border-color:var(--danger);background:var(--danger)}.button.large{width:100%;min-height:64px;font-size:1.15rem}.status-badge{display:inline-flex;min-height:34px;align-items:center;border-radius:999px;background:var(--surface-strong);color:var(--text);font-size:.88rem;font-weight:800;padding:0 12px;text-transform:capitalize}.status-badge.live{background:#dff4e6;color:var(--success)}.status-badge.error{background:#fdecea;color:var(--danger)}.status-badge.connecting,.status-badge.reconnecting,.status-badge.requesting-permission{background:#fff0cc;color:var(--warning)}.level-meter{width:100%}.level-track{width:100%;height:18px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#edf1f5}.level-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#137333,#d39b00);transition:width .12s linear}.action-grid,.language-grid,.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px}.grid{display:grid;grid-gap:14px;gap:14px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.span-two{grid-column:1/-1}.success{color:#0d5025;background:#e1f4e8;border:1px solid #a8d8b8;border-radius:8px;padding:12px 14px}.mini-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:8px;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.button.small{min-height:34px;padding:0 10px}.language-count-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px}.mini-stat{display:grid;grid-gap:4px;gap:4px;min-height:72px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.mini-stat small,.mini-stat span{color:var(--muted)}.mini-stat strong{font-size:1.4rem}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.metric-card{display:grid;grid-gap:4px;gap:4px;min-height:68px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.metric-card strong{font-size:1.45rem}.table-wrap{width:100%;overflow-x:auto}.language-option{display:grid;grid-gap:3px;gap:3px;min-height:52px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-weight:750;padding:10px 12px;text-align:left}.language-option.selected{border-color:var(--accent);background:#e7f7f8;color:var(--accent-strong)}.language-native-label{font-size:1.05rem;line-height:1.15}.language-english-label{color:var(--muted);font-size:.82rem;font-weight:650}.debug-table{width:100%;border-collapse:collapse}.debug-table td,.debug-table th{border-bottom:1px solid var(--line);padding:12px 8px;text-align:left;vertical-align:top}.url-list{display:grid;grid-gap:10px;gap:10px}.copy-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:center}.copy-row code{overflow-wrap:anywhere}.audio-controls{display:grid;grid-gap:14px;gap:14px}@media (max-width:640px){.mobile-shell,.page-shell{padding:14px}.panel{padding:18px}.copy-row{grid-template-columns:1fr}}