:root{font:16px/1.45 Inter,"Segoe UI",system-ui,sans-serif;color:#152b29;background:#f1f4f0;--ink:#122e2a;--mint:#c6f581;--line:#d9e1d9}*{box-sizing:border-box}body{margin:0}button,a,input,select{font:inherit}a,button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:9px;background:white;padding:.6rem .9rem;text-decoration:none;font-size:.88rem;font-weight:650}button:hover,a:hover{filter:brightness(.94)}button:disabled{opacity:.32;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5383dc;outline-offset:2px}header,.headRight,.outputs,.sectionTitle,.buttons,.pageTitle,.outputHead,.pair{display:flex;align-items:center;gap:.65rem}header{min-height:74px;background:white;border-bottom:1px solid var(--line);padding:0 max(4vw,22px);justify-content:space-between}.brand{font-size:1.8rem;line-height:1;font-weight:900;letter-spacing:-.09em}.brand span{font-weight:450;letter-spacing:-.07em}.brand img{max-height:42px;max-width:180px;object-fit:contain}.headRight #connection{font-size:.78rem;color:#426351;margin-right:.5rem}.workspace{max-width:1550px;margin:auto;padding:clamp(24px,4vw,64px)}small{font-size:.7rem;font-weight:750;letter-spacing:.12em}.pageTitle,.sectionTitle,.outputHead{justify-content:space-between}.pageTitle{margin-bottom:2rem}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12;letter-spacing:-.055em;overflow-wrap:anywhere}h2{font-size:1.16rem;letter-spacing:-.025em}.pageTitle small{color:#64776d}.pageTitle h1{margin-top:5px}.bright,.primary{background:var(--ink);border-color:var(--ink);color:white}.columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:1.25rem;align-items:start}.panel,.auth,dialog{background:white;border:1px solid var(--line);border-radius:17px}.sectionTitle{padding:1.35rem}.slot{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.35rem;border-top:1px solid var(--line)}.slot.live{background:#eaf6da;box-shadow:inset 4px 0 #517b38}.slot:last-child{border-radius:0 0 16px 16px}.identity,.times{display:grid;gap:2px}.times{min-width:3.4em;font-variant-numeric:tabular-nums}.times span,.identity span,.identity small{color:#52685f}.identity small{letter-spacing:0;font-weight:500}.identity b{font-size:1.12em}.identity{overflow-wrap:anywhere;min-width:0}.rowTools{margin-left:auto;display:flex;gap:.3rem}.rowTools button{padding:.35rem .55rem}.empty{padding:1.75rem;color:#5a6a60}.monitor,.output{color:#f5f8eb;background:#112d28}.monitor{padding:1.4rem;border:0}.monitor .sectionTitle{padding:0 0 2rem;color:#b0c8b8}.chip{background:#28483d;border:1px solid #52715e;border-radius:18px;padding:.16rem .6rem;color:#d1eebc;font-size:.75rem}.monitor #speaker{font-size:clamp(1.6rem,2.6vw,3rem);font-weight:650;letter-spacing:-.04em;overflow-wrap:anywhere}#subject{opacity:.77;overflow-wrap:anywhere}.digits{font:540 clamp(4rem,7.5vw,8rem)/1.13 "Segoe UI",system-ui,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--mint)}.soon{color:#ffd975}.over{color:#ff9583}.track{height:3px;background:#345248;margin:1rem 0}.track i{display:block;height:100%;background:var(--mint)}.buttons{flex-wrap:wrap}.monitor button{background:#25483e;color:white;border-color:#446858}.monitor .primary{background:var(--mint);color:var(--ink)}#cue:not(:empty){background:#f4dda0;color:#26342d;padding:.5em .8em;border-radius:.4em;margin:1rem 0;overflow-wrap:anywhere}.signal,.auth,dialog{padding:1.35rem}.signal{margin-top:1.25rem}label{display:grid;gap:.4rem;font-size:.86rem;font-weight:650;margin:1rem 0}input,select{border:1px solid #bfcfc3;border-radius:7px;padding:.7rem .8rem;width:100%;background:#fafcf9;color:#172c25}.auth{max-width:430px;margin:12vh auto}.auth h1{margin-top:2rem;font-size:2rem}dialog{width:min(440px,94vw);color:var(--ink)}dialog::backdrop{background:#122e2a80}dialog .sectionTitle{padding:0}.pair label{flex:1}.error,#formError,.danger{color:#983623}#formError:not(:empty){margin:12px 0}.danger{margin-bottom:.8rem}#toast:not(:empty){position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);background:#222;color:white;padding:.6rem 1rem;border-radius:8px}.output{min-height:100dvh;padding:3vmin 5vw;position:relative;isolation:isolate}.outputHead{position:relative;border-bottom:1px solid #ffffff40;padding-bottom:2vmin}.outputHead #event{font-size:clamp(1rem,2vw,2.1rem);font-weight:600}.output .brand{font-size:clamp(1.3rem,2.5vw,3rem)}.stage{display:flex;flex-direction:column}.stage #displayBody{position:relative;margin:auto;text-align:center;max-width:100%;text-shadow:0 2px 18px #0008}.stage h1{font-size:clamp(2rem,6.2vw,12vh);line-height:1.02}.stage #status{color:var(--mint);font-weight:bold;letter-spacing:.09em;text-transform:uppercase;margin:1vmin}.stage .digits{font-size:min(20vw,35vh)}.stage #subject{font-size:min(3vw,4vh)}.stage #cue{font-size:min(3.6vw,6vh);text-shadow:none}.outputTools{position:fixed;bottom:8px;right:8px;z-index:2;opacity:.15}.outputTools:hover,.outputTools:focus-within{opacity:1}.toolsHidden .outputTools{opacity:0;pointer-events:none}.toolsHidden{cursor:none}.output #connection{position:fixed;bottom:0;left:0;background:#a13225;color:white}.output video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}.output video:not([src]){background:transparent}.lower #displayBody{margin:auto -5vw 0;text-align:left;background:#0b201eef;padding:1.5vh 5vw;display:grid;grid-template-columns:1fr auto;column-gap:2vw}.lower #status,.lower #subject,.lower h1{grid-column:1}.lower h1{font-size:clamp(1.25rem,4vw,7vh)}.lower .digits{grid-column:2;grid-row:1/4;align-self:center;font-size:min(9vw,14vh)}.lower #cue:not(:empty){grid-column:span 2;margin:.3em 0}.agenda #displayBody{margin:5vh auto;max-width:1400px}.agenda h1{margin-bottom:3vh}.agenda .slot{font-size:clamp(1rem,2vw,2rem);border-color:#ffffff30}.agenda .identity span,.agenda .identity small,.agenda .times span{color:#c5d9c8}.agenda .slot.live{background:#294d3f}.agenda .identity{flex:1}.agenda .empty{color:white}@media(max-width:800px){.columns{grid-template-columns:1fr}.monitor .digits{font-size:5rem}.pageTitle{align-items:flex-start;flex-direction:column}.workspace{padding:20px 12px}.headRight #connection{display:none}.slot{padding:.9rem;gap:.6rem}.sectionTitle{padding:1rem}.outputs{flex-wrap:wrap}}