/* 糖心Vlog — compact, immersive creator cinema interface */
:root{color-scheme:dark;--ink:#0a090e;--bg:#121118;--surface:#1c1a24;--raised:#26232f;--edge:rgba(255,255,255,.09);--edge-hot:rgba(250,62,110,.38);--text:#f4eff5;--muted:#9a93a6;--rose:#fa3e6e;--hot:#ff2a6d;--peach:#ffa066;--wide:1260px;--radius:10px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;min-width:290px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}p,h1,h2,h3{margin:0}p{color:var(--muted)}h1,h2,h3{line-height:1.32;letter-spacing:-.025em}a,button{transition:color .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}a:hover{color:#fff}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--peach);outline-offset:3px}::selection{background:var(--hot);color:#fff}.skip-link{position:fixed;z-index:1000;left:12px;top:-100px;background:var(--hot);color:#fff;padding:8px 15px;border-radius:7px}.skip-link:focus{top:12px}.site-shell{min-height:100vh}.side-nav{width:218px;position:fixed;left:0;top:0;bottom:0;z-index:30;background:linear-gradient(145deg,#1b1922 0%,#121118 80%);border-right:1px solid var(--edge);padding:23px 15px 20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#39333f transparent}.site-logo{display:flex;align-items:center;gap:11px;padding:0 8px 16px;font-size:19px;font-weight:800;letter-spacing:-.06em}.site-logo img{width:42px;height:42px;object-fit:contain;background:radial-gradient(circle at center,#fa3e6e23,transparent);border-radius:12px}.site-logo span{white-space:nowrap}.site-logo small{display:block;font-size:10px;letter-spacing:.16em;font-weight:500;color:var(--muted);margin-top:-3px}.primary-nav{display:grid;gap:6px}.primary-nav a{display:flex;align-items:center;gap:11px;border-radius:9px;color:#bdb6c5;font-weight:650;padding:10px 13px;font-size:13px}.primary-nav a>span{font-size:19px;font-weight:400;width:23px;text-align:center;color:#afa2b5}.primary-nav a:hover,.primary-nav a[aria-current=page]{background:linear-gradient(98deg,rgba(250,62,110,.20),rgba(250,62,110,.035));color:#fff}.primary-nav a[aria-current=page]{box-shadow:inset 2px 0 0 var(--rose)}.primary-nav a[aria-current=page]>span{color:#ff7899}.nav-divider{border-top:1px solid var(--edge)}.nav-categories{display:grid;gap:4px}.nav-categories strong{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.13em;color:#756e7f;margin:0 0 8px 12px}.nav-categories a{padding:7px 12px;border-radius:7px;font-size:12px;color:#a9a2b1}.nav-categories a:hover{background:#292431;color:var(--text)}.nav-tail{margin-top:auto;padding:12px 8px;font-size:10px;color:#908a98;border-top:1px solid var(--edge)}.status-dot,.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rose);box-shadow:0 0 12px var(--rose);vertical-align:middle;margin-right:6px}.content-wrap{margin-left:218px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;border-bottom:1px solid var(--edge);background:rgba(18,17,24,.92);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,2.7vw,46px);position:sticky;top:0;z-index:20;backdrop-filter:blur(20px)}.topbar-copy{font-size:12px;letter-spacing:.08em;color:#8f8897}.topbar-actions{display:flex;align-items:center;gap:19px;font-size:12px;font-weight:650}.top-action{color:#cbc3d0}.top-action:hover{color:var(--peach)}.top-primary{border:1px solid #fa3e6e66;background:#fa3e6e17;color:#ffc4d4;padding:9px 15px;border-radius:8px}.top-primary:hover{background:var(--rose);border-color:var(--rose);color:#fff}.mobile-brand{display:none;font-size:17px;font-weight:800}.main-content{width:min(var(--wide),100%);margin:0 auto;padding:23px clamp(16px,2.65vw,46px) 70px;flex:1}.eyebrow{display:flex;align-items:center;gap:6px;color:#e3b9c9;font-size:10px;letter-spacing:.18em;font-weight:750;text-transform:uppercase;margin:3px 0 15px}.eyebrow-trail{margin-left:auto;color:#777080;letter-spacing:.22em;font-size:10px}.feature-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;min-height:410px}.feature-main{min-width:0}.feature-media{position:relative;overflow:hidden;height:100%;min-height:400px;background:#28212d;border-radius:12px;isolation:isolate}.feature-cover{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;filter:brightness(.76) saturate(1.08)}.feature-media:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#0a090ef7 0%,#0a090eaa 28%,transparent 78%),linear-gradient(90deg,#09080e85,transparent 74%)}.feature-media:after{content:'';position:absolute;z-index:1;inset:0;border:1px solid rgba(255,255,255,.13);border-radius:12px;pointer-events:none}.feature-overlay{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:30px clamp(24px,4vw,55px)}.feature-kicker{display:inline-flex;align-items:center;border:1px solid #f4bcc563;color:#ffe0e9;background:#fa3e6e2b;border-radius:5px;padding:3px 9px;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:15px}.feature-overlay h1{font-size:clamp(27px,3vw,42px);font-weight:800;max-width:650px;line-height:1.21;text-shadow:0 2px 10px #08060a33}.feature-overlay h1 em{font-style:normal;color:#ffb7c9}.feature-overlay>p{color:#e0d6df;max-width:520px;font-size:13px;margin-top:13px}.feature-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px}.button-hot,.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 19px;border-radius:8px;font-size:12px;font-weight:750;min-height:43px}.button-hot{background:linear-gradient(120deg,var(--rose),#eb255c);color:#fff;box-shadow:0 7px 23px rgba(250,62,110,.28)}.button-hot:hover{color:#fff;box-shadow:0 8px 28px rgba(250,62,110,.45);transform:translateY(-1px)}.button-ghost{background:#211b26c2;border:1px solid #ffffff45;color:#fff}.button-ghost:hover{background:#42303c;color:#fff;border-color:#ffffff78}.feature-note{display:block;font-size:10px;letter-spacing:.04em;color:#c5afbd;margin-top:14px}.feature-side{background:linear-gradient(150deg,#211c27,#17151d);border:1px solid var(--edge);border-radius:12px;padding:15px 13px;display:flex;flex-direction:column;gap:12px;min-width:0}.feature-side>h2{font-size:15px;display:flex;align-items:center;justify-content:space-between;padding:3px 3px 5px}.feature-side>h2 span{font-size:10px;font-weight:500;color:var(--muted)}.side-pick{display:grid;grid-template-columns:104px minmax(0,1fr);gap:9px;padding:5px;border:1px solid transparent;border-radius:8px;min-height:86px}.side-pick:hover{background:#29232e;border-color:var(--edge)}.side-thumb{position:relative;display:block;width:104px;height:70px;border-radius:6px;overflow:hidden;background:#302733}.side-thumb img{width:100%;height:100%;object-fit:cover}.side-thumb>span{position:absolute;bottom:3px;right:4px;background:#09070bc9;border-radius:3px;padding:1px 4px;font-size:9px;color:#fff}.side-text{display:flex;flex-direction:column;min-width:0;gap:3px}.side-text small{font-size:10px;color:var(--peach)}.side-text strong{font-size:12px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.side-text em{font-size:10px;font-style:normal;color:var(--muted);margin-top:auto}.side-all{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#29232f;border-radius:7px;font-weight:700;font-size:12px;margin-top:auto;color:#edc0ce}.side-all:hover{background:#3a2936;color:#fff}.content-section{margin-top:35px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}.section-title>div{min-width:0}.section-kicker{display:block;color:var(--rose);font-size:10px;letter-spacing:.18em;font-weight:800;margin-bottom:5px}.section-title h2{font-size:clamp(19px,2vw,25px);font-weight:800;letter-spacing:-.04em}.section-title p{font-size:12px;margin-top:7px;max-width:660px}.section-title>a{font-size:11px;font-weight:700;color:#d4a2b2;white-space:nowrap;padding-bottom:3px}.section-title>a:hover{color:#fff}.rail-scroller{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#3d3540 transparent;padding:0 0 9px}.rail-scroller .video-card{min-width:235px;width:calc((100% - 36px)/4);max-width:310px;flex-shrink:0;scroll-snap-align:start}.video-card{min-width:0;background:linear-gradient(165deg,#201d26,#1a1821);border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.video-card:hover{border-color:var(--edge-hot);box-shadow:0 8px 25px #00000031,0 0 13px #fa3e6e12;transform:translateY(-2px)}.media-link{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#2d2632;isolation:isolate}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.video-card:hover .card-image{transform:scale(1.055)}.media-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#08070b8f 0%,transparent 50%,#00000024 100%)}.play-indicator{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%) scale(.82);width:45px;height:45px;border-radius:50%;background:#fa3e6ecf;backdrop-filter:blur(4px);display:grid;place-items:center;color:#fff;opacity:0;box-shadow:0 0 0 7px #fa3e6e26;font-size:17px;padding-left:2px;transition:opacity .2s,transform .2s}.video-card:hover .play-indicator,.media-link:focus-visible .play-indicator{opacity:1;transform:translate(-50%,-50%) scale(1)}.badge-row{position:absolute;z-index:2;left:8px;top:8px;display:flex;gap:5px;max-width:90%;flex-wrap:wrap}.pill{padding:3px 6px;font-size:9px;font-weight:700;line-height:1.2;border-radius:4px;backdrop-filter:blur(8px)}.pill-dark{background:#070609b0;color:#fff;border:1px solid #ffffff2e}.pill-rose{background:#ec326ac9;color:white}.time-mark{position:absolute;z-index:2;right:8px;bottom:8px;padding:1px 6px;border-radius:4px;background:#08080bd9;color:#fff;font-size:10px;font-weight:600}.card-info{padding:10px 11px 12px}.card-info h3{font-size:13px;font-weight:750;line-height:1.4;min-height:18px}.card-info h3 a:hover{color:#ff7d9e}.card-info p{font-size:11px;line-height:1.55;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}.meta-line{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:11px;color:#817b8a;font-size:10px}.meta-line a{color:#c8a5b1}.meta-line a:hover{color:#fff}.meta-line span{white-space:nowrap}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media-grid.dense{grid-template-columns:repeat(4,minmax(0,1fr))}.playback-band{display:flex;align-items:center;gap:18px;margin-top:34px;border:1px solid #fa3e6e33;border-radius:10px;background:linear-gradient(100deg,#36202e,#231c27 56%,#1e1924);padding:17px 20px}.band-icon{height:44px;min-width:44px;display:grid;place-items:center;border-radius:9px;background:#fa3e6e28;color:#ff7297;font-size:28px}.playback-band>div:nth-child(2){flex:1}.playback-band strong{font-size:13px}.playback-band p{font-size:11px;margin-top:4px;max-width:760px}.playback-band>a{font-size:12px;color:#ffc0d1;font-weight:700;white-space:nowrap}.playback-band>a:hover{color:#fff}.creator-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.creator-pill{display:flex;align-items:center;gap:10px;min-width:0;background:linear-gradient(145deg,#26202c,#1b1922);border:1px solid var(--edge);border-radius:9px;padding:12px}.creator-pill:hover{border-color:var(--edge-hot);background:#2a222e}.creator-avatar{width:37px;height:37px;border-radius:50%;background:linear-gradient(140deg,#ea5481,#a14887);display:grid;place-items:center;font-size:15px;font-weight:800;color:#fff;flex-shrink:0}.creator-pill:nth-child(2) .creator-avatar{background:linear-gradient(135deg,#f4a06f,#ca557d)}.creator-pill:nth-child(3) .creator-avatar{background:linear-gradient(135deg,#6d68b6,#d56185)}.creator-pill:nth-child(4) .creator-avatar{background:linear-gradient(135deg,#684e97,#b65b8d)}.creator-pill>span:nth-child(2){min-width:0;flex:1}.creator-pill strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-pill small{display:block;font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-arrow{font-size:15px;color:#e7b3c3;align-self:flex-start}.site-footer{max-width:var(--wide);width:100%;margin:0 auto;border-top:1px solid var(--edge);padding:25px clamp(16px,2.65vw,46px) 35px;display:flex;align-items:start;justify-content:space-between;gap:20px}.site-footer strong{font-size:14px}.site-footer p{font-size:11px;margin-top:5px}.site-footer small{display:block;color:#726b7b;font-size:10px;margin-top:5px}.site-footer nav{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#aba3b3}.site-footer nav a:hover{color:var(--rose)}.site-footer>span{font-size:10px;color:#77717f;white-space:nowrap}.mobile-bottom{display:none}.page-intro{padding:14px 0 24px;max-width:790px}.page-intro h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.045em;margin:8px 0}.page-intro p{line-height:1.85;font-size:13px}.watch-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px;padding-bottom:15px;border-bottom:1px solid var(--edge)}.filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.filter-chip{font-size:11px;color:#aaa3b0;padding:7px 11px;border:1px solid #ffffff12;background:#1e1b25;border-radius:7px;white-space:nowrap}.filter-chip:hover{background:#2b2632;color:#fff}.filter-chip.selected{background:#fa3e6e25;border-color:#fa3e6e5c;color:#ffbfce;font-weight:750}.toggle-filter{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;color:#c9bbc8}.toggle-track{width:28px;height:16px;border-radius:20px;background:#4d4352;position:relative;transition:background .2s}.toggle-track:after{content:'';width:12px;height:12px;position:absolute;left:2px;top:2px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-filter.enabled .toggle-track{background:var(--rose)}.toggle-filter.enabled .toggle-track:after{transform:translateX(12px)}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.library-grid .card-info h3{font-size:12px}.inline-disclaimer{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:16px;background:#2b222d;border:1px solid #fa3e6e35;border-radius:9px;padding:15px 16px;margin-bottom:20px}.inline-disclaimer strong{font-size:12px;color:#f8bed0}.inline-disclaimer p{font-size:11px}.inline-disclaimer a{font-size:11px;color:#f7abc1;white-space:nowrap}.watch-collections{margin-top:40px}.empty-state{padding:65px 15px;text-align:center;background:var(--surface);border-radius:10px;border:1px solid var(--edge)}.empty-state h2{font-size:18px}.empty-state p{margin:8px 0 16px}.empty-state a{color:#ffc0d1;border-bottom:1px solid var(--rose)}.creator-intro{max-width:900px;padding-bottom:30px}.creator-directory{display:grid;gap:13px}.directory-row{display:grid;grid-template-columns:minmax(290px,1fr) minmax(250px,440px);gap:22px;background:linear-gradient(110deg,#201c27,#19171f);border:1px solid var(--edge);padding:20px;border-radius:11px;align-items:center}.directory-profile{display:flex;align-items:flex-start;gap:14px}.profile-initial{display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#fc7d92,#aa3979);border:1px solid #ffffff27;box-shadow:0 4px 20px #fa3e6e25;width:65px;height:65px;border-radius:20px;font-size:27px;font-weight:850}.directory-profile h2{font-size:19px}.directory-profile h2 a:hover{color:#ff8eaa}.directory-profile span{color:#d9a1b9;font-size:11px;display:block;margin:4px 0 8px}.directory-profile p{font-size:12px;line-height:1.8;max-width:600px}.text-link{display:inline-block;color:#ffc1d2;font-size:11px;font-weight:700;margin-top:13px}.directory-works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.directory-works>a{display:block;min-width:0}.directory-works img{width:100%;aspect-ratio:16/10;border-radius:7px;border:1px solid #ffffff20}.directory-works span{display:block;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:650}.breadcrumbs{display:flex;gap:10px;align-items:center;margin:5px 0 22px;color:#837b8c;font-size:11px;flex-wrap:wrap}.breadcrumbs a{color:#bd9cac}.breadcrumbs a:hover{color:#fff}.creator-hero{display:flex;align-items:center;gap:27px;border:1px solid #fa3e6e26;border-radius:12px;padding:36px;background:radial-gradient(circle at 10% 35%,#63304744,transparent 28%),linear-gradient(115deg,#2b202d,#1a1821)}.profile-initial.large{width:118px;height:118px;border-radius:29px;font-size:52px}.creator-hero h1{font-size:34px;margin:5px 0}.creator-hero strong{display:block;color:#f4b4c8;font-size:12px}.creator-hero p{max-width:750px;line-height:1.9;margin-top:12px;font-size:13px}.watch-stage{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.player-shell{position:relative;aspect-ratio:16/9;background:#08070b;border-radius:11px;overflow:hidden;isolation:isolate;border:1px solid #ffffff12}.player-shell>img{width:100%;height:100%;filter:brightness(.35) blur(3px);transform:scale(1.02)}.player-scrim{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;background:linear-gradient(0deg,#08070b99,transparent)}.player-icon{font-size:36px;width:72px;height:72px;display:grid;place-items:center;border:1px solid #f58cad77;border-radius:50%;color:#ff96b2;background:#eb2f7138;margin-bottom:18px}.player-scrim strong{font-size:17px}.player-scrim p{font-size:12px;max-width:370px;margin-top:8px;color:#e0c8d6}.video-title-row{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-top:22px}.video-title-row h1{font-size:clamp(23px,2.5vw,30px);margin-bottom:9px}.video-title-row p{font-size:13px}.video-duration{white-space:nowrap;font-size:11px;color:#c8a3b1;border:1px solid #fa3e6e44;padding:5px 9px;border-radius:5px}.story-box{margin-top:23px;padding:23px;background:var(--surface);border:1px solid var(--edge);border-radius:10px}.story-box h2{font-size:17px;margin-bottom:10px}.story-box p{font-size:13px;line-height:1.95}.byline{display:flex;align-items:center;gap:10px;padding:18px 0;margin-top:5px;border-bottom:1px solid var(--edge)}.byline>div:nth-child(2){display:grid;gap:2px;flex:1}.byline>div:nth-child(2) span{color:var(--muted);font-size:10px}.byline>div:nth-child(2) a{font-size:13px;font-weight:750}.byline>a{font-size:11px;color:#f1b1c4}.up-next{background:var(--surface);border:1px solid var(--edge);border-radius:10px;padding:16px;height:max-content}.up-next h2{font-size:16px}.up-next>p{font-size:10px;margin:4px 0 13px}.queue-item{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;border-bottom:1px solid var(--edge);padding:10px 0}.queue-item>span:first-child{position:relative}.queue-item img{width:95px;aspect-ratio:16/10;border-radius:5px}.queue-item small{position:absolute;right:3px;bottom:4px;background:#050507b9;font-size:9px;border-radius:3px;padding:0 4px}.queue-item>span:last-child{display:flex;flex-direction:column;gap:7px}.queue-item strong{font-size:11px;line-height:1.45}.queue-item em{font-size:10px;color:var(--muted);font-style:normal}.queue-item:hover strong{color:#ff87a7}.up-next .side-all{margin-top:14px}.information-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.information-grid section{background:linear-gradient(140deg,#211d27,#19171e);border:1px solid var(--edge);border-radius:10px;padding:26px}.info-num{font-size:23px;font-weight:800;color:#fa3e6e73;letter-spacing:.12em}.information-grid h2{font-size:17px;margin:8px 0 12px}.information-grid p{line-height:2;font-size:12px}.information-grid a{color:#ffacc2;text-decoration:underline;text-underline-offset:3px}.information-grid section>a{font-size:11px;display:inline-block;margin-top:12px}.back-callout{display:flex;align-items:center;gap:20px;margin-top:25px;padding:22px;background:#362330;border:1px solid var(--edge-hot);border-radius:10px}.back-callout h2{font-size:17px;white-space:nowrap}.back-callout p{flex:1;font-size:12px}.not-found{text-align:center;max-width:600px;margin:110px auto;padding:30px}.not-found>span{color:var(--rose);font-weight:800;letter-spacing:.2em}.not-found h1{font-size:clamp(26px,4vw,44px);margin:12px 0}.not-found p{font-size:13px;line-height:1.9}.not-found>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:27px}.was-activated{transition-duration:.1s}
/* Desktop density refinements */
@media(min-width:1600px){.side-nav{width:242px;padding-left:20px;padding-right:20px}.content-wrap{margin-left:242px}.main-content{padding-top:28px}.feature-layout{grid-template-columns:minmax(0,1fr) 302px;min-height:455px}.feature-media{min-height:455px}.feature-side{padding:18px}.side-pick{grid-template-columns:117px minmax(0,1fr)}.side-thumb{width:117px;height:77px}.media-grid{gap:15px}.creator-strip{gap:14px}}
@media(max-width:1320px){.feature-layout{grid-template-columns:minmax(0,1fr) 245px}.side-pick{grid-template-columns:85px minmax(0,1fr)}.side-thumb{width:85px;height:65px}.feature-overlay{padding:28px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid.dense{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1070px){.side-nav{width:190px;padding-left:11px;padding-right:11px}.content-wrap{margin-left:190px}.feature-layout{grid-template-columns:1fr}.feature-media{min-height:340px}.feature-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.feature-side>h2,.feature-side .side-all{grid-column:1/-1}.side-pick{grid-template-columns:70px minmax(0,1fr);gap:7px}.side-thumb{width:70px;height:61px}.side-text strong{font-size:11px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-stage{grid-template-columns:1fr}.up-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px}.up-next>h2,.up-next>p,.up-next>.side-all{grid-column:1/-1}.directory-row{grid-template-columns:1fr}.directory-works{max-width:500px;margin-left:78px}.information-grid{gap:10px}.watch-tools{align-items:start;flex-direction:column}}
@media(max-width:790px){.side-nav{display:none}.content-wrap{margin-left:0}.topbar{height:60px;padding:0 18px}.mobile-brand{display:block}.topbar-copy{display:none}.topbar-actions{gap:10px}.top-action{font-size:11px}.top-primary{padding:7px 11px}.main-content{padding:20px 16px 92px}.feature-layout{gap:10px}.feature-media{min-height:390px}.feature-overlay{padding:25px}.eyebrow{font-size:9px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media-grid.dense{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-scroller .video-card{min-width:220px}.site-footer{flex-wrap:wrap;padding-bottom:95px}.mobile-bottom{display:grid;position:fixed;z-index:40;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);height:62px;background:#19161ff5;backdrop-filter:blur(16px);border-top:1px solid #ffffff1a}.mobile-bottom a{display:grid;place-items:center;color:#aaa0b1;font-size:11px}.mobile-bottom a[aria-current=page]{color:#ff7698;border-top:2px solid var(--rose);background:#fa3e6e0e}.inline-disclaimer{grid-template-columns:1fr}.back-callout{display:grid}.back-callout h2{white-space:normal}.playback-band{flex-wrap:wrap}.playback-band>a{margin-left:62px}.directory-row{padding:17px}}
@media(max-width:520px){.topbar-actions .top-action{display:none}.main-content{padding-left:12px;padding-right:12px}.feature-media{min-height:420px}.feature-overlay{padding:21px 19px}.feature-overlay h1{font-size:28px}.feature-overlay>p{font-size:12px}.feature-buttons{gap:8px}.button-hot,.button-ghost{padding:10px 12px;font-size:11px}.feature-side{grid-template-columns:1fr 1fr}.feature-side>h2,.feature-side>.side-all{grid-column:1/-1}.side-pick{grid-template-columns:1fr;align-content:start}.side-thumb{width:100%;height:auto;aspect-ratio:16/8}.side-text{padding:0 3px 4px}.side-text small{display:none}.side-text em{display:none}.feature-side .side-pick:nth-of-type(3){display:none}.section-title{align-items:start;flex-wrap:wrap;gap:8px}.section-title>a{margin-left:auto}.content-section{margin-top:29px}.media-grid,.media-grid.dense,.library-grid{gap:8px}.card-info{padding:9px}.card-info h3{font-size:12px}.card-info p{font-size:10px}.media-link{aspect-ratio:1.4}.badge-row{left:5px;top:5px}.pill{font-size:8px}.creator-strip{grid-template-columns:1fr 1fr;gap:7px}.creator-pill{padding:10px 8px;gap:7px}.creator-avatar{width:31px;height:31px;font-size:12px}.creator-pill small{font-size:9px}.creator-arrow{display:none}.playback-band{padding:15px;gap:12px}.playback-band>a{margin-left:0;width:100%}.page-intro{padding-top:10px}.filters{gap:5px}.filter-chip{padding:6px 9px}.directory-profile{gap:10px}.profile-initial{width:47px;height:47px;border-radius:13px;font-size:21px}.directory-profile h2{font-size:17px}.directory-works{margin-left:0}.creator-hero{padding:21px;align-items:flex-start;gap:12px}.profile-initial.large{width:66px;height:66px;border-radius:17px;font-size:29px}.creator-hero h1{font-size:26px}.creator-hero p{font-size:12px}.up-next{display:block}.video-title-row{flex-direction:column}.player-scrim strong{font-size:14px}.player-scrim p{font-size:11px}.player-icon{width:53px;height:53px;font-size:28px}.information-grid{grid-template-columns:1fr}.information-grid section{padding:20px}.site-footer{gap:15px}.site-footer>div{flex-basis:100%}.site-footer nav{gap:10px}.not-found{margin:55px auto;padding:20px}}
@media(max-width:350px){.top-primary{font-size:10px;padding:7px 8px}.feature-overlay h1{font-size:25px}.creator-strip{grid-template-columns:1fr}.media-grid .card-info p{display:none}.badge-row{max-width:96%}.video-card .time-mark{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--muted:#cbc3d0;--edge:rgba(255,255,255,.4)}.card-info p,.section-title p{color:#d8d1db}.filter-chip{border-color:#ffffff6b}}
@media print{body{background:white;color:black}.side-nav,.topbar,.mobile-bottom,.feature-buttons,.site-footer nav{display:none!important}.content-wrap{margin:0}.main-content{padding:0}.video-card,.story-box,.directory-row{break-inside:avoid;border:1px solid #aaa}.feature-overlay{position:relative;background:#fff;color:#000}.feature-overlay h1,.feature-overlay p{color:#000}.feature-cover,.media-shade,.play-indicator{display:none}.feature-layout{display:block}.feature-media{min-height:0}.site-footer{color:#000}}