:root{
  --bg:#0B0B1A;--bg-deep:#080812;--surface:#12121F;--surface-2:#1A1A2A;--hover:#222233;
  --text:#E8E8F0;--title:#FFFFFF;--muted:#A0A0B8;--quiet:#6B6B80;
  --pink:#FF2D6A;--pink-bright:#FF4D8A;--rose:#E6005C;--purple:#7B2CBF;--purple-bright:#9B4DFF;--pale-pink:#FFB3C9;
  --border:rgba(255,45,106,.18);--border-strong:rgba(255,77,138,.45);--shadow:0 16px 48px rgba(0,0,0,.55);--pink-shadow:0 12px 36px rgba(255,45,106,.22);
  --gradient:linear-gradient(135deg,#FF4D8A 0%,#FF2D6A 50%,#E6005C 100%);--gradient-brand:linear-gradient(120deg,#FF4D8A 0%,#FF2D6A 45%,#9B4DFF 100%);
  --header-h:72px;--radius:18px;--max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg-deep)}
body{margin:0;background:radial-gradient(circle at 84% 8%,rgba(155,77,255,.11),transparent 24%),radial-gradient(circle at 8% 24%,rgba(255,45,106,.08),transparent 22%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}
body.is-locked{overflow:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{display:block;max-width:100%;height:auto}p{margin:0 0 1em}h1,h2,h3{color:var(--title);line-height:1.18;letter-spacing:-.02em;margin:0 0 .65em}h1{font-size:clamp(2.4rem,5.5vw,5rem)}h2{font-size:clamp(1.65rem,3vw,2.6rem)}h3{font-size:clamp(1.12rem,1.8vw,1.45rem)}small{color:var(--muted)}
::selection{background:rgba(255,45,106,.35);color:#fff}
.skip-link{position:fixed;left:16px;top:-80px;z-index:2000;background:#fff;color:#111;padding:10px 16px;border-radius:10px}.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--pale-pink);outline-offset:3px}
.section-shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-main{min-height:60vh;padding-top:34px}.section-block{padding:78px 0}.eyebrow{display:inline-block;margin-bottom:14px;color:var(--pale-pink);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.lead{max-width:860px;color:#D7D7E4;font-size:clamp(1.03rem,1.5vw,1.22rem);line-height:1.9}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-heading>p{max-width:520px;color:var(--muted);margin:0}.section-heading h2{margin:0}.tag{display:inline-flex;align-items:center;min-height:28px;padding:4px 11px;border:1px solid var(--border-strong);border-radius:999px;color:var(--pale-pink);font-size:.78rem;font-weight:700;background:rgba(255,45,106,.07)}
.text-link{display:inline-flex;align-items:center;gap:6px;color:#FFD7E4;font-weight:700;border-bottom:1px solid rgba(255,179,201,.32);padding-bottom:2px}.text-link:hover{color:#fff;border-color:var(--pink-bright)}.link-row{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-top:24px}
.btn-primary,.primary-btn,.app-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;background:var(--gradient);color:#fff;font-weight:800;box-shadow:var(--pink-shadow);white-space:nowrap}.btn-secondary,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--border-strong);color:#fff;font-weight:750;background:rgba(255,255,255,.02);white-space:nowrap}.btn-primary:hover,.primary-btn:hover,.app-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary:hover,.secondary-btn:hover{background:rgba(255,45,106,.09);border-color:var(--pink-bright)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.media-fallback{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);padding:28px;background:radial-gradient(circle at 20% 20%,rgba(255,77,138,.28),transparent 25%),radial-gradient(circle at 78% 28%,rgba(155,77,255,.31),transparent 30%),linear-gradient(145deg,#17172a,#0a0a14 72%)}.media-fallback:before{content:"";position:absolute;inset:14%;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-12deg);pointer-events:none}.media-fallback span{position:relative;color:#fff;font-size:clamp(2.2rem,6vw,5.5rem);font-weight:900;letter-spacing:-.06em}.media-fallback small{position:relative;color:var(--pale-pink);font-weight:700;letter-spacing:.06em}.wide-media{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:22px}.portrait-media{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}.cover-media{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}.app-media{width:100%;aspect-ratio:4/5;object-fit:contain;border-radius:28px}.app-icon-media{width:84px;aspect-ratio:1;object-fit:contain;border-radius:20px;min-height:auto}.hero-banner{width:100%;aspect-ratio:16/10;object-fit:contain;border-radius:22px}
/* Header */
.site-header{position:sticky;top:0;z-index:900;height:var(--header-h);background:rgba(8,8,18,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-shell{width:min(var(--max),calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;flex:0 0 auto;min-height:44px;color:#fff;font-size:1.35rem;font-weight:900;letter-spacing:-.04em}.brand-logo{max-width:150px;max-height:46px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:3px;min-width:0;white-space:nowrap}.desktop-nav a,.nav-text-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;border:0;background:transparent;color:#C8C8D8;font-weight:650;cursor:pointer;border-radius:999px}.desktop-nav a:hover,.nav-text-btn:hover{color:#fff;background:rgba(255,255,255,.05)}.desktop-nav a.is-active,.nav-text-btn.is-active{color:#fff;background:rgba(255,45,106,.12)}.desktop-nav a.is-active:after{content:"";position:absolute;left:28%;right:28%;bottom:4px;height:2px;border-radius:99px;background:var(--gradient-brand)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:5px}.app-cta{min-height:42px;padding-inline:17px}.icon-btn{width:44px;height:44px;border:0;border-radius:50%;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.icon-btn:hover{background:rgba(255,255,255,.06)}.icon-btn span{width:18px;height:2px;background:#fff;border-radius:10px}.mobile-menu-btn{display:none}
/* Panels */
.overlay{position:fixed;inset:0;z-index:1090;background:rgba(0,0,0,.68);backdrop-filter:blur(3px);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.overlay.is-visible{visibility:visible;opacity:1;pointer-events:auto}.channel-panel{position:fixed;z-index:1110;right:0;top:0;height:100dvh;width:min(460px,88vw);background:#0C0C17;border-left:1px solid var(--border);box-shadow:-24px 0 70px rgba(0,0,0,.56);transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .28s ease,visibility .28s ease;display:flex;flex-direction:column}.channel-panel.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.panel-head{height:72px;flex:0 0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.panel-brand{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:900}.panel-logo{max-width:110px;max-height:38px;object-fit:contain}.panel-close,.search-top button{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.05);cursor:pointer;font-size:1.8rem;line-height:1}.panel-scroll{overflow-y:auto;padding:10px 20px 34px;overscroll-behavior:contain}.panel-scroll section{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07)}.panel-scroll h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--pale-pink);margin-bottom:10px}.panel-scroll a{display:block;padding:10px 12px;margin:2px -12px;border-radius:12px}.panel-scroll a:hover{background:var(--surface-2)}.panel-scroll strong{display:block;color:#fff;font-size:.98rem}.panel-scroll span{display:block;margin-top:3px;color:var(--muted);font-size:.82rem;line-height:1.55}
.search-panel{position:fixed;z-index:1100;left:0;right:0;top:var(--header-h);background:rgba(9,9,19,.98);border-bottom:1px solid var(--border);box-shadow:var(--shadow);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-14px);transition:.22s ease}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.search-inner{width:min(1100px,calc(100% - 48px));margin:auto;padding:24px 0 30px}.search-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search-top strong{font-size:1.2rem}.search-box{display:flex;align-items:center;gap:12px;border:1px solid var(--border-strong);background:var(--surface);padding:10px 16px;border-radius:16px}.search-box span{font-size:.78rem;color:var(--pale-pink);font-weight:800}.search-box input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:1.08rem}.search-box input::placeholder{color:#77778d}.search-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.search-chips>span{color:var(--muted);font-size:.84rem;margin-right:4px}.search-chips button{border:1px solid rgba(255,255,255,.1);background:transparent;color:#ddd;padding:7px 12px;border-radius:999px;cursor:pointer}.search-chips button:hover{border-color:var(--border-strong);background:rgba(255,45,106,.08)}.search-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.search-links a{padding:12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid transparent}.search-links a:hover{border-color:var(--border);background:var(--surface-2)}.search-links strong,.search-links span{display:block}.search-links span{color:var(--muted);font-size:.82rem;line-height:1.5;margin-top:3px}.search-empty{color:var(--muted);margin:18px 0 0}
/* Footer */
.site-footer{margin-top:80px;background:#05050A;color:#C8C8D8;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{width:min(var(--max),calc(100% - 48px));margin:auto;padding:58px 0 28px}.footer-brand{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.07)}.footer-logo{display:flex;align-items:center;justify-content:center;min-width:90px}.footer-logo-img{max-width:120px;max-height:52px;object-fit:contain;color:#fff;font-size:1.4rem;font-weight:900}.footer-brand strong{display:block;color:#fff;font-size:1.5rem}.footer-brand span{display:block;color:var(--pale-pink);font-size:.75rem;letter-spacing:.12em}.footer-brand p{margin:8px 0 0;max-width:720px;color:#9f9fb2}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:34px 0}.footer-groups h2{font-size:.88rem;color:#fff;margin-bottom:12px}.footer-groups a{display:block;width:max-content;max-width:100%;padding:5px 0;color:#AFAFC0;font-size:.9rem}.footer-groups a:hover{color:#fff}.footer-note{padding:18px 20px;background:#0b0b12;border:1px solid rgba(255,255,255,.06);border-radius:14px;color:#9292a4;font-size:.86rem}.footer-bottom{display:flex;justify-content:space-between;gap:18px;padding-top:24px;color:#717184;font-size:.82rem}.footer-bottom span:last-child{display:flex;flex-wrap:wrap;gap:14px}.footer-bottom a:hover{color:#fff}.mobile-bottom{display:none}
/* Inner hero */
.inner-hero{padding:64px 0 36px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:48px;align-items:center}.inner-hero:not(:has(> .wide-media)):not(:has(> .media-fallback)):not(:has(> .app-device)){display:block;max-width:var(--max)}.inner-hero>div:first-child{min-width:0}.inner-hero h1{margin-bottom:18px;background:linear-gradient(120deg,#fff 20%,#ffd9e5 58%,#cba8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.source-box{padding:34px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,rgba(255,45,106,.06),rgba(155,77,255,.05)),var(--surface)}.source-box h2{font-size:clamp(1.55rem,2.4vw,2.25rem)}.source-box p{max-width:980px;color:#c9c9d7}
/* Home */
.home-hero{padding:52px 0 42px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,1.15fr) minmax(240px,.55fr);grid-template-areas:"copy media list";gap:26px;align-items:stretch}.hero-copy{grid-area:copy;align-self:center}.hero-copy h1{font-size:clamp(2.7rem,5vw,4.9rem)}.hero-copy p{color:#c8c8d8;font-size:1.02rem}.hero-media{grid-area:media;display:flex}.hero-media>*{width:100%;height:100%;min-height:470px}.hero-list{grid-area:list;display:flex;flex-direction:column;gap:10px}.hero-list a{flex:1;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:var(--surface)}.hero-list a:hover{border-color:var(--border-strong);background:var(--surface-2)}.hero-list span{color:var(--pink-bright);font-size:.75rem;font-weight:900}.hero-list strong{display:block;color:#fff;margin:5px 0}.hero-list p{color:var(--muted);font-size:.84rem;line-height:1.6;margin:0}.quick-strip{position:relative;border-block:1px solid rgba(255,255,255,.06);background:rgba(18,18,31,.78)}.quick-inner{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;padding-block:13px}.quick-inner::-webkit-scrollbar{display:none}.quick-inner a{flex:0 0 auto;color:#cfcfdb;font-size:.9rem}.quick-inner a:hover{color:var(--pale-pink)}.pill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pill-grid a{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:var(--surface)}.pill-grid strong,.pill-grid span{display:block}.pill-grid strong{color:#fff}.pill-grid span{margin-top:5px;color:var(--muted);font-size:.86rem;line-height:1.6}.pill-grid a:hover{border-color:var(--border);transform:translateY(-2px)}.feature-split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:18px}.feature-card{padding:22px;border:1px solid var(--border);background:var(--surface);border-radius:22px}.feature-large .feature-media{margin-bottom:18px}.feature-large h3{font-size:clamp(1.5rem,2.5vw,2.2rem);margin-top:10px}.feature-large p{color:#c5c5d4}.note-line{display:flex;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.07);font-size:.9rem}.note-line strong{flex:0 0 92px;color:#fff}.note-line span{color:var(--muted)}.editor-picks{display:flex;flex-direction:column;gap:10px}.editor-picks a{flex:1;display:flex;flex-direction:column;justify-content:center;padding:16px;border-radius:16px;background:var(--surface);border:1px solid rgba(255,255,255,.06)}.editor-picks span{color:var(--pink-bright);font-size:.78rem}.editor-picks strong{margin-top:4px;color:#fff}.horizontal-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.horizontal-track a{scroll-snap-align:start;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,var(--surface),#10101b)}.horizontal-track b,.horizontal-track span{display:block}.horizontal-track b{color:#fff;font-size:1.08rem}.horizontal-track span{color:var(--muted);font-size:.87rem;margin-top:8px}.wide-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px;align-items:center;border:1px solid rgba(255,255,255,.07);background:var(--surface);border-radius:24px;padding:24px}.wide-feature article>p,.wide-feature>div>p{color:#c5c5d3}.mini-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.mini-index a{padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:#f3d5df;font-size:.85rem}.number-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.number-list li a,.number-list>article{display:grid;grid-template-columns:74px 1fr;gap:18px;align-items:center;padding:16px 18px;border:1px solid rgba(255,255,255,.07);background:var(--surface);border-radius:15px}.number-list b,.number-list>article>strong{font-size:1.5rem;color:var(--pink-bright)}.number-list strong{color:#fff;margin-right:8px}.number-list span{color:#b7b7c7}.genre-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.genre-row>a,.genre-row>article{padding:20px 14px;border-radius:16px;background:linear-gradient(160deg,rgba(255,45,106,.12),rgba(155,77,255,.08)),var(--surface);border:1px solid var(--border);font-weight:750;color:#fff}.genre-row small{display:block;margin-top:4px;font-weight:500}.mag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mag-grid>article{padding:20px;border-radius:18px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.mag-grid .mag-main{grid-column:span 2;grid-row:span 2}.mag-main .mag-media{margin-bottom:18px}.mag-grid>article>span{color:var(--pink-bright);font-weight:900}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.collection-grid>a,.collection-grid>article{display:block;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:var(--surface)}.collection-grid b,.collection-grid span{display:block}.collection-grid b{color:#fff}.collection-grid>a>span{color:var(--muted);font-size:.86rem;margin-top:5px}.rank-preview{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.rank-preview a{padding:18px 10px;text-align:center;border-block:1px solid rgba(255,255,255,.08)}.rank-preview b,.rank-preview span{display:block}.rank-preview b{font-size:2rem;color:var(--pink-bright)}.rank-preview span{color:#ddd}.timeline-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--border)}.timeline-preview article{position:relative;padding:24px 18px 18px;border-right:1px solid rgba(255,255,255,.07)}.timeline-preview article:before{content:"";position:absolute;top:-5px;left:18px;width:9px;height:9px;border-radius:50%;background:var(--pink-bright);box-shadow:0 0 16px var(--pink)}.timeline-preview span,.timeline-preview strong{display:block}.timeline-preview span{font-size:.8rem;color:var(--muted)}.timeline-preview strong{color:#fff;margin-top:5px}.timeline-preview p{font-size:.84rem;color:var(--quiet);margin:5px 0}.review-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.review-preview article{padding:18px;border-radius:16px;background:var(--surface);border-top:2px solid var(--pink)}.review-preview span{font-size:.76rem;color:var(--pale-pink)}.review-preview h3{font-size:1.03rem;margin-top:7px}.review-preview p{font-size:.84rem;color:var(--muted);margin:0}.discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.discover-grid a{padding:22px;border-radius:18px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.discover-grid b,.discover-grid span{display:block}.discover-grid b{color:#fff}.discover-grid span{color:var(--muted);font-size:.86rem;margin-top:5px}.app-home{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:42px;align-items:center;padding:40px;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 14% 20%,rgba(155,77,255,.15),transparent 34%),var(--surface)}.app-visual>*{max-height:540px}.dual-policy{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dual-policy article{padding:28px;border-radius:20px;border:1px solid var(--border);background:var(--surface)}.faq-home{display:grid;gap:9px}.faq-home details,.faq-list details{border:1px solid rgba(255,255,255,.07);border-radius:14px;background:var(--surface);overflow:hidden}.faq-home summary,.faq-list summary{cursor:pointer;list-style:none;padding:16px 18px;color:#fff;font-weight:750}.faq-home summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.faq-home summary:after,.faq-list summary:after{content:"＋";float:right;color:var(--pink-bright)}.faq-home details[open] summary:after,.faq-list details[open] summary:after{content:"−"}.faq-home details p,.faq-list details p{padding:0 18px 18px;color:var(--muted);margin:0}.brand-manifesto{padding:48px;border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(155,77,255,.18),transparent 28%),linear-gradient(135deg,rgba(255,45,106,.12),rgba(18,18,31,.75));border:1px solid var(--border)}.brand-manifesto p{max-width:1000px;color:#d0d0dc}
/* Hot and editorial common */
.hot-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.big-story,.story-index,.topic-lines,.star-intro,.movie-essay,.movie-sidebar,.visual-language{padding:24px;border-radius:20px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.story-index{display:grid;gap:8px}.story-index a{padding:12px;border-radius:12px;background:rgba(255,255,255,.035)}.story-index strong,.story-index span{display:block}.story-index span{color:var(--muted);font-size:.84rem}.topic-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.topic-lines article{padding:16px;border-right:1px solid rgba(255,255,255,.07)}.topic-lines article:last-child{border:0}.editorial-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.editorial-columns>article{padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:var(--surface)}.editorial-columns p{color:var(--muted)}
/* Star */
.star-intro{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:start}.statement-number{font-size:4.5rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px var(--pink-bright)}.star-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.star-lanes article{padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.star-editorial{display:grid;grid-template-columns:1fr 1fr;gap:16px}.star-editorial article{padding:26px;background:linear-gradient(145deg,rgba(255,45,106,.08),transparent),var(--surface);border-radius:20px}
/* Movie */
.movie-wall{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.poster-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,230px);gap:10px}.poster{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:var(--surface)}.poster-a{grid-row:span 2}.poster-media{width:100%;height:100%;object-fit:cover;min-height:100%}.poster .media-fallback{height:100%;min-height:100%;border:0;border-radius:0}.movie-essay{display:flex;flex-direction:column;justify-content:center}.movie-sidebar{margin-top:18px}.movie-index{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.movie-index article{padding:20px;border-radius:16px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.visual-language{display:grid;grid-template-columns:1fr 1fr;gap:22px}
/* Short, TV, Behind, Topic, List */
.short-directory>article{align-items:start}.short-directory h3{margin-top:2px}.short-directory p{margin:0;color:var(--muted)}.tv-genres{grid-template-columns:repeat(3,1fr)}.tv-genres>article span{display:block;color:var(--pink-bright);font-size:.78rem}.tv-genres>article p{color:var(--muted);font-weight:500;margin:0}.tv-reading .wide-feature{grid-template-columns:1.4fr .6fr}.behind-mag{grid-template-columns:1.3fr .7fr 1fr}.behind-mag .mag-main{grid-column:span 2;grid-row:auto}.behind-mag .mag-media{grid-column:3;grid-row:1 / span 2;padding:0;background:transparent;border:0}.behind-mag .mag-media>*{height:100%;min-height:100%}.craft-strip{padding-top:40px}.topic-catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topic-feature{display:grid;grid-template-columns:66px 1fr;gap:18px;padding:24px;border-radius:20px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.topic-no{color:var(--pink-bright);font-size:2rem;font-weight:900}.topic-feature p{color:var(--muted)}.scrapbook>article{min-height:230px;position:relative}.collection-mark{display:inline-block;color:var(--pink-bright);font-size:1.7rem;font-weight:900;margin-bottom:24px}.scrapbook .note-line{color:var(--pale-pink);font-size:.8rem;border:0;padding:0;margin-top:18px}.list-method{border-top:1px solid rgba(255,255,255,.07)}
/* Rank & Calendar */
.big-rank-list{display:grid;gap:0}.big-rank-list>article{display:grid;grid-template-columns:140px 1fr;gap:28px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.08)}.rank-no{font-size:clamp(4rem,8vw,7.5rem);font-weight:950;line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(255,77,138,.65)}.big-rank-list p{max-width:850px;color:var(--muted)}.calendar-track{position:relative;display:grid;gap:0}.calendar-track:before{content:"";position:absolute;top:0;bottom:0;left:132px;width:1px;background:linear-gradient(var(--pink),rgba(155,77,255,.12));pointer-events:none}.calendar-item{display:grid;grid-template-columns:110px 1fr;gap:45px;padding:28px 0;position:relative}.calendar-item:after{content:"";position:absolute;left:127px;top:37px;width:11px;height:11px;background:var(--pink-bright);border:3px solid var(--bg);border-radius:50%}.calendar-item>div{padding:22px;border-radius:18px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.calendar-item p{color:var(--muted)}.status{justify-self:start;align-self:start;margin-top:25px;padding:5px 9px;border-radius:999px;border:1px solid var(--border);font-size:.74rem;color:#ffd6e1;white-space:nowrap}.published{background:rgba(255,45,106,.15)}.arranging{background:rgba(155,77,255,.12)}.making{background:rgba(255,77,138,.09)}.pending,.later{color:#b7b7c7;background:rgba(255,255,255,.04)}
/* Studio & Review & Discover */
.studio-chapters{display:grid;gap:14px}.studio-chapter{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;padding:32px;border-radius:22px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.studio-chapter.reverse{grid-template-columns:minmax(0,1fr) 150px}.studio-chapter.reverse .chapter-no{order:2}.chapter-no{font-size:5rem;font-weight:950;line-height:1;color:rgba(255,45,106,.11);-webkit-text-stroke:1px var(--pink)}.studio-chapter p{color:var(--muted)}.review-list{display:grid;gap:14px;max-width:1040px}.review-article{padding:30px;border-left:3px solid var(--pink);background:var(--surface);border-radius:0 20px 20px 0}.review-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.8rem;margin-bottom:12px}.review-article p{color:#c2c2d0}.discover-index{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.discover-card{padding:24px;border-radius:20px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.discover-card.feature{grid-column:span 2;background:linear-gradient(135deg,rgba(255,45,106,.11),rgba(155,77,255,.08)),var(--surface)}.discover-card p{color:var(--muted)}
/* APP, service pages */
.app-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.7fr)}.app-device{position:relative;max-width:460px;justify-self:center}.app-device .app-icon-media{position:absolute;right:-12px;bottom:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.app-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.app-feature-grid article{padding:22px;border-radius:18px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.app-feature-grid article>span{color:var(--pink-bright);font-weight:900}.app-feature-grid p{color:var(--muted)}.app-longcopy .wide-feature{grid-template-columns:1fr 260px;align-items:start}.app-aside{display:grid;gap:8px;padding:18px;border-radius:16px;background:rgba(255,255,255,.035)}.app-aside h3{font-size:1rem}.app-aside a{padding:9px 10px;border-radius:10px;color:#ddd}.app-aside a:hover{background:var(--surface-2);color:#fff}.install-steps{display:grid;gap:10px}.install-steps>article{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:24px;border-radius:18px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.step-no{font-size:1.7rem;font-weight:900;color:var(--pink-bright)}.install-steps p{color:var(--muted)}.rights-grid,.rating-spectrum,.about-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rights-grid article,.rating-card,.about-pillars article{padding:26px;border-radius:20px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.rights-grid p,.rating-card p,.about-pillars p{color:var(--muted)}.flow-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.flow-list li{padding:20px;border-radius:18px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.flow-list li>span{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:var(--gradient);font-weight:900}.flow-list h3{margin:12px 0 7px}.flow-list p{color:var(--muted);font-size:.88rem}.rating-spectrum{grid-template-columns:repeat(3,1fr)}.rating-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:linear-gradient(145deg,rgba(255,45,106,.18),rgba(155,77,255,.18));border:1px solid var(--border-strong);font-weight:900;color:#fff}.privacy-ledger{display:grid;gap:0}.privacy-ledger article{display:grid;grid-template-columns:86px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.08)}.privacy-no{font-size:1.8rem;font-weight:900;color:var(--pink-bright)}.privacy-ledger p{color:var(--muted)}
/* Help, FAQ, Contact, About */
.help-gateway{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.help-tile{padding:22px;border-radius:18px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.help-tile>span{color:var(--pink-bright);font-weight:900}.help-tile p{color:var(--muted);font-size:.86rem;margin:0}.help-sections{display:grid;gap:12px}.help-section{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:28px;border-radius:20px;background:var(--surface);border:1px solid rgba(255,255,255,.07);scroll-margin-top:100px}.help-label{color:var(--pink-bright);font-size:.78rem;font-weight:900;letter-spacing:.12em}.help-section h3{margin-top:20px}.help-section p{color:var(--muted)}.faq-list{max-width:1040px;display:grid;gap:10px}.faq-list summary{font-size:1.02rem;padding:19px 22px}.faq-list details p{padding:0 22px 21px;line-height:1.85}.contact-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-board article{padding:24px;border-radius:20px;background:var(--surface);border:1px solid rgba(255,255,255,.07)}.contact-code{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,45,106,.11);color:var(--pale-pink);font-weight:900}.contact-board h2{font-size:1.35rem;margin-top:18px}.contact-board p{color:var(--muted)}.contact-warning{padding:32px;border-radius:22px;border:1px solid var(--border-strong);background:linear-gradient(135deg,rgba(255,45,106,.08),rgba(155,77,255,.05))}.contact-warning p{color:#c5c5d3}.about-story{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.about-lead{padding:30px;border-radius:22px;background:var(--surface)}.about-lead p{color:#c5c5d3}.about-values{display:grid;gap:10px}.about-values>div{padding:22px;border-radius:18px;border:1px solid var(--border);background:var(--surface)}.about-values strong{color:var(--pink-bright);font-size:1.3rem}.about-values h3{margin:6px 0}.about-values p{color:var(--muted);margin:0}.about-manifesto{margin-top:20px}
/* Hover polish */
.pill-grid a,.horizontal-track a,.collection-grid a,.discover-grid a,.help-tile,.contact-board article,.discover-card,.rating-card,.rights-grid article,.about-pillars article,.editor-picks a{transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.horizontal-track a:hover,.collection-grid a:hover,.discover-grid a:hover,.help-tile:hover,.discover-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}
@media (max-width:1120px){
  .desktop-nav a{padding-inline:7px;font-size:.9rem}.nav-shell{gap:10px}.home-hero{grid-template-columns:1fr 1fr;grid-template-areas:"copy media" "list list"}.hero-list{display:grid;grid-template-columns:repeat(3,1fr)}.hero-media>*{min-height:390px}.genre-row{grid-template-columns:repeat(3,1fr)}.collection-grid{grid-template-columns:repeat(2,1fr)}.review-preview{grid-template-columns:repeat(3,1fr)}.review-preview article:nth-child(n+4){grid-column:span 1}.rank-preview{grid-template-columns:repeat(3,1fr)}.timeline-preview{grid-template-columns:repeat(3,1fr)}.app-feature-grid{grid-template-columns:repeat(2,1fr)}.rating-spectrum{grid-template-columns:repeat(2,1fr)}.flow-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  :root{--header-h:64px}.section-shell,.footer-inner{width:min(var(--max),calc(100% - 32px))}.site-main{padding-top:20px}.section-block{padding:58px 0}.desktop-nav,.desktop-only{display:none!important}.mobile-menu-btn{display:flex}.nav-shell{width:calc(100% - 24px);display:grid;grid-template-columns:52px 1fr auto;gap:8px}.brand{justify-self:center}.brand-logo{max-width:126px;max-height:40px}.nav-actions{margin:0}.nav-actions .app-cta{min-width:64px;min-height:44px}.search-panel{top:0;height:100dvh;overflow-y:auto}.search-inner{width:calc(100% - 32px);padding:18px 0 32px}.search-links{grid-template-columns:1fr 1fr}.search-top{min-height:48px}.inner-hero{grid-template-columns:1fr;gap:26px;padding-top:42px}.home-hero{grid-template-columns:1fr;grid-template-areas:"copy" "media" "list";padding-top:36px}.hero-copy{order:1}.hero-media{order:2}.hero-list{order:3}.hero-media>*{min-height:300px;aspect-ratio:16/10}.hero-list{grid-template-columns:1fr}.pill-grid{grid-template-columns:repeat(2,1fr)}.feature-split,.wide-feature,.hot-lead,.movie-wall,.visual-language,.app-home,.dual-policy,.about-story{grid-template-columns:1fr}.editor-picks{display:grid;grid-template-columns:1fr 1fr}.mag-grid{grid-template-columns:1fr 1fr}.mag-grid .mag-main{grid-column:span 2}.discover-grid,.contact-board{grid-template-columns:repeat(2,1fr)}.review-preview{grid-template-columns:1fr 1fr}.timeline-preview{grid-template-columns:1fr 1fr}.timeline-preview article{border-bottom:1px solid rgba(255,255,255,.06)}.footer-groups{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;z-index:800;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:58px;padding-bottom:env(safe-area-inset-bottom);background:rgba(5,5,10,.96);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.09)}.mobile-bottom a{display:flex;min-width:0;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#88889b;font-size:.72rem}.mobile-bottom a span{font-size:1rem;line-height:1}.mobile-bottom a.is-active{color:var(--pink-bright)}.site-footer{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.topic-catalog,.rights-grid,.about-pillars{grid-template-columns:1fr}.behind-mag{grid-template-columns:1fr 1fr}.behind-mag .mag-main{grid-column:span 2}.behind-mag .mag-media{grid-column:span 2;grid-row:auto}.big-rank-list>article{grid-template-columns:100px 1fr}.studio-chapter,.studio-chapter.reverse{grid-template-columns:92px 1fr}.studio-chapter.reverse .chapter-no{order:0}.discover-index{grid-template-columns:1fr 1fr}.app-longcopy .wide-feature{grid-template-columns:1fr}.help-gateway{grid-template-columns:1fr 1fr}.star-lanes,.editorial-columns{grid-template-columns:1fr 1fr}.movie-index{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .section-shell,.footer-inner{width:calc(100% - 30px)}.section-block{padding:48px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.lead{font-size:1rem}.home-hero{padding-top:30px}.hero-copy h1{font-size:clamp(2.35rem,12vw,3.55rem)}.hero-actions{gap:9px}.btn-primary,.btn-secondary,.primary-btn,.secondary-btn{min-height:44px;padding-inline:16px}.hero-media>*{min-height:240px}.quick-inner{gap:20px}.pill-grid,.editor-picks,.discover-grid,.review-preview,.timeline-preview,.footer-groups,.search-links,.contact-board,.app-feature-grid,.rating-spectrum,.help-gateway,.star-lanes,.editorial-columns,.movie-index,.flow-list{grid-template-columns:1fr}.feature-split{grid-template-columns:1fr}.horizontal-track{grid-auto-columns:82%}.genre-row,.tv-genres{grid-template-columns:1fr 1fr}.mag-grid,.behind-mag{grid-template-columns:1fr}.mag-grid .mag-main,.behind-mag .mag-main,.behind-mag .mag-media{grid-column:1}.collection-grid{grid-template-columns:1fr}.rank-preview{grid-template-columns:repeat(2,1fr)}.timeline-preview article{border-right:0}.app-home{padding:24px}.brand-manifesto{padding:30px 22px}.dual-policy article{padding:22px}.footer-brand{grid-template-columns:1fr}.footer-logo{justify-content:flex-start}.footer-bottom{flex-direction:column}.inner-hero{padding-top:34px}.inner-hero .wide-media,.inner-hero>.media-fallback{aspect-ratio:16/10;min-height:220px}.topic-catalog{grid-template-columns:1fr}.topic-feature{grid-template-columns:46px 1fr;padding:20px}.topic-no{font-size:1.45rem}.big-rank-list>article{grid-template-columns:1fr;gap:10px;padding:26px 0}.rank-no{font-size:4.2rem}.calendar-track:before{left:8px}.calendar-item{grid-template-columns:1fr;gap:8px;padding:20px 0 20px 28px}.calendar-item:after{left:3px;top:35px}.status{margin:0;justify-self:start}.calendar-item>div{padding:18px}.studio-chapter,.studio-chapter.reverse{grid-template-columns:1fr;padding:22px}.chapter-no{font-size:3.5rem}.review-article{padding:22px}.discover-index{grid-template-columns:1fr}.discover-card.feature{grid-column:1}.app-device{width:min(100%,360px)}.app-device .app-icon-media{right:8px}.privacy-ledger article{grid-template-columns:54px 1fr}.help-section{grid-template-columns:1fr;padding:22px}.help-label{margin-bottom:-6px}.poster-mosaic{grid-template-rows:190px 190px}.poster-a{grid-row:span 2}.movie-wall{gap:14px}.source-box{padding:24px}.star-intro{grid-template-columns:1fr}.statement-number{font-size:3.4rem}.star-editorial{grid-template-columns:1fr}.number-list li a,.number-list>article{grid-template-columns:52px 1fr}.app-hero{grid-template-columns:1fr}.mobile-bottom a{font-size:.68rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.btn-primary:hover,.primary-btn:hover,.app-cta:hover,.pill-grid a:hover,.horizontal-track a:hover,.collection-grid a:hover,.discover-grid a:hover,.help-tile:hover,.discover-card:hover{transform:none}}