:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark;--bg:#0f0f0f;--surface:#181818;--surface2:#272727;--text:#f1f1f1;--muted:#aaa;--line:#303030;--accent:#ff416f;--danger:#ff668c;--sidebar:224px}html[data-theme=light]{color-scheme:light;--bg:#fff;--surface:#f8f8f8;--surface2:#eee;--text:#0f0f0f;--muted:#606060;--line:#dedede;--danger:#c3254d}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.appShell{min-height:100vh}.topbar{position:fixed;inset:0 0 auto;height:56px;z-index:20;background:var(--bg);display:grid;grid-template-columns:var(--sidebar) minmax(260px,680px) 1fr;align-items:center;gap:22px;padding:0 16px}.topLeft,.topActions,.search,.search>div{display:flex;align-items:center}.topLeft{gap:14px}.brand{display:flex;align-items:center;gap:7px;font-size:1.18rem;font-weight:850;letter-spacing:-.04em;white-space:nowrap}.brand b{width:29px;height:21px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:7px}.iconButton{width:40px;height:40px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;padding:0}.iconButton:hover,.sidebar a:hover,.disabledRow:hover{background:var(--surface2)}.search{justify-content:center;gap:10px}.search>div{height:40px;flex:1}.search input{height:40px;min-width:0;flex:1;background:var(--bg);border:1px solid var(--line);border-radius:22px 0 0 22px;padding:0 18px;font-size:1rem;outline:0}.search input:focus{border-color:#4a8ad4}.search>div>button{height:40px;width:64px;border:1px solid var(--line);border-left:0;border-radius:0 22px 22px 0;background:var(--surface);display:grid;place-items:center}.voice{background:var(--surface)}.topActions{justify-content:flex-end;gap:8px}.createButton,.signin{height:36px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:0 13px;font-size:.88rem;font-weight:650}.signin{color:#55a1ff;background:transparent}.avatar,.channelAvatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:750}.sidebar{position:fixed;top:56px;bottom:0;left:0;width:var(--sidebar);z-index:15;background:var(--bg);overflow-y:auto;padding:10px 12px 24px}.sideGroup{padding:4px 0 12px;border-bottom:1px solid var(--line);margin-bottom:10px}.sideGroup h3{font-size:1rem;margin:8px 12px}.sideGroup a,.disabledRow{height:40px;border-radius:10px;display:flex;align-items:center;gap:24px;padding:0 12px;font-size:.9rem}.sideGroup a.active{background:var(--surface2);font-weight:650}.disabledRow{color:var(--muted);cursor:default}.sidebarBottom{display:grid;gap:14px;padding:10px 12px;color:var(--muted)}.sidebarBottom button{border:0;background:transparent;text-align:left;padding:0}.content{margin-left:var(--sidebar);padding:56px 20px 70px;min-height:100vh}.chips{position:sticky;top:56px;z-index:10;height:56px;background:var(--bg);display:flex;align-items:center;gap:12px;overflow-x:auto;scrollbar-width:none;padding:8px 0}.chips::-webkit-scrollbar{display:none}.chips button{border:0;border-radius:8px;background:var(--surface2);padding:8px 13px;white-space:nowrap;font-size:.88rem;font-weight:600}.chips button.selected{background:var(--text);color:var(--bg)}.feedSection{margin:12px 0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 16px}.card{min-width:0}.thumb{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--surface);border-radius:11px}.thumb img{width:100%;height:100%;object-fit:cover;transition:filter .16s,transform .16s}.card:hover .thumb img{filter:brightness(.88);transform:scale(1.01)}.fallback{height:100%;display:grid;place-items:center;color:#ff668c;background:linear-gradient(145deg,#2c1920,var(--surface))}.thumb small{position:absolute;right:5px;bottom:5px;background:#000d;color:#fff;padding:2px 5px;border-radius:4px;font-weight:700;font-size:.72rem}.cardInfo{display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:10px;padding-top:11px}.cardInfo h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 5px;line-height:1.32;font-size:.96rem;font-weight:650}.cardInfo p{font-size:.82rem;margin:2px 0;color:var(--muted);line-height:1.35}.channelAvatar{width:36px;height:36px;font-size:.82rem}.more{border:0;background:transparent;font-size:1.3rem;padding:0;align-self:start}.feedEmpty{margin-top:28px;min-height:230px;background:var(--surface);border-radius:12px;padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feedEmpty h2{margin:12px 0 0}.feedEmpty p{margin:6px 0 20px}.emptyIcon{color:var(--accent)}.primary,button:not(.iconButton):not(.more):not(.textButton){border:1px solid var(--line);border-radius:18px;background:var(--surface2);padding:.62rem 1rem}.primary{display:inline-flex;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:750}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}.auth{max-width:460px;margin:45px auto}.auth form label,form>label{display:grid;gap:7px;margin:16px 0;color:var(--muted);font-size:.9rem}input,textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:.82rem;outline:0}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #ff416f66;outline-offset:2px}.textButton{border:0;background:transparent;color:var(--accent);padding:10px}.error,.alert{white-space:pre-line;border:1px solid #86324a;background:#32151e;color:#ffc0d0;border-radius:9px;padding:12px;margin:12px 0}.alert{border-color:#77612d;background:#2b230f;color:#f4d988}.pageHead{display:flex;justify-content:space-between;align-items:end;margin:24px 0}.pageHead h1,h1{letter-spacing:-.035em}.pageHead h1{font-size:2.2rem;margin:.25rem 0}.eyebrow{font-size:.7rem;letter-spacing:.15em;color:var(--accent);font-weight:800}.uploadLayout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px;max-width:1100px}.drop{height:175px;border:1px dashed var(--muted);border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;cursor:pointer}.drop input{position:absolute;opacity:0;pointer-events:none}.drop span,p{color:var(--muted)}.fileFacts,.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.fileFacts span,.stats span{color:var(--muted);font-size:.8rem}.fileFacts strong,.stats strong{display:block;color:var(--text);font-size:1.2rem;margin-top:3px}.meter,.progress{height:10px;background:var(--surface2);border-radius:8px;overflow:hidden;margin:14px 0;position:relative}.meter span,.progress span{display:block;height:100%;background:var(--accent)}.progress{height:26px}.progress b{position:absolute;inset:3px;text-align:center;font-size:.8rem}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.watch{display:grid;grid-template-columns:minmax(0,3fr) minmax(350px,1.15fr);gap:18px;max-width:1800px;margin:18px auto}.watch>section{min-width:0}.player{width:100%;max-height:calc(100vh - 92px);aspect-ratio:16/9;background:#000;border-radius:11px}.watch h1{font-size:1.3rem;margin:12px 0}.channelBar{display:flex;align-items:center;gap:12px;padding:14px 0;border-block:1px solid var(--line)}.channelBar>div:nth-child(2){flex:1}.channelBar p{margin:2px 0;font-size:.82rem}.description{white-space:pre-wrap;background:var(--surface);border-radius:11px;padding:13px;margin:13px 0}.commentForm{display:flex;gap:10px;align-items:start}.commentForm textarea{min-height:64px}.comments article{border-bottom:1px solid var(--line);padding:14px 0}.comments p{color:var(--text);white-space:pre-wrap}.comments small,td small{color:var(--muted);font-weight:400}.related .card{display:grid;grid-template-columns:168px minmax(0,1fr);gap:9px;margin-bottom:10px}.related .channelAvatar{display:none}.channelBanner{height:170px;border-radius:12px;background:linear-gradient(115deg,#37131e,#77243d 45%,#1f1f24)}.channelHero{display:flex;align-items:center;gap:20px;min-height:150px;padding:20px 30px}.channelHero>div:nth-child(2){flex:1}.channelHero h1{margin:0}.huge{width:92px;height:92px;font-size:2rem}.channelTabs{display:flex;border-bottom:1px solid var(--line);gap:18px;padding-left:24px;margin-bottom:22px}.channelTabs button{border:0!important;border-radius:0!important;background:transparent!important;padding:12px 8px!important;color:var(--muted)}.channelTabs button.active{color:var(--text);border-bottom:2px solid var(--text)!important}.aboutPanel{max-width:800px}.searchPage{max-width:1250px;margin:18px auto}.searchPage>h1{font-size:1.25rem;margin:20px 0}.searchList{display:grid;gap:16px}.searchResult{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px}.searchResult h2{font-size:1.15rem;margin:3px 0 6px}.searchResult p{margin:4px 0;font-size:.82rem}.resultChannel{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.82rem;margin:13px 0}.resultChannel .channelAvatar{width:28px;height:28px;font-size:.7rem}.excerpt{max-width:720px}.stats{margin:20px 0}.tableWrap{overflow-x:auto;border:1px solid var(--line);border-radius:11px}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}td small{display:block}.adminStorage{margin:24px 0}.empty{min-height:250px;padding:35px;display:grid;place-content:center;text-align:center}.empty h2{margin:.5rem}.loading{min-height:220px;display:grid;place-content:center;color:var(--muted)}.mobileNav,.scrim{display:none}@media(min-width:1700px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1299px){:root{--sidebar:76px}.topbar{grid-template-columns:190px minmax(260px,600px) 1fr}.sidebar{padding-inline:6px}.sideGroup h3,.sideGroup a span,.disabledRow span,.sidebarBottom{display:none}.sideGroup a,.disabledRow{justify-content:center;padding:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.topbar{grid-template-columns:auto 1fr auto;gap:10px}.content{margin-left:0;padding-inline:14px}.sidebar{width:224px;transform:translate(-105%);transition:transform .18s;padding:10px 12px}.sidebar.open{transform:none}.sidebar .sideGroup h3,.sidebar .sideGroup a span,.sidebar .disabledRow span,.sidebar .sidebarBottom{display:flex}.sidebar .sideGroup a,.sidebar .disabledRow{justify-content:flex-start}.scrim{display:block;position:fixed;inset:56px 0 0;border:0;background:#0008;z-index:14}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch,.uploadLayout{grid-template-columns:1fr}.notifications,.voice{display:none}.channelHero{padding-inline:10px}.related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related .card{display:block}.related .cardInfo{display:grid;padding-top:8px}}@media(max-width:600px){.topbar{padding:0 10px}.topbar .brand span,.createButton span,.topActions .iconButton,.menuButton{display:none}.topbar{grid-template-columns:38px minmax(0,1fr) auto}.search>div>button{width:45px}.signin{padding-inline:9px}.content{padding:56px 10px 76px}.chips{margin-inline:-10px;padding-inline:10px}.grid{grid-template-columns:1fr;gap:26px}.mobileNav{position:fixed;display:flex;z-index:25;bottom:0;left:0;right:0;height:62px;background:var(--bg);border-top:1px solid var(--line);justify-content:space-around}.mobileNav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.65rem;min-width:64px}.mobileNav a.active{color:var(--accent)}.channelBanner{height:95px}.channelHero{align-items:flex-start;flex-wrap:wrap}.channelHero .huge{width:72px;height:72px}.channelHero .primary{width:100%;justify-content:center}.searchResult{grid-template-columns:1fr;gap:8px}.searchResult h2{font-size:1rem}.excerpt{display:none}.related{grid-template-columns:1fr}.pageHead{align-items:flex-start;gap:14px}.pageHead h1{font-size:1.8rem}.stats{grid-template-columns:repeat(2,1fr)}.feedEmpty{padding:28px 22px}.commentForm{display:block}}.historyPage{max-width:1250px;margin:18px auto}.historyHead{display:flex;align-items:center;justify-content:space-between;gap:16px}.historyHead h1{margin-bottom:4px}.historyHead p{margin-top:0}.historyHead button{display:flex;align-items:center;gap:7px}.historyList{display:grid;gap:16px}.historyItem{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:start}.historyItem .searchResult{max-width:1100px}@media(max-width:600px){.historyHead{align-items:flex-start}.historyItem{grid-template-columns:minmax(0,1fr) 36px}}.videoPlayer{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 92px);overflow:hidden;background:#000;border-radius:12px;isolation:isolate;outline:none;-webkit-user-select:none;user-select:none}.videoPlayer:fullscreen{width:100vw;height:100vh;max-height:none;border-radius:0}.videoPlayer video{display:block;width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}.playerShade{position:absolute;z-index:1;inset:auto 0 0;height:34%;pointer-events:none;background:linear-gradient(transparent,#000000c7);opacity:0;transition:opacity .2s}.playerControls{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:0 14px 9px;color:#fff;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}.videoPlayer.controlsVisible .playerControls,.videoPlayer.controlsVisible .playerShade{opacity:1}.videoPlayer.controlsVisible .playerControls{transform:none;pointer-events:auto}.playerControlRow{height:44px;display:flex;align-items:center;gap:2px}.playerControlRow button,.playerCenterButton{border:0!important;background:transparent!important;color:#fff!important;border-radius:50%!important;padding:0!important;display:grid;place-items:center}.playerControlRow button{width:42px;height:42px}.playerControlRow button:hover{background:#ffffff1f!important}.playerControlRow button svg{width:23px;height:23px}.playerCenterButton{position:absolute;z-index:4;inset:50% auto auto 50%;width:78px;height:78px;transform:translate(-50%,-50%);background:#000a!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s,background .18s}.playerCenterButton:hover{background:#000d!important;transform:translate(-50%,-50%) scale(1.06)}.playerCenterButton svg{width:38px;height:38px;margin-left:5px}.playerCenterButton.compact{width:64px;height:64px}.playerCenterButton.compact svg{width:31px;height:31px}.playerTimeline{position:relative;height:16px;display:flex;align-items:center;cursor:pointer}.playerTimeline:before{content:"";position:absolute;left:0;right:0;height:3px;border-radius:3px;background:#ffffff5e}.playerTimeline>span{position:absolute;left:0;height:3px;border-radius:3px;background:#f03;pointer-events:none}.playerTimeline input{position:absolute;inset:0;width:100%;height:16px;margin:0;padding:0;opacity:0;cursor:pointer}.playerTimeline:hover:before,.playerTimeline:hover>span{height:5px}.playerTime{font-size:.82rem;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:5px;text-shadow:0 1px 2px #000}.playerTime i{font-style:normal;color:#bbb}.playerControlSpacer{flex:1}.volumeSlider{appearance:none;width:72px;height:3px;padding:0;margin:0 8px 0 0;border:0;border-radius:4px;background:#ffffff72;outline:none}.volumeSlider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff}.volumeSlider::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.studioUpload{max-width:1040px;margin:0 auto;padding:22px 0 60px}.uploadHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 22px}.uploadHeader h1{margin:4px 0;font-size:2rem}.uploadHeader p{margin:0}.uploadHeader>a{border:1px solid var(--line);border-radius:20px;padding:9px 15px;font-weight:650}.uploadCard{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:0 12px 40px #00000012}.uploadCardTitle{height:66px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.uploadCardTitle h2{font-size:1.15rem;margin:0}.uploadCardTitle span{font-size:.78rem;color:var(--muted);background:var(--surface2);border-radius:16px;padding:6px 10px}.studioDrop{position:relative;min-height:330px;margin:28px;border:2px dashed var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px;padding:34px;cursor:pointer;transition:border-color .18s,background .18s}.studioDrop:hover,.studioDrop.dragging{border-color:#ff416f;background:#ff416f0b}.studioDrop>input,.thumbnailPicker>input{position:absolute;opacity:0;pointer-events:none}.uploadOrb{width:86px;height:86px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#202020}.studioDrop strong{font-size:1rem;color:var(--text);overflow-wrap:anywhere}.studioDrop small{color:var(--muted)}.selectFileButton{margin-top:8px;color:#fff;background:#1769d2;border-radius:3px;padding:10px 18px;font-weight:700;font-size:.85rem;text-transform:uppercase}.uploadDetails{padding:0 28px 12px}.uploadDetails>label{margin:18px 0}.uploadOptions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:26px;margin-top:22px}.uploadOptions p{font-size:.82rem;margin:5px 0 12px}.thumbnailPicker{position:relative;width:min(260px,100%);aspect-ratio:16/9;border:1px dashed var(--muted);border-radius:8px;display:grid;place-items:center;overflow:hidden;cursor:pointer;background:var(--surface)}.thumbnailPicker img{width:100%;height:100%;object-fit:cover}.thumbnailPicker>span{font-size:.8rem;margin-top:-35px}.uploadOptions fieldset{border:1px solid var(--line);border-radius:10px;padding:15px}.uploadOptions legend{font-weight:700;padding:0 6px}.visibilityOption{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;margin:8px 0!important;padding:9px;border-radius:8px;color:var(--text)!important;cursor:pointer}.visibilityOption:hover{background:var(--surface)}.visibilityOption input{width:18px;margin-top:3px;accent-color:#1769d2}.visibilityOption span,.visibilityOption strong,.visibilityOption small{display:block}.visibilityOption small{color:var(--muted);margin-top:2px}.uploadFooter{min-height:70px;padding:12px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.uploadFooter>span{font-size:.8rem;color:var(--muted)}.uploadFooter>div{display:flex;gap:9px}.uploadCard>.error,.uploadCard>.progress{margin-inline:28px}@media(max-width:700px){.videoPlayer{border-radius:8px;max-height:none}.playerControls{padding-inline:8px}.playerCenterButton{width:66px;height:66px}.volumeSlider{display:none}.playerControlRow{height:42px}.playerControlRow button{width:38px;height:38px}.playerTime{font-size:.72rem}.studioUpload{padding-top:8px}.uploadHeader{align-items:flex-start}.uploadHeader h1{font-size:1.65rem}.uploadHeader p{font-size:.86rem}.uploadCardTitle{padding-inline:17px}.studioDrop{min-height:260px;margin:16px;padding:24px 14px}.uploadDetails{padding-inline:16px}.uploadOptions{grid-template-columns:1fr}.uploadFooter{align-items:flex-start;flex-direction:column}.uploadFooter>div{width:100%;justify-content:flex-end}}.studioWorkspace{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 56px);margin:0 -20px -70px}.studioRail{position:sticky;top:56px;height:calc(100vh - 56px);display:flex;flex-direction:column;border-right:1px solid var(--line);padding:22px 10px;background:var(--bg)}.studioIdentity{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 8px 24px}.studioIdentity small{color:var(--muted);margin-top:3px}.studioAvatar{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#ffd1dc;color:#7c1835;font-size:2rem;font-weight:800;margin-bottom:12px}.studioRail button,.studioRail>a{height:44px;border:0!important;border-radius:8px!important;background:transparent!important;display:flex;align-items:center;gap:18px;padding:0 14px!important;text-align:left;font-size:.88rem}.studioRail button svg,.studioRail>a svg{width:20px}.studioRail button:hover,.studioRail>a:hover,.studioRail button.active{background:var(--surface2)!important}.studioRail button.active{color:var(--accent);font-weight:700}.studioRailSpacer{flex:1}.studioMain{min-width:0;padding:28px 32px}.studioContent{max-width:1050px}.studioSectionHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.studioSectionHead h1{font-size:1.8rem;margin:5px 0}.studioSectionHead p{margin:0}.studioQuick{display:flex;gap:10px}.studioQuick a,.studioQuick button{width:42px;height:42px;padding:0!important;border-radius:50%!important;display:grid;place-items:center;background:transparent!important}.studioDashboard{display:grid;grid-template-columns:minmax(330px,1fr) minmax(300px,1fr);gap:22px;align-items:start}.studioColumn{display:grid;gap:22px}.studioCard{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--bg)}.studioCard h2{font-size:1.06rem;margin:0 0 16px}.studioCard>button{margin-top:14px;border:0!important;background:var(--surface2)!important;font-weight:650}.studioLatestThumb{display:grid;gap:10px}.studioLatestThumb strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performanceRow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.performanceRow span{font-size:.78rem;color:var(--muted)}.performanceRow b{display:block;color:var(--text);font-size:1rem}.studioCard hr{border:0;border-top:1px solid var(--line);margin:17px 0}.analyticsCard>span{display:block;color:var(--muted);font-size:.8rem;margin-top:14px}.analyticsCard>strong{display:block;font-size:2rem;margin-top:4px}.studioCard dl{margin:0}.studioCard dl div{display:flex;justify-content:space-between;padding:7px 0}.studioCard dt{color:var(--muted)}.studioCard dd{margin:0;font-weight:650}.studioPublished{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.studioPublished strong,.studioPublished small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studioPublished small{color:var(--muted);font-size:.75rem;margin-top:3px}.miniThumb{width:72px;aspect-ratio:16/9;border-radius:5px;background:var(--surface2);display:grid;place-items:center;overflow:hidden}.miniThumb img{width:100%;height:100%;object-fit:cover}.studioMetrics{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px}.studioMetrics article{border:1px solid var(--line);border-radius:12px;padding:20px}.studioMetrics span{display:block;color:var(--muted);font-size:.82rem}.studioMetrics strong{display:block;font-size:1.8rem;margin-top:9px}.studioVideoCell{display:flex;align-items:center;gap:10px}.statusPill{border-radius:12px;background:var(--surface2);padding:4px 8px;font-size:.75rem}.statusPill.published{color:#147a3d;background:#e3f6e9}.danger{color:var(--danger)}@media(max-width:1100px){.studioWorkspace{grid-template-columns:76px minmax(0,1fr)}.studioRail{padding-inline:6px}.studioIdentity strong,.studioIdentity small,.studioRail button:not(.active),.studioRail button,.studioRail>a{font-size:0;gap:0;justify-content:center}.studioAvatar{width:48px;height:48px;font-size:1.2rem}.studioRail button svg,.studioRail>a svg{width:21px}.studioMain{padding:24px 20px}}@media(max-width:760px){.studioWorkspace{display:block;margin-inline:-10px}.studioRail{position:static;height:auto;display:flex;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.studioIdentity,.studioRailSpacer,.studioRail>button:last-child{display:none}.studioRail button,.studioRail>a{min-width:62px;height:42px}.studioMain{padding:20px 12px}.studioDashboard{grid-template-columns:1fr}.studioSectionHead{align-items:flex-start}.studioMetrics{grid-template-columns:repeat(2,minmax(120px,1fr))}}.studioUpload{max-width:960px}.uploadCard{background:var(--bg)}.uploadSteps{display:flex;align-items:center;gap:8px}.uploadSteps span{display:flex;align-items:center;gap:5px!important;padding:5px 9px!important;background:transparent!important;color:var(--muted)!important;text-transform:capitalize}.uploadSteps span.active{background:var(--surface2)!important;color:var(--text)!important}.uploadSteps i{font-style:normal}.uploadSelectStep>.error,.uploadCard>form>.error{margin:0 28px 20px}.uploadDropzone{position:relative;min-height:440px;margin:28px;border:2px dashed var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px;cursor:pointer;transition:.2s border-color,.2s background}.uploadDropzone:hover,.uploadDropzone.dragging{border-color:#f03;background:#ff00330a}.uploadDropzone>input{position:absolute;opacity:0;pointer-events:none}.uploadDropzone h2{font-size:1.15rem;margin:8px 0 0}.uploadDropzone p{margin:2px 0 10px}.uploadDropzone small{margin-top:12px;color:var(--muted)}.uploadDropzone>.selectFileButton{border:0!important;border-radius:3px!important;background:#1769d2!important;color:#fff!important}.selectedVideoPreview{width:min(380px,100%);aspect-ratio:16/9;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#111;color:#fff;margin-bottom:18px}.selectedVideoPreview video{width:100%;height:100%;object-fit:contain}.uploadDropzone>strong{max-width:100%;overflow-wrap:anywhere}.uploadDropzone>span:not(.uploadOrb){color:var(--muted);margin-top:5px}.uploadDetails{max-width:780px;margin:auto;padding:28px}.uploadDetails>h2{font-size:1.5rem;margin:0 0 24px}.detailsSection{margin:30px 0}.detailsSection>p{margin:6px 0 14px;font-size:.86rem}.thumbnailPickerGroup{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.thumbnailPreview{width:240px;aspect-ratio:16/9;border:1px dashed var(--muted)!important;border-radius:9px!important;padding:0!important;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:var(--surface)!important;color:var(--muted)}.thumbnailPreview img{width:100%;height:100%;object-fit:cover}.thumbnailUploadButton{display:flex;align-items:center;gap:7px}.visibilitySelector{border:1px solid var(--line);border-radius:12px;padding:18px;margin:28px 0 0}.visibilitySelector legend{font-weight:750;padding:0 7px}.visibilitySelector>p{margin:0 0 8px;font-size:.86rem}.visibilitySelector label{display:flex;align-items:flex-start;gap:12px;padding:11px 9px;border-radius:8px;cursor:pointer}.visibilitySelector label:hover{background:var(--surface2)}.visibilitySelector input{width:18px;margin:3px 0 0;accent-color:#f03}.visibilitySelector strong,.visibilitySelector small{display:block}.visibilitySelector small{color:var(--muted);margin-top:3px}.uploadProgressPanel,.uploadFinished{min-height:500px;padding:55px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.progressOrb{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:var(--surface2);color:var(--text)}.progressOrb svg{width:38px;height:38px}.uploadProgressPanel h2,.uploadFinished h2{font-size:1.55rem;margin:20px 0 7px}.progressFilename{max-width:600px;overflow-wrap:anywhere}.detailedProgress{width:min(650px,100%);height:9px;margin:28px 0 8px;background:var(--surface2);border-radius:10px;overflow:hidden}.detailedProgress span{display:block;height:100%;border-radius:inherit;background:#f03;transition:width .15s linear}.progressPercent{font-variant-numeric:tabular-nums}.uploadProgressPanel>p{margin:10px 0 20px}.uploadTransferStats{width:min(650px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.uploadTransferStats span{padding:14px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.78rem}.uploadTransferStats strong{display:block;color:var(--text);font-size:.96rem;margin-bottom:3px}.uploadFinished>svg{width:78px;height:78px;color:#20a35a}.uploadFinished p{font-size:1rem;margin:0 0 28px}.uploadFinished>div{display:flex;align-items:center;gap:12px}.uploadFinished>div>a:not(.primary){border:1px solid var(--line);border-radius:20px;padding:9px 15px;font-weight:650}@media(max-width:700px){.uploadHeader{margin-inline:6px}.uploadSteps i{display:none}.uploadSteps span{border-radius:50%!important;width:29px;height:29px;justify-content:center;padding:0!important}.uploadDropzone{min-height:360px;margin:14px;padding:25px 14px}.uploadDetails{padding:22px 16px}.thumbnailPreview{width:100%}.thumbnailUploadButton{width:100%;justify-content:center}.uploadProgressPanel,.uploadFinished{min-height:430px;padding-inline:16px}.uploadTransferStats{grid-template-columns:1fr}.uploadFinished>div{width:100%;flex-direction:column}.uploadFinished>div a{width:100%;justify-content:center;text-align:center}}@media(max-width:600px){body{padding-bottom:env(safe-area-inset-bottom)}.topbar{height:54px;grid-template-columns:40px minmax(0,1fr) auto;gap:7px;padding:0 8px}.topLeft{gap:0}.topbar .menuButton{display:grid}.topbar .brand{display:none}.search>div,.search input,.search>div>button{height:38px}.search input{padding-inline:13px;font-size:.9rem}.search>div>button{width:40px;padding:0!important}.topActions{gap:3px}.createButton{width:38px;height:38px;padding:0;justify-content:center;border:0;background:transparent}.topActions .avatar{display:grid;width:32px;height:32px}.signin{height:34px;padding-inline:8px;font-size:.78rem;white-space:nowrap}.sidebar{top:54px;bottom:calc(62px + env(safe-area-inset-bottom));width:min(82vw,290px)}.scrim{inset:54px 0 0}.content{padding:54px 10px calc(76px + env(safe-area-inset-bottom))}.mobileNav{height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.mobileNav a{min-width:58px;min-height:48px}.grid{gap:24px}.thumb{border-radius:9px}.cardInfo{grid-template-columns:34px minmax(0,1fr) 18px;gap:9px;padding-inline:2px}.channelAvatar{width:34px;height:34px}.watch{display:block;margin:0 -10px}.watch>section>h1,.watch>section>.meta,.watch .channelBar,.watch .description,.watch>section>section{margin-left:10px;margin-right:10px}.watch>section>h1{font-size:1.12rem;line-height:1.35}.watch .meta.row{align-items:flex-start;flex-wrap:wrap}.watch .channelBar{flex-wrap:wrap}.watch .channelBar>button{margin-left:auto}.watch .description{font-size:.88rem}.watch>aside{padding:5px 10px}.videoPlayer{border-radius:0;max-height:none}.playerControls{padding:0 7px 5px}.playerTimeline{height:20px}.playerControlRow{height:40px}.playerControlRow button{width:36px;height:40px}.playerControlRow button svg{width:21px;height:21px}.playerCenterButton{width:58px;height:58px}.playerCenterButton.compact{width:52px;height:52px}.playerTime{margin-left:2px;font-size:.68rem}.playerSettings{display:none!important}.auth{margin:22px 0;padding:20px 16px}.panel{padding:17px}.feedEmpty,.empty{min-height:200px;padding:25px 18px}.channelHero{padding:14px 4px;gap:12px}.channelHero>div:nth-child(2){min-width:calc(100% - 90px)}.channelHero p{font-size:.82rem}.channelTabs{padding-left:4px;gap:9px;overflow-x:auto}.channelTabs button{white-space:nowrap}.searchPage{margin-top:8px}.searchResult .thumb{width:100%}.historyHead{flex-direction:column}.historyHead button{align-self:flex-start}.historyItem{grid-template-columns:minmax(0,1fr) 34px;gap:3px}.tableWrap{margin-inline:-2px;border-radius:8px;-webkit-overflow-scrolling:touch}.tableWrap:after{content:"Swipe for more";position:sticky;left:10px;display:block;width:max-content;padding:6px 10px;color:var(--muted);font-size:.7rem}th,td{padding:10px 9px}.studioWorkspace{margin:0 -10px calc(-76px - env(safe-area-inset-bottom))}.studioRail{position:sticky;top:54px;z-index:9;background:var(--bg);scrollbar-width:none}.studioRail::-webkit-scrollbar{display:none}.studioMain{padding:17px 10px 85px}.studioSectionHead{gap:12px;flex-wrap:wrap}.studioSectionHead h1{font-size:1.5rem}.studioCard{padding:18px 15px}.studioMetrics{grid-template-columns:1fr 1fr;gap:9px}.studioMetrics article{padding:15px 12px}.studioMetrics strong{font-size:1.35rem}.performanceRow{gap:4px}.studioUpload{padding:8px 0 20px}.uploadHeader{margin:4px 2px 13px}.uploadHeader h1{font-size:1.4rem}.uploadHeader>a{padding:7px 10px;font-size:.8rem}.uploadCard{border-radius:12px}.uploadCardTitle{height:58px;padding:0 13px}.uploadCardTitle h2{font-size:1rem}.uploadDropzone{min-height:330px;margin:10px;padding:22px 12px}.uploadDropzone h2{font-size:1rem}.uploadOrb{width:72px;height:72px}.selectedVideoPreview{margin-bottom:13px}.uploadFooter{padding:12px 14px;align-items:stretch}.uploadFooter>button,.uploadFooter .primary{min-height:44px}.visibilitySelector{padding:14px 8px}.visibilitySelector label{min-height:58px}.uploadProgressPanel,.uploadFinished{min-height:390px}.uploadTransferStats span{text-align:left}.uploadProgressPanel>button{min-height:44px}}@media(max-width:380px){.playerPip{display:none!important}.playerTime{font-size:.63rem}.studioMetrics{grid-template-columns:1fr}.uploadSteps{gap:2px}.uploadSteps span{width:26px;height:26px}.signin svg{display:none}}.r2UsageCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 28px}.r2UsageCards article span,.r2UsageCards article small{display:block;color:var(--muted)}.r2UsageCards article strong{display:block;font-size:1.35rem;margin:7px 0 4px}.r2UsageCards article small{font-size:.78rem}@media(max-width:900px){.r2UsageCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.r2UsageCards{grid-template-columns:1fr 1fr;gap:8px}.r2UsageCards article{padding:14px 11px}.r2UsageCards article strong{font-size:1.05rem}}.adminUserActions{display:flex;align-items:center;gap:7px}.adminUserActions .danger{white-space:nowrap}html{min-width:320px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden}img,video{max-width:100%}button,a{touch-action:manipulation}.appShell{min-height:100dvh}@media(max-width:600px){.content{width:100%;min-width:0}.topbar,.search,.search>div,.watch>section,.watch>aside,.studioMain,.studioContent,.uploadCard{min-width:0}.topbar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.search input{width:0;min-width:0}.mobileNav{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobileNav a,.playerControlRow button,.uploadFooter button,.visibilitySelector label{min-height:44px}.watch,.studioWorkspace,.studioUpload,.historyPage,.searchPage{width:auto;max-width:none}.watch h1,.description,.comments p,.progressFilename,.uploadDropzone strong{overflow-wrap:anywhere}.videoPlayer{width:100vw;max-width:100vw}.tableWrap{max-width:100%}.studioRail button,.studioRail a{flex:0 0 62px}.uploadCardTitle{gap:8px}.uploadDropzone,.selectedVideoPreview,.thumbnailPreview{max-width:100%}}@media(max-width:380px){.topbar{grid-template-columns:38px minmax(0,1fr) 34px;gap:4px}.topActions .avatar{width:30px;height:30px}.createButton{display:none}.playerControlRow{gap:0}.playerControlRow button{width:34px}.uploadCardTitle h2{font-size:.9rem}}.avatarImg,.avatarFallback{flex:none;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;background:var(--accent);color:#fff;font-weight:750;line-height:1}.avatarImg{object-fit:cover}.avatarLink{display:flex;align-items:center}.channelBanner{position:relative;overflow:hidden}.channelBanner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.studioAvatarWrap{display:flex;margin-bottom:12px}.comments article{display:flex;gap:12px;align-items:flex-start}.comments article>div{flex:1;min-width:0}.mediaEditor{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--bg);margin-bottom:20px}.mediaEditorRow{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.mediaEditorCurrent{display:flex;align-items:center;justify-content:center;flex:none}.mediaEditorEmpty{color:var(--muted);font-size:.9rem}.mediaEditorControls{display:flex;gap:10px;flex-wrap:wrap}.cropPanel{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.cropEditor{display:grid;gap:16px}.cropStage{position:relative;width:100%;max-width:720px;border-radius:12px;overflow:hidden;background:#000;cursor:grab;touch-action:none}.cropStage:active{cursor:grabbing}.cropStageCanvas{width:100%;height:100%;display:block}.cropSafeArea{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.75);border-radius:8px;display:grid;place-items:center;pointer-events:none}.cropSafeArea span{background:#0000008c;color:#fff;font-size:.72rem;padding:2px 8px;border-radius:6px}.cropControls{display:grid;gap:14px;max-width:720px}.cropZoom{display:flex;align-items:center;gap:12px}.cropZoom label{font-size:.85rem;color:var(--muted);width:44px;flex:none}.cropZoom input{flex:1}.cropOverview{display:flex;align-items:center;gap:14px}.cropOverviewImage{position:relative;width:120px;flex:none;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#000}.cropOverviewImage img{width:100%;height:100%;display:block;object-fit:contain}.cropOverviewWindow{position:absolute;border:2px solid var(--accent);border-radius:4px;pointer-events:none}.cropOverview small{color:var(--muted);font-size:.78rem}.bannerThumbWrap{width:100%;max-width:520px;border-radius:12px;overflow:hidden}.bannerThumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}@media(max-width:600px){.channelHero .huge{width:72px!important;height:72px!important;font-size:1.6rem!important}.cropOverview{align-items:flex-start}}@media(max-width:1100px){.studioAvatarWrap .avatarImg,.studioAvatarWrap .avatarFallback{width:48px!important;height:48px!important;font-size:1.2rem!important}}.themeMenuWrap{position:relative}.themeButton{color:var(--text)}.themeMenu{position:absolute;top:44px;right:0;z-index:30;min-width:180px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 30px #00000047;display:grid;gap:2px}.themeMenu h3{margin:4px 8px 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.themeMenu button{display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:.88rem;text-align:left}.themeMenu button:hover{background:var(--surface2)}.themeMenu button.active{color:var(--accent);font-weight:700}.themeMenu button svg{width:18px;height:18px;flex:none}.playerSettingsWrap{position:relative}.playerControlRow .playerSettings{width:auto!important;display:flex!important;align-items:center;gap:4px;padding:0 10px!important;border-radius:20px!important;font-size:.78rem;font-weight:700}.playerSettings svg{width:18px;height:18px}.playerSpeedMenu{position:absolute;right:0;bottom:44px;z-index:6;min-width:150px;padding:8px;border-radius:10px;background:#272727;color:#fff;display:grid;gap:2px;box-shadow:0 12px 30px #0006}.playerSpeedMenu strong{margin:4px 8px 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#aaa}.playerSpeedMenu button{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#fff;font-size:.85rem;text-align:left}.playerSpeedMenu button:hover{background:#3a3a3a}.playerSpeedMenu button.active{color:#ff416f;font-weight:700}.playerSpeedMenu button svg{width:16px;height:16px}@media(max-width:900px){.topActions .themeButton{display:grid}}@media(max-width:600px){.topActions .themeButton{display:grid}.playerControlRow .playerSettings{display:flex!important}.themeMenu{position:fixed;top:52px;right:8px}}.notifWrap{position:relative}.notifBadge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:800;line-height:17px;text-align:center}.notifMenu{position:absolute;top:44px;right:0;z-index:30;width:360px;max-width:calc(100vw - 16px);border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 30px #00000047;overflow:hidden}.notifHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.notifHeader h3{margin:0;font-size:.95rem}.notifHeader button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent);font-size:.78rem;font-weight:700;cursor:pointer}.notifHeader button:hover{text-decoration:underline}.notifHeader button svg{width:15px;height:15px}.notifList{max-height:380px;overflow-y:auto;display:grid}.notifEmpty{margin:0;padding:26px 16px;color:var(--muted);font-size:.88rem;text-align:center}.notifItem{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font-size:.86rem;text-align:left;cursor:pointer}.notifItem:hover{background:var(--surface2)}.notifItem.unread{background:#ff416f0f}.notifItem.unread .notifBody>span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--accent);vertical-align:1px}.notifBody{display:grid;gap:3px;min-width:0}.notifBody>span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notifBody small{color:var(--muted);font-size:.72rem}@media(max-width:900px){.topActions .notifications{display:grid}}@media(max-width:600px){.topActions .notifications{display:grid}.notifMenu{position:fixed;top:52px;right:8px;width:calc(100vw - 16px)}}.commentActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.heartBy{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.8rem;line-height:1}.heartButton{display:inline-flex!important;align-items:center;gap:6px;padding:.35rem .75rem!important}.heartButton.hearted{color:var(--accent);border-color:var(--accent);font-weight:700}.commentRow{scroll-margin-top:72px;border-radius:8px}.commentRow.highlight{animation:commentFlash 2.2s ease}@keyframes commentFlash{0%{background:#ff416f59}to{background:transparent}}.dialogScrim{position:fixed;inset:0;z-index:50;background:#0009;display:grid;place-items:center;padding:16px}.dialog{width:min(480px,100%);max-height:min(80vh,720px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 20px 60px #00000080}.dialogHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.dialogHeader h2{margin:0;font-size:1.15rem}.dialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.dialogHint{color:var(--muted)}.notice{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:10px 12px;margin:12px 0}.saveDialog{width:min(430px,100%)}.saveList{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:2px}.saveList li{min-width:0}.saveList label{display:flex;align-items:center;gap:11px;padding:9px 8px;border-radius:9px;cursor:pointer;font-size:.92rem;min-width:0}.saveList label:hover{background:var(--surface2)}.saveList label>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saveList input[type=checkbox]{width:17px;height:17px;flex:none}.saveList .saveThumb{width:46px;height:29px;flex:none;border-radius:5px;overflow:hidden;background:var(--surface2);display:grid;place-items:center;color:var(--muted)}.saveList .saveThumb img{width:100%;height:100%;object-fit:cover;display:block}.saveList label.saved{color:var(--accent);font-weight:650}.newPlaylistButton{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;border:1px dashed var(--line)!important;background:transparent!important}.playlistForm .visibilitySelector{margin:14px 0 0}.metaButtons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.saveButton{display:inline-flex;align-items:center;gap:7px}.playlistContext{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-top:10px}.playlistContext>a{display:inline-flex;align-items:center;gap:6px;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlistContext>span{color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.playlistPrevNext{margin-left:auto;display:flex;gap:8px}.playlistPrevNext button{border:0;background:var(--surface2);border-radius:14px;padding:5px 12px;color:var(--text)}.playlistPrevNext button:disabled{opacity:.45;cursor:default}.upNext{margin-bottom:18px}.upNext h2{font-size:1rem;margin:0 0 8px}.upNextItem{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.upNextItem .thumb{width:100%}.upNextItem h3{margin:0 0 4px;font-size:.86rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upNextItem p{margin:2px 0;font-size:.76rem;color:var(--muted)}.cardWrap{position:relative}.cardMain{display:block}.cardMore{position:relative}.cardMenu{position:absolute;right:0;top:28px;z-index:30;min-width:176px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 12px 30px #00000047;display:grid;gap:2px}.cardMenu button{display:flex;align-items:center;gap:9px;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--text);padding:8px 10px!important;font-size:.86rem;text-align:left}.cardMenu button:hover{background:var(--surface2)!important}.cardMenu button svg{width:16px;height:16px;flex:none}.playlistPage{max-width:1250px;margin:18px auto}.playlistHero{display:grid;grid-template-columns:minmax(200px,360px) minmax(0,1fr);gap:22px;align-items:center;margin-bottom:22px}.playlistHeroThumb{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--surface)}.playlistHeroThumb img{width:100%;height:100%;object-fit:cover;display:block}.playlistHeroThumb .fallback{width:100%;height:100%}.playlistHeroThumb small{position:absolute;left:8px;bottom:8px;background:#000c;color:#fff;padding:4px 9px;border-radius:6px;font-weight:700;font-size:.78rem}.playlistHeroInfo h1{margin:0 0 6px;font-size:1.7rem;line-height:1.25;overflow-wrap:anywhere}.playlistHeroInfo p{margin:3px 0;color:var(--muted);overflow-wrap:anywhere}.playlistActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.playlistActions .textButton,.playlistActions .primary{display:inline-flex;align-items:center;gap:7px}.playlistReorderHint{color:var(--muted);font-size:.84rem;margin:0 0 10px}.playlistVideos{list-style:none;margin:0;padding:0;display:grid;gap:2px}.playlistRow{display:grid;grid-template-columns:24px 32px minmax(140px,190px) minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;min-width:0}.playlistRow:hover{background:var(--surface)}.playlistRow.dragging,.playlistRow.unavailable{opacity:.6}.dragHandle{cursor:grab;color:var(--muted);display:grid;place-items:center}.playlistIndex{color:var(--muted);font-size:.9rem;text-align:right;font-variant-numeric:tabular-nums}.playlistRowThumb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--surface2);display:block}.playlistRowThumb img{width:100%;height:100%;object-fit:cover;display:block}.playlistRowThumb .fallback{width:100%;height:100%}.playlistRowThumb small{position:absolute;right:4px;bottom:4px;background:#000d;color:#fff;padding:2px 5px;border-radius:4px;font-size:.68rem;font-weight:700}.playlistRowInfo{min-width:0}.playlistRowTitle{display:block;font-weight:650;line-height:1.3;margin-bottom:4px;overflow-wrap:anywhere}.playlistRowInfo p{font-size:.82rem;color:var(--muted);margin:0}.unavailableTag{display:inline-block;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:.72rem;margin-left:8px}.playlistRowActions{display:flex;gap:2px;align-items:center}.playlistRowActions .iconButton{width:32px;height:32px}.iconButton:disabled{opacity:.4;cursor:default}.loadMore{display:block;margin:16px auto}.playlistsPage{max-width:1250px;margin:18px auto}.playlistCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.playlistCard{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;min-width:0}.playlistCardThumb{position:relative;aspect-ratio:16 / 9;display:block;background:var(--surface2)}.playlistCardThumb img{width:100%;height:100%;object-fit:cover;display:block}.playlistCardThumb .fallback{width:100%;height:100%}.playlistCardThumb small{position:absolute;left:8px;bottom:8px;background:#000c;color:#fff;padding:3px 8px;border-radius:6px;font-weight:700;font-size:.74rem}.playlistCardInfo{padding:11px 12px 4px;min-width:0}.playlistCardInfo h3{margin:0;font-size:.95rem;overflow-wrap:anywhere}.playlistCardInfo p{margin:3px 0 0;font-size:.8rem;color:var(--muted)}.playlistCardActions{display:flex;gap:2px;padding:4px 10px 10px;justify-content:flex-end}.playlistCardActions .iconButton{width:32px;height:32px}.related .card{display:block}.related .cardMain{display:grid;grid-template-columns:168px minmax(0,1fr);gap:9px;margin-bottom:10px}.related .cardInfo{grid-template-columns:minmax(0,1fr) 15px;padding:0}.related .cardInfo .avatarImg,.related .cardInfo .avatarFallback{display:none}.related .cardInfo h3{font-size:.86rem}.related .cardInfo p{font-size:.72rem}@media(max-width:900px){.related .cardMain{display:block}.related .cardInfo{display:grid;grid-template-columns:minmax(0,1fr) 15px;padding-top:8px}}@media(max-width:600px){.dialogScrim{align-items:start;padding:10px}.dialog{padding:16px}.playlistHero{grid-template-columns:1fr;gap:12px}.playlistHeroInfo h1{font-size:1.3rem}.playlistRow{grid-template-columns:minmax(96px,128px) minmax(0,1fr) auto;gap:10px}.dragHandle,.playlistIndex{display:none}.playlistRowActions{flex-direction:column;gap:4px}.playlistRowActions .iconButton{width:34px;height:34px}.playlistContext{gap:8px;padding:8px 10px}.playlistPrevNext{margin-left:0;width:100%}.playlistPrevNext button{flex:1}.upNextItem{grid-template-columns:110px minmax(0,1fr)}}@media(max-width:380px){.playlistCardActions{padding-inline:6px}.playlistRowThumb{aspect-ratio:16 / 10}}.customizePage .studioCard{margin-bottom:20px}.customizePage .studioCard form>label{margin-top:12px}.saved{color:var(--accent);font-size:.85rem;margin:10px 0 0}.pinnedBy{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:.8rem;line-height:1;font-weight:650}.pinButton[aria-pressed=true]{color:var(--accent);font-weight:700}.shareButton{display:inline-flex;align-items:center;gap:7px}.shareStart{display:flex;align-items:center;gap:10px;margin:12px 0;cursor:pointer;font-size:.92rem}.shareStart input[type=checkbox]{width:17px;height:17px;flex:none}.shareUrlRow{display:flex;gap:8px;align-items:center;margin-top:6px}.shareUrlRow input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--text);font-size:.9rem}.shareUrlRow .primary{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin:0}.exportButton{display:inline-flex;align-items:center;gap:7px}.reportButton{display:inline-flex;align-items:center;gap:6px}.reportDialog form{display:grid;gap:14px}.reportDialog label{display:grid;gap:6px;font-size:.9rem;font-weight:650}.reportDialog label small{color:var(--muted);font-weight:400}.reportDialog select,.reportDialog textarea,.supportForm input,.supportForm textarea,.supportForm select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--text);font-weight:400}.reportDialog textarea,.supportForm textarea{min-height:96px;resize:vertical}.reportDialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.commentEdit{display:grid;gap:8px;margin:6px 0}.commentEdit textarea{width:100%;min-height:72px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--text);resize:vertical}.commentEditActions{display:flex;justify-content:flex-end;gap:10px}.removedBy{color:var(--danger);font-size:.78rem;font-weight:650}.announcements{display:grid;gap:8px;margin-bottom:14px}.announcementBar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;background:var(--surface);padding:10px 12px}.announcementBar>div{display:grid;gap:2px;min-width:0}.announcementBar span{color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}.announcementBar.success{border-left-color:#22c55e}.announcementBar.warning{border-left-color:#eab308}.announcementBar.maintenance{border-left-color:#f97316}.filterRow{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 14px}.filterRow button{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:5px 12px;font-size:.82rem}.filterRow button.active{background:var(--accent);border-color:var(--accent);color:#fff}.badge{display:inline-block;border:1px solid var(--line);border-radius:12px;padding:2px 9px;font-size:.72rem;color:var(--muted)}.badge.open,.badge.warning{color:#eab308;border-color:#eab30855}.badge.reviewing{color:#60a5fa;border-color:#60a5fa55}.badge.resolved,.badge.success{color:#22c55e;border-color:#22c55e55}.badge.dismissed{color:var(--muted)}.badge.info{color:#60a5fa;border-color:#60a5fa55}.badge.maintenance{color:#f97316;border-color:#f9731655}.reportRow{margin-bottom:12px}.reportHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;text-transform:capitalize}.reportHead .badge{text-transform:uppercase}.reportTarget{margin:8px 0 2px;font-size:.9rem;overflow-wrap:anywhere}.reportDetails{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.supportHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.supportHeader h1{margin:0 0 4px}.supportHeader p{margin:0;color:var(--muted)}.supportForm{display:grid;gap:14px;max-width:680px;margin:16px 0}.supportForm label{display:grid;gap:6px;font-size:.9rem;font-weight:650}.thread{display:grid;gap:10px;max-width:720px;margin:14px 0}.threadMessage{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface)}.threadMessage>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.threadMessage small{color:var(--muted);font-size:.75rem}.threadMessage p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.threadMessage.admin{border-left:4px solid var(--accent)}.threadMessage.user{border-left:4px solid var(--muted)}.supportTicketView{max-width:720px}.verifyEmail strong{display:block;margin:8px 0 18px;overflow-wrap:anywhere}.verificationCode{font-size:1.8rem;font-weight:750;letter-spacing:.55em;text-align:center;font-variant-numeric:tabular-nums}.verifyEmail form .primary{width:100%;justify-content:center}.verificationGate{max-width:620px;margin:30px auto;text-align:center;padding:42px 24px}.verificationGate>div{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:22px}.identityLine{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.channelBadge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.commentIdentity{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.badgeEditor{min-width:270px;display:grid;gap:8px;padding:10px 0}.badgeEditor label{display:grid;gap:4px;font-size:.78rem;color:var(--muted)}.badgeColorInputs{display:grid;grid-template-columns:minmax(110px,1fr) 42px;gap:8px}.badgeColorInputs input[type=color]{height:42px;padding:3px}.badgePreview{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badgeEditorActions{display:flex;gap:8px;flex-wrap:wrap}.badgeSuccess{color:#22c55e;font-size:.8rem}.emailAnnouncementForm{max-width:760px;display:grid;gap:14px}.emailAnnouncementForm>h2,.emailAnnouncementForm>p{margin:0}.emailAnnouncementForm>label,.emailAnnouncementForm fieldset{display:grid;gap:7px;margin:0;color:var(--muted);font-size:.9rem}.emailAnnouncementForm select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:.82rem;color:var(--text)}.emailAnnouncementForm fieldset{border:1px solid var(--line);border-radius:10px;padding:10px 14px}.emailAnnouncementForm fieldset .shareStart{margin:3px 0}.emailPreview{margin:24px 0}.emailPreview iframe{width:100%;height:680px;border:1px solid var(--line);border-radius:12px;background:#f4f4f5}.creatorPage{max-width:1200px;margin:0 auto}.creatorGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.creatorCard{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.creatorDetails{min-width:0;display:grid;gap:3px}.creatorName{width:fit-content;max-width:100%;font-size:1rem}.creatorName strong,.creatorHandle,.creatorCounts{overflow:hidden;text-overflow:ellipsis}.creatorHandle,.creatorCounts{color:var(--muted);font-size:.8rem}.creatorDetails p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:7px 0 0;font-size:.86rem;line-height:1.4}.creatorCard>button{white-space:nowrap;flex-shrink:0}.subscribedButton{font-weight:650}.subscriptionSection{margin:28px 0}.subscriptionSection>h2{font-size:1.2rem;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}@media(max-width:600px){.creatorGrid{grid-template-columns:1fr}.creatorCard{grid-template-columns:auto minmax(0,1fr);padding:14px}.creatorCard>button{grid-column:2;width:fit-content}.creatorDetails p{overflow-wrap:anywhere}}