:root{--bg:#09111f;--panel:#111c30;--panel2:#17243b;--text:#edf5ff;--muted:#91a3bd;--accent:#2f80ff;--danger:#ff375f;--green:#18c37e;--yellow:#ffcc33;--border:#263651}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f5f7fb;color:#132238}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.dark,.switcher-body{background:var(--bg);color:var(--text);min-height:100vh}.top{height:64px;background:#0c1626;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.top span{color:#57a0ff}.top a{color:#cfe1ff;text-decoration:none;margin-left:14px}.wrap{max-width:1200px;margin:auto;padding:28px}.hero{background:linear-gradient(135deg,#07111f,#15325d);color:#fff;padding:80px 28px}.hero>div{max-width:1000px;margin:auto}.hero h1{font-size:clamp(2.2rem,5vw,5rem);max-width:900px;margin:.25em 0}.eyebrow{letter-spacing:.18em;color:#7eb1ff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{display:flex;flex-direction:column;gap:8px;padding:18px;background:#fff;border:1px solid #dce4ef;border-radius:16px;text-decoration:none;box-shadow:0 8px 28px #10233b10}.card em{color:#2f80ff;font-style:normal;font-weight:700}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.actions a{background:#eef4ff;padding:8px 10px;border-radius:9px;text-decoration:none}.split{display:grid;grid-template-columns:1fr 360px;gap:24px}.stack{display:flex;flex-direction:column;gap:12px}.stack input,.stack textarea,.stack select,input,textarea,select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #ccd7e6;background:#fff;color:#12243a}.stack button,button,.upload-btn{border:0;border-radius:12px;padding:13px 16px;background:var(--accent);color:#fff;font-weight:800}.danger{background:var(--danger)!important}.center-card{width:min(92vw,460px);margin:10vh auto;padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:18px}.alert{background:#5c1c2c;color:#ffd7e0;padding:12px;border-radius:10px}.event-head{background:linear-gradient(135deg,#07111f,#214b86);color:#fff;padding:38px 20px;text-align:center}.event-head h1{font-size:clamp(2rem,9vw,4.5rem);margin:6px 0}.mobile-wrap{max-width:900px;margin:0 auto;padding:18px}.big-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.upload-btn{text-align:center}.gallery,.thumbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gallery-card,.thumb{position:relative;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #dce4ef}.gallery-card img,.thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.gallery-card .meta,.thumb .meta{padding:9px;font-size:.85rem}.gallery-card button{margin:0 9px 9px;padding:8px 10px}.switcher{padding:18px;max-width:1600px;margin:auto}.monitors{display:grid;grid-template-columns:1fr 1fr;gap:18px}.monitors h3{margin:0 0 8px;color:#a8bbd6}.monitor{width:100%;aspect-ratio:16/9;background:#03070d;border:2px solid #263651;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#7890ae}.monitor.preview-active{border-color:#20d189}.monitor img,.monitor video{width:100%;height:100%;object-fit:contain;background:#000}.monitors iframe{display:block}.takebar{display:flex;gap:10px;padding:14px 0}.takebar button{min-width:120px}.takebar #cut{background:#d71945}.takebar #black{background:#111;border:1px solid #555}.takebar #slideshow{background:#7d4cff}.source-section h2{margin-top:26px}.thumb{background:var(--panel);border-color:var(--border);color:#fff}.thumb .buttons{display:flex;gap:6px;padding:8px}.thumb .buttons button{padding:8px;font-size:.8rem;flex:1}.camlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.camcard{background:var(--panel);border:1px solid var(--border);padding:14px;border-radius:14px}.camcard .status{font-size:.8rem;color:var(--muted)}.camcard .buttons{display:flex;gap:8px;margin-top:10px}.camera-page{max-width:620px;margin:auto;padding:24px}.camera-page video{width:100%;aspect-ratio:9/16;max-height:65vh;background:#000;border-radius:16px;object-fit:cover;margin:14px 0}.camera-page button{width:100%;margin:6px 0}.holding{text-align:center;padding:20px}.qrbox{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.qrimg{width:140px;height:140px;background:#fff;border-radius:10px;padding:5px}.copybox{display:flex;gap:8px}.copybox input{flex:1}.pill{display:inline-block;border:1px solid #365171;padding:5px 9px;border-radius:999px;font-size:.8rem;color:#b8cae2}@media(max-width:820px){.split,.monitors{grid-template-columns:1fr}.big-actions{grid-template-columns:1fr}.top{padding:0 14px}.top div{display:none}.wrap{padding:16px}.switcher{padding:10px}.takebar{position:sticky;bottom:0;background:#09111fe8;padding:10px;z-index:4;overflow:auto}}