:root{color-scheme:dark;--bg:#111719;--surface:#1b2427;--line:#334145;--text:#edf4ed;--muted:#a5b6b5;--accent:#bce887;--danger:#ffb3a7;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}header{display:flex;align-items:center;justify-content:space-between;padding:24px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line);gap:20px}.brand{color:var(--accent);font-weight:800;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.brand span{display:block;color:var(--muted);font-size:.75rem;font-weight:400;letter-spacing:0;margin:5px 0 0 19px}nav{display:flex;gap:8px}main{max-width:1120px;margin:auto;padding:36px 24px}.intro{max-width:730px;margin:10px 0 32px}.eyebrow{font-size:.7rem;letter-spacing:.13em;font-weight:700;color:var(--accent);margin:0 0 10px}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 20px}h2{font-size:1.15rem;margin:0 0 8px}p{line-height:1.6}.intro>p:last-child{color:var(--muted);font-size:1.08rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:20px}.narrow{max-width:580px}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:20px}input,textarea{display:block;width:100%;background:#11191c;color:var(--text);border:1px solid #526365;border-radius:8px;padding:12px;margin-top:8px;font:inherit;resize:vertical}button{font:inherit;font-size:.86rem;font-weight:600;border:1px solid #516367;border-radius:8px;background:transparent;color:var(--text);padding:10px 14px;cursor:pointer}button:hover{background:#2d3d3e}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.primary,button.selected{background:var(--accent);color:#1c2b1c;border-color:var(--accent)}.primary:hover,button.selected:hover{background:#d4f3b0}.danger{color:var(--danger)}.hint{font-size:.8rem;color:var(--muted);line-height:1.5;margin-bottom:0}.actions{display:flex;flex-wrap:wrap;gap:8px}.toolbar,.show-controls,.section-heading,#audio-panel{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading{margin:30px 0 16px}.count{color:var(--muted);font-size:.9rem;padding-left:7px}.caller-card{display:grid;grid-template-columns:1fr auto;gap:18px}.caller-card h3{margin:0;font-size:1.1rem}.caller-card .topic{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 16px}.badge{display:inline-block;font-size:.75rem;padding:5px 10px;border-radius:99px;background:#344648;color:#dbe7e7;margin-right:8px}.badge.on-air{color:#ccf5a6;background:#2d4b2e}.badge.screening{color:#c8dcff;background:#293f62}.caller-card details{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}.caller-card summary{font-size:.85rem;color:var(--muted);cursor:pointer}.notes{font-size:.86rem;color:var(--muted);padding-left:22px;white-space:pre-wrap;overflow-wrap:anywhere}.note-form{display:flex;gap:10px;align-items:end;margin-top:14px}.note-form label{flex:1;margin:0}.note-form input{margin:0}.empty{text-align:center;padding:48px 24px;color:var(--muted)}#message{background:#473329;border:1px solid #906749;border-radius:10px;padding:14px 18px;margin-bottom:24px;white-space:pre-wrap}#audio-panel{position:sticky;bottom:16px;box-shadow:0 8px 30px #0006;border-color:#698b65;margin-top:28px}.footer{font-size:.75rem;color:var(--muted);margin-top:36px}audio{display:none}[hidden]{display:none!important}@media(max-width:650px){header{padding:18px;align-items:start}nav{flex-direction:column}main{padding:24px 16px}.panel{padding:18px}.toolbar,.show-controls,#audio-panel{align-items:start;flex-direction:column}.caller-card{grid-template-columns:1fr}.caller-card details{grid-column:auto}.section-heading{align-items:start}.section-heading .hint{max-width:135px;text-align:right}}
select{font:inherit;color:var(--text);background:#11191c;border:1px solid #526365;border-radius:8px;padding:10px;max-width:100%}.inline-label{display:flex;align-items:center;gap:12px;margin:0}.talent-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}.talent-row strong{flex:1;min-width:180px}.talkback{touch-action:none;user-select:none}#queue-create{align-items:end;margin-top:20px}#queue-create label{margin:0;flex:1}#queue-create input{min-width:130px}#next-caller{align-self:center}
