:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#101a24;color:#e8eff4}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:28px 6%;border-bottom:1px solid #293642}.brand{font-weight:800;font-size:28px;letter-spacing:4px}.brand span{font-weight:400;letter-spacing:2px;font-size:13px;margin-left:14px;color:#89bdb4}.tag,.eyebrow{font-size:11px;letter-spacing:2px;color:#89bdb4}main{max-width:1120px;margin:75px auto;padding:0 30px}#login{max-width:520px}h1{font-size:48px;line-height:1.1;letter-spacing:-1.6px;margin:16px 0 24px}.intro{color:#99adb9;font-size:17px;line-height:1.7}form{margin-top:36px;max-width:380px}label{display:block;font-size:13px;color:#b4c7d0;margin:20px 0}input{display:block;width:100%;padding:15px;margin-top:8px;border:1px solid #354854;border-radius:7px;background:#172632;color:white;font-size:16px}input:focus{outline:2px solid #83c5b9}button{border:0;border-radius:7px;padding:14px 24px;background:#82c7b9;color:#142329;font-weight:700;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#354854;color:#d9e5eb;margin-left:12px}.notice{padding:16px 20px;background:#303023;color:#ddd0a5;border-left:3px solid #b6a26c;border-radius:4px;font-size:14px;line-height:1.6}.state{padding:24px 0;color:#b5c8d1}.viewer{margin-top:28px;background:#070c10;border:1px solid #293642;border-radius:8px;overflow:hidden}video{display:block;width:100%;max-height:75vh;object-fit:contain}.stats{font-size:12px;color:#a3b7c2}#error{color:#eab5a9;white-space:pre-wrap}footer{padding:26px 6%;font-size:12px;color:#7a919e;border-top:1px solid #293642}[hidden]{display:none!important}@media(max-width:600px){header{padding:24px}.tag{display:none}h1{font-size:36px}main{margin-top:40px}}