:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#080c14;color:#edf3ff}button,input{font:inherit}button{cursor:pointer;color:inherit}.player{position:relative;width:100%;height:100%;min-height:180px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#243b55 0,#101c2d 38%,#080c14 78%)}video{width:100%;height:100%;object-fit:contain}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0004,transparent 25%,transparent 65%,#0009)}.brand{position:absolute;top:24px;left:28px;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;letter-spacing:3px;pointer-events:none}.brand-mark{color:#60e8cc;font-size:27px}.quality{margin-left:8px;padding:3px 6px;border:1px solid #ffffff35;border-radius:4px;font-size:9px;letter-spacing:1px}.start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88px;height:88px;border:1px solid #8ef9df75;border-radius:28px;background:#64e6c91c;box-shadow:0 0 70px #64e6c914;backdrop-filter:blur(10px)}.start:hover{background:#64e6c938}.start svg{width:35px;height:35px;fill:#86f4db}.controls{position:absolute;bottom:0;left:0;right:0;display:flex;gap:16px;align-items:center;padding:22px 28px}.controls button{border:0;background:none;font-size:22px;min-width:28px}.controls span{font-size:11px;font-variant-numeric:tabular-nums}.controls input{min-width:20px;flex:1;accent-color:#6ce7c9;height:3px}.status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:90%;font-size:clamp(17px,3vw,25px);color:#dbe6f7}.start[hidden],.status[hidden]{display:none}@media(max-width:480px){.brand{left:18px;top:14px}.controls{padding:16px;gap:10px}.start{width:70px;height:70px;border-radius:23px}}