:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ececf1;background:#09090c;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:1px solid #6954cb;background:#7760db;color:white;padding:.8rem 1rem;border-radius:.65rem;cursor:pointer;transition:background .15s}button:hover{background:#8a73ed}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c5b8ff;outline-offset:3px}a{color:#bdadff}input:not([type=checkbox]):not([type=range]),select{width:100%;border:1px solid #38343f;background:#0c0b10;border-radius:.6rem;padding:.8rem;color:inherit;margin:.5rem 0 1rem}label{display:block;font-size:.92rem}h1{font-size:clamp(1.6rem,4vw,2.1rem);letter-spacing:-.04em}h2{font-size:1.1rem;margin:0 0 1.2rem}p{line-height:1.65}button+input{margin-top:1rem!important}.brand{font-size:.72rem;letter-spacing:.22em;color:#ae9ff0;font-weight:700;white-space:nowrap}.card{background:#141218;border:1px solid #29242f;border-radius:1.1rem;padding:clamp(1.2rem,4vw,2rem);margin:1.3rem 0}.hint{color:#a59dae;font-size:.84rem}.admin{max-width:850px;margin:auto;padding:2rem 1.2rem 4rem}.admin header{display:flex;justify-content:space-between;align-items:center}.admin header a{font-size:.85rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.check{display:flex;gap:.7rem;align-items:center;margin-bottom:1.4rem}.danger{background:#2c1f38;border-color:#9a6bba}.quiet{background:transparent;border-color:#403747}#notice{position:sticky;bottom:1rem;background:#251e30;border-radius:.6rem;padding:0 1rem}#notice:empty{display:none}.viewer{background:black;overflow:hidden}#stage{height:100vh;height:100dvh;position:relative;background:black}#video{width:100%;height:100%;object-fit:contain;background:black}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.overlay .card{width:min(100%,390px)}#status-layer{pointer-events:none;background:#000}#status-layer button{pointer-events:auto}#status{color:#a6a2ac;text-align:center}#controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.7rem;padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000d);opacity:.3;transition:opacity .2s}#stage:hover #controls,#controls:focus-within{opacity:1}#controls button{font-size:.8rem;padding:.55rem .7rem;background:#1e1a24c9;border-color:#4b415c}#volume{width:85px;accent-color:#a893ff}#live-status{font-size:.76rem;color:#aba3b7}.spacer{flex:1}#viewers article{border-top:1px solid #342c3c;padding:.7rem 0;font-size:.87rem;color:#c9bfda}#join-error{color:#f0a9b6;font-size:.85rem}#join-error:empty{display:none}[hidden]{display:none!important}@media(max-width:600px){.grid{grid-template-columns:1fr}#controls{gap:.35rem;opacity:1;flex-wrap:wrap}#controls .brand{display:none}#controls button{font-size:.7rem}#volume{width:60px}}
