*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e2e8f0}#watch-page{display:flex;flex-direction:column;width:100%;height:100%}#watch-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#111;border-bottom:1px solid #222;flex-shrink:0}#watch-brand{font-size:16px;font-weight:700;color:#3182ce;letter-spacing:.5px}#watch-live-badge{display:inline-block;padding:3px 10px;border-radius:3px;background:#e53e3e;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}#watch-live-badge.hidden{display:none}#watch-live-badge.offline{background:#718096}#watch-main{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}#watch-player{position:relative;width:100%;height:100%}#video{width:100%;height:100%;object-fit:contain;background:#000}#controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .3s ease}#watch-player:hover #controls{opacity:1}#controls button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:#fff;cursor:pointer;transition:background .15s}#controls button:hover{background:#ffffff26}#spacer{flex:1}#live-badge{display:inline-block;padding:2px 8px;border-radius:3px;background:#e53e3e;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}#live-badge.offline{background:#718096}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;transition:opacity .3s ease}#overlay.hidden{opacity:0;pointer-events:none}#overlay-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:#e2e8f0;font-size:14px}#spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}#spinner.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}#watch-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;background:#111;border-top:1px solid #222;flex-shrink:0;font-size:12px;color:#718096}#watch-footer a{color:#3182ce;text-decoration:none}#watch-footer a:hover{text-decoration:underline}#watch-footer-sep{color:#4a5568}#watch-report-link{color:#718096}#watch-report-link:hover{color:#e53e3e}.watch-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#a0aec0;font-size:16px}.watch-error-title{font-size:24px;font-weight:700;color:#e2e8f0}#pin-gate{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#0a0a0a}#pin-gate.hidden{display:none}#pin-form{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;max-width:360px;width:100%}#pin-icon{color:#3182ce;margin-bottom:4px}#pin-title{font-size:20px;font-weight:700;color:#e2e8f0;margin:0}#pin-subtitle{font-size:14px;color:#718096;text-align:center;margin:0}#pin-input-wrapper{display:flex;gap:8px;width:100%;margin-top:8px}#pin-input{flex:1;padding:10px 14px;font-size:18px;font-family:inherit;letter-spacing:4px;text-align:center;border:2px solid #333;border-radius:6px;background:#1a1a1a;color:#e2e8f0;outline:none;transition:border-color .2s}#pin-input:focus{border-color:#3182ce}#pin-input.error{border-color:#e53e3e;animation:shake .4s ease}#pin-submit{padding:10px 20px;font-size:14px;font-weight:600;font-family:inherit;border:none;border-radius:6px;background:#3182ce;color:#fff;cursor:pointer;transition:background .15s;white-space:nowrap}#pin-submit:hover{background:#2b6cb0}#pin-submit:disabled{background:#4a5568;cursor:not-allowed}#pin-error{font-size:13px;color:#e53e3e}#pin-error.hidden{display:none}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}#buffering-indicator{position:absolute;bottom:50px;left:14px;display:none;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;background:#000000a6;color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;z-index:15;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#buffering-indicator .buffering-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}#watch-player.buffering #buffering-indicator{display:flex}