:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#eef2f8;background:#0b0e12;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;transition:background .15s}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #71aaff;outline-offset:5px}header{max-width:1300px;margin:auto;padding:16px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26303c}.brand{text-decoration:none;color:#eef2f8;font-size:24px;font-weight:500}.outline{color:#63a4ff;border:1px solid #4c91ff;border-radius:8px;padding:10px 20px;background:transparent;font-size:16px}.outline:hover{background:#16243a}main{max-width:1300px;padding:0 34px;margin:auto}.title{text-align:center;padding:36px 0 24px}.title h1{font-size:40px;line-height:1.3;margin:0;font-weight:650;letter-spacing:.02em}.title p{color:#a4b4ca;font-size:22px;margin:10px 0 0}.player{border:1px solid #2d3848;border-radius:12px;overflow:hidden;background:#070a0e}.picture{position:relative;aspect-ratio:16/7.35;min-height:240px}#video,.cover{position:absolute;inset:0}#video video{object-fit:contain!important}.cover{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#080b0f}.cover[hidden],[hidden]{display:none!important}.play-mark{width:92px;height:92px;margin-bottom:26px;fill:none;stroke:#f3f6fc;stroke-width:2.2}.play-mark path{fill:#f3f6fc;stroke-linejoin:round}.primary{background:#3385ff;color:white;border:0;border-radius:10px;padding:16px 48px;font-size:18px;font-weight:500}.primary:hover{background:#4c91ff}.cover p{color:#a5b4c8;font-size:18px;margin:22px 18px 0;text-align:center;line-height:1.5}.toolbar{height:50px;display:flex;align-items:center;gap:16px;padding:0 20px;background:#10151c;border-top:1px solid #26303c}.icon{background:none;border:0;padding:6px;color:#eef2f8;display:flex;align-items:center;justify-content:center}.icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}#volume{width:150px;height:4px;accent-color:#4c91ff}.fullscreen{margin-left:auto}.text{background:none;border:0;color:#a4b4ca;font-size:13px}.status{text-align:center;font-size:16px;color:#9faec3;line-height:1.6;margin:18px 0 0;min-height:26px}.share-result{min-height:22px;text-align:center;color:#9faec3;font-size:13px}.resume{display:block;margin:14px auto}footer{text-align:center;letter-spacing:.12em;color:#91a0b4;font-size:14px;padding:20px 0 30px}.player:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center}.player:fullscreen .picture{flex:1;aspect-ratio:auto}.player:fullscreen .toolbar{flex-shrink:0}@media(max-width:700px){header{padding:16px 20px}.brand{font-size:19px}.outline{font-size:13px;padding:9px 13px}main{padding:0 12px}.title{padding:34px 0 24px}.title h1{font-size:28px}.title p{font-size:16px}.picture{aspect-ratio:16/9;min-height:210px}.play-mark{width:58px;height:58px;margin-bottom:14px}.primary{padding:12px 28px;font-size:16px}.cover p{font-size:13px;margin-top:14px}.toolbar{gap:10px;padding:0 12px}#volume{width:86px}.status{font-size:14px}.text{font-size:12px}footer{padding-top:42px}}@media(prefers-reduced-motion:reduce){button{transition:none}}
.header-actions{display:flex;gap:18px;align-items:center}.access-main{min-height:calc(100vh - 165px);display:grid;place-items:center;padding:32px 20px}.access-card{width:min(100%,440px);padding:36px;background:#10151c;border:1px solid #26303c;border-radius:16px}.access-eyebrow{color:#63a4ff;font-size:14px;margin:0 0 14px}.access-card h1{font-size:26px;line-height:1.4;margin:0}.access-note{color:#9faec3;margin:12px 0 28px}.access-card form{display:grid;gap:12px}.access-card label{font-size:14px;color:#bcc8d8}.access-card input{width:100%;min-width:0;border:1px solid #354257;border-radius:8px;background:#0b0e12;color:#eef2f8;font:inherit;font-size:16px;padding:14px}.access-card .primary{width:100%;margin-top:6px;font-size:16px;padding:14px}#access-error{min-height:24px;color:#ffa6a6;font-size:14px;margin:0;line-height:1.6}@media(max-width:480px){.access-card{padding:26px 22px}.access-card h1{font-size:23px}.header-actions{gap:10px}.header-actions .outline{padding:8px 10px}}
