.watch-controls{flex:none;display:flex;align-items:center;gap:12px;padding:6px max(12px,env(safe-area-inset-left));background:#101b30;border-bottom:1px solid #30455f;min-height:40px;font-size:12px}
.watch-controls .btn{min-height:32px;padding:6px 10px;box-shadow:none;font-size:12px;white-space:nowrap}
.watch-controls .is-live{background:#733348;color:#fff;border:1px solid #f6819a}
.watch-controls label{display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}
.watch-controls input{accent-color:#a5ff5b;width:16px;height:16px;margin:0}
.watch-controls [data-video-status]{margin-left:auto;color:#aabbd3;line-height:1.4;text-align:right}
.watch-heading{align-items:center;gap:16px}.watch-heading p{margin:8px 0 0;color:#adbed5;line-height:1.5}
.watch-info{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #344d6e;background:#14213a;border-radius:16px;margin-bottom:16px}
.watch-info p{margin:0;color:#c4d3e7;font-size:.9rem;line-height:1.6}.watch-dot{width:10px;height:10px;border-radius:50%;background:#ff7a97;box-shadow:0 0 16px #ff7a9788;flex:none}
.watch-status{color:#b2c3da;line-height:1.6;min-height:1.6em}.watch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:18px}
.watch-card{background:linear-gradient(145deg,#20334f,#111d32);border:1px solid #3d587b;border-radius:20px;padding:22px;box-shadow:0 12px 30px #0003}.watch-card h3{margin:16px 0 6px;font-size:1.3rem;overflow-wrap:anywhere}.watch-card p{margin:0 0 22px;color:#b5c9e2}.watch-card .btn{width:100%}.watch-live-badge{font:700 11px monospace;letter-spacing:1px;color:#ff98ae;background:#742e4433;padding:6px 9px;border:1px solid #e26b8870;border-radius:7px}
.watch-dialog{width:min(920px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:20px;border:1px solid #597399;border-radius:22px;background:#101d33;color:#f3f8ff;box-shadow:0 24px 100px #000b;overflow:auto}.watch-dialog::backdrop{background:#030a16db;backdrop-filter:blur(7px)}
.watch-dialog-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}.watch-dialog h2{margin:0;font-size:1.2rem;line-height:1.4;overflow-wrap:anywhere}.watch-dialog-head .btn{flex:none;min-height:44px;box-shadow:none}.watch-dialog video{display:block;background:#030815;width:100%;max-height:calc(100dvh - 185px);object-fit:contain;border-radius:12px}.watch-video-status{margin:14px 0 0;color:#adc3de;line-height:1.5;font-size:.9rem}.lb-replay{min-height:36px;padding:6px 10px;font-size:12px;border:1px solid #4b698c;border-radius:9px;color:#d8edff;background:#1a2f4c;white-space:nowrap}
@media(max-width:600px){.watch-controls{gap:8px;padding:5px 8px;font-size:11px}.watch-controls .btn{font-size:11px;min-height:36px}.watch-controls [data-video-status]{font-size:10px;max-width:42%;line-height:1.3}.watch-public-note{display:none}.watch-heading{align-items:flex-start}.watch-heading h2{font-size:1.5rem}.watch-info{padding:12px}.watch-dialog{padding:14px;border-radius:17px}.watch-dialog h2{font-size:1rem}.watch-dialog video{max-height:calc(100dvh - 170px)}}