:root { color-scheme: dark; font-family: var(--site-sans, Arial), Helvetica, sans-serif; color:#e8ebdf; background:#071310; }
body { max-width:1100px; margin:0 auto; padding:24px; line-height:1.55; }
* { box-sizing:border-box; }
h1,h2,h3 { letter-spacing:-.035em; font-weight:500; line-height:1.15; }
h1 { font-size:clamp(1.8rem,4vw,2.6rem); margin:0 0 12px; }
a { color:#78dce8; text-underline-offset:4px; }
.intro,.privacy-note { color:#bdc8c0; max-width:74ch; }
.eyebrow { font: .7rem/1.5 monospace; text-transform:uppercase; letter-spacing:.16em; color:#67dfd0; }
.card { background:#0e211b; border-color:#2b4338; border-radius:16px; }
.participant { background:#101f1d; min-width:0; }
.participant h2 { color:var(--accent); font-family:monospace; font-size:1rem; letter-spacing:.1em; }
.grid { gap:18px; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); }
label { color:#cbd8ce; font-size:.88rem; }
input,select,textarea { color:#eef1e7; background:#081713; border-color:#40534b; margin-top:6px; }
textarea { resize:vertical; max-width:100%; }
button { background:#233e34; color:#eef1e7; padding:11px 17px; }
button:hover:not(:disabled),button:focus-visible { background:#285e65; outline:2px solid #67ddff; outline-offset:2px; }
.primary { background:#c6ff67; color:#10200e; padding:15px 24px; }
.primary:hover:not(:disabled) { background:#d8ff9b; }
.heat-panel { position:static; background:#13251d; box-shadow:none; border-color:#39503e; }
.heat-value { color:#c6ff67; }
.meta { color:#a8bcad; }
.turn { background:#10221c; }
.transcript-window { background:#081511; border-color:#30483c; }
.speaker-stage { margin-top:20px; }
.presets { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.presets button { border:1px solid #486051; border-radius:100px; margin:0; font-size:.82rem; }
.privacy-note { font-size:.8rem; margin:24px 0; }
#grenadeMic,#bargeInHistory { display:none!important; }
#error:empty { display:none; }
#error { padding:14px; background:#311923; border-radius:10px; }
.archive-player a { display:inline-block; margin:8px 0; }
@media(max-width:600px) { body { padding:12px; }.card { padding:14px; }.grid { gap:8px; }.heat-heading{align-items:center;}.controls button{width:auto;} }