.player-wrap{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;width:100%;max-height:70vh;display:flex;position:relative}.player-wrap video{width:100%;height:100%;display:block}.meta-bar{max-width:900px;margin:0 auto;padding:20px 24px 0}.meta-channel{align-items:center;gap:12px;margin-bottom:12px;display:flex}.meta-ava{width:36px;height:36px;font-family:var(--crl-display);color:var(--crl-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.meta-name{font-family:var(--crl-display);letter-spacing:3px;font-size:1.5rem}.meta-title{color:var(--crl-white);margin:8px 0 4px;font-size:1.1rem;font-weight:600;line-height:1.3}.meta-stats{font-family:var(--crl-mono);color:var(--crl-muted);letter-spacing:.5px;flex-wrap:wrap;align-items:center;gap:20px;font-size:11px;display:flex}.meta-stats i{color:var(--crl-accent);font-size:.65rem}.meta-divider{border:none;border-top:1px solid var(--crl-border);margin:16px 0}.actions{flex-wrap:wrap;gap:10px;max-width:900px;margin:0 auto;padding:0 24px 16px;display:flex}.action-btn{font-family:var(--crl-mono);letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--crl-border);color:var(--crl-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:10px;text-decoration:none;transition:all .15s;display:inline-flex}.action-btn:hover{border-color:var(--crl-border-h);color:var(--crl-white)}.action-btn.primary{border-color:rgba(var(--crl-accent-rgb),.4);color:var(--crl-accent)}.action-btn.primary:hover{background:rgba(var(--crl-accent-rgb),.08)}.clip-panel{max-width:900px;margin:0 auto 4px;padding:0 24px;display:none}.clip-panel.open{display:block}.clip-panel-inner{background:var(--crl-surface);border:1px solid var(--crl-border);border-radius:10px;flex-direction:column;gap:14px;padding:16px 20px;display:flex}.clip-panel-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.clip-field{flex:1;align-items:center;gap:8px;min-width:200px;display:flex}.clip-field label{font-family:var(--crl-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--crl-muted);white-space:nowrap;flex-shrink:0;width:40px;font-size:10px}.clip-time-input{font-family:var(--crl-mono);background:var(--crl-bg,#030a0e);border:1px solid var(--crl-border);color:var(--crl-white);text-align:center;border-radius:6px;outline:none;width:90px;padding:6px 10px;font-size:13px;transition:all .15s}.clip-time-input:focus{border-color:rgba(var(--crl-accent-rgb),.6)}.clip-mark-btn{font-family:var(--crl-mono);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--crl-border);color:var(--crl-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;padding:5px 10px;font-size:9px;transition:all .15s}.clip-mark-btn:hover{border-color:var(--crl-border-h);color:var(--crl-white)}.clip-dur-label{font-family:var(--crl-mono);letter-spacing:1px;color:var(--crl-muted);margin-left:4px;font-size:10px}.clip-dur-label span{color:var(--crl-accent)}.clip-panel-actions{justify-content:flex-end;gap:8px;display:flex}.clip-cancel-btn{font-family:var(--crl-mono);letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--crl-border);color:var(--crl-muted);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:10px;transition:all .15s}.clip-cancel-btn:hover{border-color:var(--crl-border-h);color:var(--crl-white)}.clip-gen-btn{font-family:var(--crl-mono);letter-spacing:1.5px;text-transform:uppercase;border:1px solid rgba(var(--crl-accent-rgb),.5);background:rgba(var(--crl-accent-rgb),.08);color:var(--crl-accent);cursor:pointer;border-radius:6px;padding:8px 18px;font-size:10px;transition:all .15s}.clip-gen-btn:hover{background:rgba(var(--crl-accent-rgb),.15);border-color:var(--crl-accent)}.clip-gen-btn:disabled{opacity:.5;cursor:not-allowed}.unmute-btn{z-index:10;font-family:var(--crl-mono);letter-spacing:2px;text-transform:uppercase;border:1px solid rgba(var(--crl-accent-rgb),.5);color:var(--crl-accent);cursor:pointer;backdrop-filter:blur(8px);white-space:nowrap;background:#030a0ed9;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:11px;transition:all .15s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.unmute-btn:hover{background:rgba(var(--crl-accent-rgb),.1);border-color:var(--crl-accent)}.unmute-btn.hidden{display:none}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;padding:40px;display:flex}.not-found-icon{color:var(--crl-muted);margin-bottom:8px;font-size:3rem}.not-found h2{font-family:var(--crl-display);letter-spacing:4px;color:#e8f6ff33;font-size:2.5rem}.not-found p{font-family:var(--crl-mono);letter-spacing:2px;text-transform:uppercase;color:var(--crl-muted);font-size:11px}.related-wrap{flex-direction:column;gap:36px;max-width:900px;margin:0 auto;padding:0 24px 48px;display:flex}.rel-sec{flex-direction:column;gap:16px;display:flex}.rel-hd{align-items:center;gap:12px;display:flex}.rel-title{font-family:var(--crl-display);letter-spacing:3px;white-space:nowrap;flex-shrink:0;font-size:22px}.rel-count{font-family:var(--crl-mono);letter-spacing:1.5px;color:var(--crl-muted);flex-shrink:0;font-size:11px}.rel-rule{background:var(--crl-border);flex:1;height:1px}.rel-more{font-family:var(--crl-mono);letter-spacing:1px;color:var(--crl-accent);white-space:nowrap;flex-shrink:0;font-size:10px;text-decoration:none;transition:opacity .15s}.rel-more:hover{opacity:.7}.rel-rail{scrollbar-width:none;scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.rel-rail::-webkit-scrollbar{display:none}.rel-card{scroll-snap-align:start;background:var(--crl-surface);border:1px solid var(--crl-border);color:inherit;border-radius:12px;flex-direction:column;flex:0 0 220px;text-decoration:none;transition:border-color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:flex;overflow:hidden}.rel-card:hover{border-color:var(--crl-border-h);box-shadow:0 20px 48px #00000080,0 0 0 1px rgba(var(--crl-accent-rgb),.25),0 0 32px rgba(var(--crl-accent-rgb),.1);transform:translateY(-5px)scale(1.01)}.rel-card:has(.rel-live-pill){border-color:rgba(var(--crl-hot-rgb,206,17,38),.25)}.rel-card:has(.rel-live-pill):hover{border-color:rgba(var(--crl-hot-rgb,206,17,38),.45);box-shadow:0 20px 48px #00000080,0 0 0 1px #ce11264d,0 0 32px #ce11261f}.rel-card-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#050a10,#0a1820);flex-shrink:0;position:relative;overflow:hidden}.rel-card-thumb:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(135deg,rgba(var(--crl-accent-rgb),.13) 0%,transparent 45%,#e8c84a12 100%);transition:opacity .25s;position:absolute;inset:0}.rel-card:hover .rel-card-thumb:after{opacity:1.5}.rel-card-thumb img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.rel-card-dur{z-index:3;font-family:var(--crl-mono);color:#fff;background:#000000d1;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;bottom:5px;right:5px}.rel-live-pill{z-index:3;font-family:var(--crl-mono);letter-spacing:2px;background:var(--crl-hot);color:#fff;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:9px;font-weight:700;display:flex;position:absolute;top:7px;left:7px;box-shadow:0 0 12px #ce112680}.rel-live-pill:before{content:"";background:#fff;border-radius:50%;width:5px;height:5px;animation:1.2s infinite blink}.rel-viewers{z-index:3;font-family:var(--crl-mono);backdrop-filter:blur(4px);color:#fff;background:#000000b3;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:7px;right:7px}.rel-card-body{align-items:flex-start;gap:9px;padding:11px 12px 13px;display:flex}.rel-card-ava{width:32px;height:32px;font-family:var(--crl-display);color:#000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex;overflow:hidden}.rel-card-ava img{object-fit:cover;border-radius:5px;width:100%;height:100%}.rel-card-ava.is-live{box-shadow:0 0 0 2px var(--crl-surface),0 0 0 3px var(--crl-hot),0 0 14px #ce112666}.rel-card-info{flex:1;min-width:0}.rel-card-name{font-family:var(--crl-display);letter-spacing:1.5px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:17px;line-height:1.1;overflow:hidden}.rel-card-sub{font-family:var(--crl-mono);color:var(--crl-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.rel-card-thumb-bg{opacity:.85;mix-blend-mode:overlay;z-index:0;position:absolute;inset:0}