:root{font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif;color-scheme:dark;--bg:#090e17;--surface:#111b2a;--raised:#172337;--line:#2b3850;--text:#e7eefb;--soft:#91a5bc;--lime:#a3f0bb;--blue:#91b9ff;--red:#ff9f9f}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% -30%,#243b52 0,transparent 55%),#090e17;color:var(--text);min-height:100vh}button,input{font:inherit}a{color:var(--blue)}button{border:1px solid #3a4c64;background:#1a2a3e;color:var(--text);padding:10px 15px;border-radius:10px;cursor:pointer;transition:background .15s}button:hover{background:#2c3d53}button:disabled{opacity:.5;cursor:default}.primary{background:var(--lime);color:#091a13;border-color:var(--lime);font-weight:800}.primary:hover{background:#c3ffcf}.danger{background:#361d28;border-color:#764354}.small{padding:7px 10px;font-size:12px}.wrap{width:min(1340px,calc(100% - 36px));margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 0 25px}.identity{display:flex;align-items:center;gap:14px}.brand{width:48px;height:48px;border-radius:13px;background:var(--lime);color:#072016;display:grid;place-items:center;font-weight:1000;font-size:22px;letter-spacing:-2px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:2.2px;color:var(--lime)}h1{font-size:23px;letter-spacing:-.6px;margin:2px 0 0}h2{font-size:17px;margin:0}p{margin:.6em 0}.status{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:9px 13px;font-size:12px;color:var(--soft)}.status:before{content:'';width:8px;height:8px;background:#8899ad;border-radius:50%}.status.live:before{background:#63df9e;box-shadow:0 0 12px #63df9e}.status.bad:before{background:var(--red)}.grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:17px}.panel{background:rgba(17,27,42,.96);border:1px solid var(--line);border-radius:17px;overflow:hidden}.vid{background:#01050b;position:relative;aspect-ratio:16/9;display:grid;place-items:center}.vid video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.overlay{position:absolute;z-index:2;display:grid;place-items:center;gap:12px;text-align:center;padding:22px;max-width:450px;color:var(--soft)}.overlay .glyph{font-size:45px;opacity:.75}.overlay strong{font-size:20px;color:var(--text)}.hidden{display:none!important}.corner{position:absolute;top:16px;left:16px;z-index:4;background:#08111bba;backdrop-filter:blur(9px);border:1px solid #263f51;border-radius:9px;padding:7px 11px;font-weight:800;letter-spacing:.5px;font-size:11px}.vid-actions{position:absolute;bottom:14px;right:14px;z-index:4;display:flex;gap:8px}.vid-actions button{background:#101b28c9;backdrop-filter:blur(8px)}.bar{border-top:1px solid var(--line);padding:15px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.buttons{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--soft);font-size:12px}.stats{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:15px 12px}.metric span{font-size:12px;color:var(--soft)}.metric b{display:block;font-size:26px;letter-spacing:-.7px;margin-top:3px;font-variant-numeric:tabular-nums}.metric small{font-size:13px;font-weight:500;color:var(--soft)}.info{border-top:1px solid var(--line);padding:17px 15px}.info-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #263449;font-size:12px}.info-row span:first-child{color:var(--soft)}.info-row span:last-child{text-align:right}.side-heading{padding:19px 15px 0}.callout{margin-top:18px;border:1px solid var(--line);background:#0b1524;border-radius:12px;padding:14px;color:var(--soft);font-size:12px}.footer{margin:22px 0 30px;font-size:12px;color:#8398b1;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.auth-panel{padding:30px;max-width:560px;margin:30px auto}.auth-panel h2{font-size:22px}.input{background:#080f1c;border:1px solid #3b5069;color:var(--text);border-radius:10px;padding:12px;width:100%;outline:none}.input:focus{border-color:var(--lime)}.field{margin-top:20px}.field label{display:block;font-size:12px;font-weight:700;color:#bdcadc;margin-bottom:9px}.error{color:var(--red)}.success{color:var(--lime)}.menu a{text-decoration:none;color:var(--soft);font-size:13px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-box{padding:25px}.admin-box h2{margin-bottom:10px}.code{background:#09111d;border:1px solid #29374c;border-radius:11px;padding:12px;word-break:break-all;font-size:12px;color:#cfe5ff;max-height:130px;overflow:auto}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.notice{font-size:12px;color:var(--soft);line-height:1.7}.separator{border:0;border-top:1px solid var(--line);margin:22px 0}.icon-bg{background:#254037;color:var(--lime);border-radius:9px;padding:8px;display:inline-block;font-size:20px;margin-bottom:12px}.live-label{font-variant-numeric:tabular-nums}.mobilehelp{margin-top:15px;display:none}
@media(max-width:950px){.grid,.admin-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.wrap{width:min(100% - 22px,1340px)}.header{padding:18px 0}.brand{width:40px;height:40px}h1{font-size:17px}.eyebrow{font-size:9px}.stats{grid-template-columns:1fr 1fr}.status{font-size:10px}.admin-box{padding:17px}.mobilehelp{display:block}.auth-panel{padding:22px}}

#pinLayer:not(.hidden){position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;width:min(92vw,500px);margin:0;box-shadow:0 0 0 100vmax #050915df,0 22px 100px #000a}