:root{--ground:#fbfaf8;--surface:#ffffff;--surface-2:#f3f1ed;--ink:#1a1714;--ink-2:#6a635a;--ink-3:#8f887d;--rule:#e3dfd7;--rule-strong:#cec8be;--accent:#a9540a;--accent-soft:#f6eadc;--peak:#96241a;--peak-soft:#f9e7e4;--ok:#2b6140;--ok-soft:#e4efe8;--sans:"Archivo",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--player-h:4.5rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#131110;--surface:#1b1918;--surface-2:#232120;--ink:#ede9e3;--ink-2:#a19a8f;--ink-3:#7c756b;--rule:#302c29;--rule-strong:#443e39;--accent:#f0a03a;--accent-soft:#2c2013;--peak:#f0776a;--peak-soft:#2d1815;--ok:#6fb98a;--ok-soft:#16261c}}:root[data-theme=dark]{--ground:#131110;--surface:#1b1918;--surface-2:#232120;--ink:#ede9e3;--ink-2:#a19a8f;--ink-3:#7c756b;--rule:#302c29;--rule-strong:#443e39;--accent:#f0a03a;--accent-soft:#2c2013;--peak:#f0776a;--peak-soft:#2d1815;--ok:#6fb98a;--ok-soft:#16261c}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--player-h) + 1rem)}a{color:var(--accent);text-underline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.shell{max-width:54rem;margin:0 auto;padding:0 1.25rem}.nav{display:flex;align-items:center;gap:1.25rem;padding:1.1rem 0;border-bottom:1px solid var(--rule);margin-bottom:2rem}.brand{font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none}.nav-links{margin-left:auto;display:flex;gap:1rem;align-items:center;font-size:.9rem}.nav-links a{text-decoration:none;color:var(--ink-2)}.nav-links a:hover{color:var(--accent)}h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;letter-spacing:-.022em;line-height:1.1;margin:0 0 .4rem;text-wrap:balance}h2{font-size:1.2rem;letter-spacing:-.01em;margin:2rem 0 .7rem}.eyebrow,h2{font-weight:600}.eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .3rem}.lede{color:var(--ink-2);margin:0 0 1.6rem;max-width:36rem}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:5px;padding:1.2rem}.stack{flex-direction:column;gap:.9rem}.row,.stack{display:flex}.row{flex-wrap:wrap;gap:.7rem;align-items:center}label.field{display:flex;flex-direction:column;gap:.3rem;flex:1 1 14rem}label.field>span{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}input,select,textarea{font-family:inherit;font-size:.95rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--rule);border-radius:4px;padding:.55rem .65rem;width:100%}input[type=checkbox]{width:auto;accent-color:var(--accent)}button{font-family:var(--sans);font-size:.93rem;font-weight:600;color:var(--ground);background:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:.55rem 1.1rem;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.4;cursor:not-allowed}button.ghost{background:transparent;color:var(--ink);border-color:var(--rule-strong)}button.ghost:hover:not(:disabled){border-color:var(--ink-3);filter:none}button.danger{background:transparent;color:var(--peak);border-color:var(--peak)}.error{background:var(--peak-soft);border-left:2.5px solid var(--peak);color:var(--ink)}.error,.notice{padding:.7rem .9rem;border-radius:0 3px 3px 0;font-size:.92rem}.notice{background:var(--surface-2);border-left:2.5px solid var(--rule-strong);color:var(--ink-2)}.mono{font-family:var(--mono);font-size:.8rem;word-break:break-all}.rooms{display:flex;flex-direction:column;gap:.6rem}.room-card{display:grid;grid-template-columns:1fr auto;grid-gap:1rem;gap:1rem;align-items:center;background:var(--surface);border:1px solid var(--rule);border-radius:5px;padding:.95rem 1.1rem;text-decoration:none;color:inherit}.room-card:hover{border-color:var(--accent)}.room-title{font-weight:600}.room-host{font-size:.87rem;color:var(--ink-2)}.onair{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--peak)}.onair .dot{width:.4rem;height:.4rem;border-radius:50%;background:currentColor;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.onair .dot{animation:none}}.count{font-family:var(--mono);font-size:.84rem;text-align:right}.count,.empty{color:var(--ink-2)}.empty{border:1px dashed var(--rule-strong);border-radius:5px;padding:2rem 1.2rem;text-align:center}.chat-log{display:flex;flex-direction:column;gap:.45rem;height:20rem;overflow-y:auto;padding:.8rem;background:var(--surface-2);border:1px solid var(--rule);border-radius:4px}.msg{font-size:.92rem}.msg .who{font-weight:600;margin-right:.35rem}.msg .when{font-size:.66rem;margin-left:.35rem}.msg .when,.msg.system{font-family:var(--mono);color:var(--ink-3)}.msg.system{font-size:.78rem}.meter{display:flex;flex-direction:column;gap:.3rem}.meter-row{display:grid;grid-template-columns:1rem 1fr 3rem;grid-gap:.5rem;gap:.5rem;align-items:center}.meter-ch{font-family:var(--mono);font-size:.68rem;color:var(--ink-3);text-align:center}.meter-track{position:relative;height:.62rem;background:var(--surface-2);border:1px solid var(--rule);border-radius:2px;overflow:hidden}.meter-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--ok) 0,var(--ok) 62%,var(--accent) 82%,var(--peak) 100%);transition:width 40ms linear}.meter-db{font-family:var(--mono);font-size:.68rem;color:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.player{position:fixed;inset:auto 0 0 0;height:var(--player-h);background:var(--surface);border-top:1px solid var(--rule);padding:0 1.25rem;z-index:50}.player,.player-inner{display:flex;align-items:center;gap:1rem}.player-inner{max-width:54rem;margin:0 auto;width:100%}.player-meta{min-width:0;flex:1 1}.player-title{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-sub{font-size:.82rem;color:var(--ink-2)}.player-idle{color:var(--ink-3);font-family:var(--mono);font-size:.78rem}