:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;background:#071320;color:#f1f6fe;--line:#253c54;--muted:#a7bdd6;--blue:#1397ff}*{box-sizing:border-box}body{margin:0}a{color:#8cc8ff;text-decoration:none}header{display:flex;align-items:center;gap:18px;padding:16px max(22px,calc((100vw - 1160px)/2));background:#0b1c2d;border-bottom:1px solid var(--line)}header strong{display:block;font-size:16px}header small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.home-link{margin-left:auto;font-size:12px}main{max-width:1200px;padding:28px 22px;margin:auto}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.04em;margin:14px 0}h2{font-size:19px;margin:0 0 14px}p{color:var(--muted);font-size:14px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:.14em;color:#62b6ff;font-weight:700}.card{border:1px solid var(--line);border-radius:12px;background:#0d2032;padding:25px;margin-bottom:22px;animation:enter .35s ease-out}.login{max-width:470px;margin:7vh auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 30px}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px}.event-card{border:1px solid var(--line);background:linear-gradient(135deg,#10283f,#091b2b);border-radius:12px;padding:23px;margin-bottom:20px;transition:border-color .2s,transform .2s}.event-card:hover{border-color:#39719d;transform:translateY(-2px)}.event-card h2{font-size:22px;margin-top:14px}.event-card .url{font:12px ui-monospace,monospace;color:#75bbff;overflow-wrap:anywhere}.pill{font-size:10px;letter-spacing:.07em;color:#acc2da;display:inline-flex;align-items:center;gap:7px}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#718398}.pill.live{color:#45e6a0}.pill.live:before{background:#2be997;box-shadow:0 0 0 4px #2be99718}.numbers{display:flex;gap:20px;margin:22px 0;font-size:12px;color:var(--muted)}.numbers b{display:block;color:white;font-size:20px;margin-bottom:5px}.buttons{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;font-size:12px;padding:11px 15px;background:#163149;color:#e8f3ff;border:1px solid #33536e;border-radius:7px;cursor:pointer;transition:background .2s,transform .2s}button:hover{background:#204464;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}.primary{background:linear-gradient(110deg,#079ef8,#075df5);border-color:#087fff;color:white}.danger{color:#ffb0a9}label{display:block;font-size:12px;color:var(--muted);margin:16px 0}input:not([type=checkbox]),select,textarea{font:inherit;display:block;width:100%;padding:12px;color:white;background:#071624;border:1px solid #34536b;border-radius:7px;margin-top:8px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #67baff;outline-offset:3px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;align-items:center;gap:8px}input[type=checkbox]{accent-color:#128aff}.muted{font-size:12px}fieldset{border:1px solid var(--line);border-radius:8px;margin:15px 0;padding:12px 18px}legend{font-size:12px;color:var(--muted)}.user-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.user-row span{flex:1;font-size:13px}pre{white-space:pre-wrap;word-break:break-word;color:var(--muted);font:12px/1.7 ui-monospace,monospace;max-height:250px;overflow:auto}.secret{border-color:#397bb2}.secret input{font:12px ui-monospace,monospace}#notice:not(:empty){padding:14px;background:#183c58;border-radius:8px;color:#fff}footer{text-align:center;color:#8ba6c3;font-size:11px;padding:24px}.viewer{max-width:1100px;margin:auto}.viewer video{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;display:block;margin:24px 0}.viewer .controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.viewer .card{margin:30px auto;max-width:460px}.viewer .description{white-space:pre-wrap}.empty{padding:50px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}[hidden]{display:none!important}@keyframes enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:650px){header{padding:13px 18px;gap:12px}.home-link{display:none}header button{margin-left:auto}.page-heading{align-items:flex-start;flex-direction:column}.fields{grid-template-columns:1fr;gap:0}.card{padding:20px}.buttons button{flex:1}.numbers{gap:16px}.viewer h1{font-size:28px}.user-row{flex-wrap:wrap}.login{margin-top:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
