:root{color-scheme:dark;--bg:#191b20;--card:#272a31;--line:#40444e;--muted:#a9aebb;--green:#98f828}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eee;font:13px system-ui}header{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:750;color:#eee;text-decoration:none}.brand span{color:var(--green)}header #connection{flex:1;font-size:11px;color:var(--muted)}a{color:var(--green)}button,input,select,textarea{font:inherit;color:inherit;border:1px solid var(--line);border-radius:7px;background:#202229;padding:9px;max-width:100%}button{cursor:pointer;min-height:36px}button:hover{border-color:var(--green)}button:disabled{opacity:.45;cursor:default}button.primary,button[aria-pressed=true]{border-color:var(--green);background:#354525}button.danger{background:#752532}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:2px}label{display:block;color:var(--muted);margin:9px 0}label input:not([type=checkbox]),label select,label textarea{display:block;width:100%;margin-top:5px}textarea{min-height:80px;font-family:monospace;resize:vertical}#mode-bar{padding:8px 12px;border-bottom:1px solid var(--line)}#mode-bar label{display:flex;align-items:center;gap:10px;margin:0}#mode{width:auto;margin:0}#mode-note{display:block;font-size:11px;color:var(--muted);margin-top:6px}body[data-mode=rehearsal] #mode-bar{background:#423817;border-color:#e7bd40}nav{display:flex;gap:6px;flex-wrap:wrap;padding:10px}nav button{font-size:11px;padding:7px}main{padding:2px 12px 12px;max-width:1200px;margin:auto}h2{font-size:18px}h3{font-size:14px}.card{padding:12px;border:1px solid var(--line);background:var(--card);border-radius:9px;margin:10px 0;min-width:0}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row>*{min-width:0}.row label{flex:1;min-width:110px}.hint{font-size:11px;line-height:1.6;color:var(--muted)}.pad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:9px;margin:12px 0}.pad{min-height:82px;font-size:14px;font-weight:650;border-left:5px solid var(--pad-color,var(--green));white-space:normal;overflow-wrap:anywhere;background:var(--card)}.pad small{display:block;font-size:10px;color:var(--muted);margin-top:5px;font-weight:400}.countdown{color:var(--green);font-variant-numeric:tabular-nums}.error{color:#ff9b9b}.warning{color:#f8c866}.ok{color:var(--green)}details{margin-top:10px}summary{cursor:pointer;color:var(--muted);font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.mini{font-size:11px;padding:5px 8px;min-height:29px}#status{position:sticky;bottom:0;background:var(--bg);padding:10px 12px;margin:0;border-top:1px solid var(--line);min-height:40px;overflow-wrap:anywhere}footer{font-size:10px;color:var(--muted);padding:12px;text-align:center}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}iframe.preview{color-scheme:light;width:100%;aspect-ratio:16/9;border:1px solid var(--line);background:repeating-conic-gradient(#252b32 0 25%,#1c2026 0 50%) 0/20px 20px}.access-form{max-width:560px;margin:20px auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table td,.table th{text-align:left;padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}body.compact .pad{min-height:60px}@media(max-width:360px){.pad-grid{grid-template-columns:1fr 1fr}header{gap:8px}.row button{font-size:11px}}