:root{
  --blue:#4F88A8;--blue-2:#6FA7C3;--blue-soft:#DCECF2;--blue-mist:#ECF5F8;--blue-deep:#315B72;--blue-night:#203E50;
  --warm-white:#FBF8F4;--warm-bg:#F5F1EC;--warm-surface:#FFFDFC;--sand:#E8D9C9;--sand-soft:#F1E7DD;--clay:#C98C6B;--champagne:#D8B98A;
  --ink:#263A46;--ink-2:#556A75;--ink-3:#83929A;--line:rgba(79,136,168,.14);--line-strong:rgba(79,136,168,.28);
  --shadow:0 12px 32px rgba(39,72,89,.09);--shadow-hover:0 18px 42px rgba(39,72,89,.14);--radius:12px;--radius-card:16px;--radius-large:22px;--radius-pill:999px;--wrap:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--warm-bg)}body{margin:0;color:var(--ink);background:var(--warm-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.7;overflow-x:hidden}body.lights-off:before{content:"";position:fixed;inset:0;background:rgba(13,29,38,.82);z-index:74;pointer-events:none}body.lights-off .video-stage{position:relative;z-index:75}img{max-width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}button,a{touch-action:manipulation}[hidden]{display:none!important}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-140%);background:var(--blue-night);color:#fff;padding:8px 12px;border-radius:8px}.skip-link:focus{transform:none}.eyebrow{display:inline-block;color:var(--clay);font-size:.75rem;letter-spacing:.12em;font-weight:750;text-transform:uppercase}.meta{color:var(--ink-3);font-size:.78rem}.pill{display:inline-flex;border-radius:var(--radius-pill);padding:4px 9px;background:var(--blue-soft);color:var(--blue-deep);font-size:.75rem;font-weight:700}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue-deep);font-weight:750}.text-link:hover{color:var(--clay)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:11px;border:1px solid transparent;font-weight:750;cursor:pointer;transition:.2s ease}.button.primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(79,136,168,.2)}.button.primary:hover{background:var(--blue-deep);transform:translateY(-1px)}.button.secondary{background:var(--warm-surface);border-color:var(--line-strong);color:var(--blue-deep)}.button.ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.button.full{width:100%}.button.disabled{opacity:.45;pointer-events:none}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.bare-button{border:0;background:transparent;padding:0;cursor:pointer}.icon-button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--warm-surface);cursor:pointer}.icon-button.is-active,[data-favorite].is-active{color:var(--clay)}:focus-visible{outline:3px solid rgba(79,136,168,.38);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:70;transition:.25s ease}.site-header.is-scrolled{box-shadow:0 10px 25px rgba(37,63,76,.12)}.microbar{height:26px;background:var(--blue-deep);color:#eaf3f6;font-size:.72rem}.microbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.microbar-inner>div{display:flex;gap:18px}.brandbar{background:rgba(251,248,244,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brandbar-inner{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.03em}.brand img{width:38px;height:38px;object-fit:contain}.directory-button{display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);background:var(--warm-surface);padding:8px 14px;border-radius:11px;cursor:pointer}.directory-button span{font-weight:800}.directory-button small{color:var(--ink-3)}.brand-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:.9rem}.mobile-menu-button{display:none;border:1px solid var(--line);background:var(--warm-surface);border-radius:9px;padding:6px 10px}.channelbar{background:var(--warm-surface);border-bottom:1px solid var(--line)}.channel-scroll{height:44px;display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.channel-scroll::-webkit-scrollbar{display:none}.channel-scroll a{white-space:nowrap;padding:7px 11px;border-radius:9px;color:var(--ink-2);font-size:.88rem}.channel-scroll a.active{background:var(--blue-soft);color:var(--blue-deep);font-weight:800}
.overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;padding:88px 20px 30px}.overlay-backdrop{position:absolute;inset:0;background:rgba(25,48,61,.48);backdrop-filter:blur(4px)}.mega-panel,.search-panel{position:relative;z-index:1;width:min(960px,100%);max-height:calc(100vh - 120px);overflow:auto;background:var(--warm-white);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-large);box-shadow:0 30px 80px rgba(27,51,65,.24);padding:34px}.search-panel{width:min(740px,100%)}.overlay-close{position:absolute;right:18px;top:16px;border:0;background:var(--blue-mist);width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1.3rem}.mega-panel>h2,.search-panel>h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:5px 0 8px}.mega-panel>p,.search-panel>p{color:var(--ink-2);max-width:700px}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.mega-grid>div{background:var(--warm-surface);border:1px solid var(--line);border-radius:14px;padding:17px}.mega-grid h3{margin:0 0 12px;font-size:.85rem;color:var(--clay)}.mega-grid a{display:block;padding:10px 0;border-top:1px solid var(--line)}.mega-grid a:first-of-type{border-top:0}.mega-grid b,.mega-grid span{display:block}.mega-grid span{color:var(--ink-3);font-size:.78rem;margin-top:2px}.search-box{display:flex;gap:8px;background:var(--warm-surface);border:1px solid var(--line-strong);border-radius:14px;padding:6px}.search-box input{flex:1;min-width:0;border:0;background:transparent;padding:9px 12px;outline:0}.search-box button{border:0;background:var(--blue);color:#fff;border-radius:10px;padding:8px 18px;font-weight:750}.search-box.large{max-width:840px;padding:8px}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.search-presets a{padding:7px 11px;border-radius:9px;background:var(--blue-mist);color:var(--blue-deep)}.mobile-menu{position:fixed;z-index:110;top:0;right:0;width:min(340px,88vw);height:100vh;background:var(--warm-white);box-shadow:-20px 0 50px rgba(22,44,55,.18);padding:60px 24px 24px;display:flex;flex-direction:column;gap:4px}.mobile-menu>button{position:absolute;top:16px;right:16px;border:0;background:var(--blue-mist);width:38px;height:38px;border-radius:50%}.mobile-menu a{padding:13px;border-bottom:1px solid var(--line);font-weight:700}
main{min-height:60vh}.section{padding:76px 0}.section.warm{background:var(--warm-white)}.section.sand{background:var(--sand-soft)}.section.blue-mist{background:var(--blue-mist)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-head h2{font-size:clamp(1.65rem,2.6vw,2.45rem);line-height:1.2;margin:6px 0 8px;letter-spacing:-.025em}.section-head p{max-width:760px;margin:0;color:var(--ink-2)}
.hero-home{padding:54px 0 72px;background:linear-gradient(135deg,var(--warm-white),var(--blue-mist) 58%,var(--sand-soft))}.hero-grid{display:grid;grid-template-columns:.45fr .55fr;align-items:center;gap:48px;min-height:500px}.hero-copy h1,.channel-hero h1,.page-hero h1,.app-hero h1{font-size:clamp(2.45rem,5vw,4.8rem);line-height:1.06;letter-spacing:-.045em;margin:10px 0 22px}.hero-copy>p,.channel-hero p,.page-hero p,.app-hero p{font-size:1.03rem;color:var(--ink-2);max-width:690px}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-meta span{font-size:.78rem;padding:5px 9px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.55)}.hero-visual{position:relative;min-height:430px}.hero-visual>img{width:100%;height:100%;min-height:430px;border-radius:26px;box-shadow:var(--shadow);object-position:center}.hero-visual:after{content:"";position:absolute;inset:0;border-radius:26px;background:linear-gradient(90deg,rgba(251,248,244,.22),transparent 25%);pointer-events:none}.hero-note{position:absolute;left:24px;right:24px;bottom:22px;background:rgba(255,253,252,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:15px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.hero-note span{font-size:.75rem;color:var(--clay);font-weight:800}.hero-note strong{font-size:.92rem}.hero-note a{color:var(--blue-deep);font-weight:800}
.page-hero,.channel-hero,.app-hero{padding:64px 0;background:linear-gradient(125deg,var(--warm-white),var(--blue-mist))}.page-hero.compact{padding:52px 0}.page-hero-grid,.channel-hero-grid,.app-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:52px;align-items:center}.channel-hero-grid.reverse{grid-template-columns:.8fr 1fr}.channel-hero-grid.reverse>div{order:2}.page-hero img,.channel-hero img{width:100%;height:360px;border-radius:24px;box-shadow:var(--shadow)}.page-hero.compact img{height:260px}.channel-hero h1,.page-hero h1,.app-hero h1{font-size:clamp(2.2rem,4vw,3.8rem)}
.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-card{display:flex;flex-direction:column;background:var(--warm-surface);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(35,62,76,.05);transition:.2s}.quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.quick-card img{height:88px;width:100%}.quick-card>div{padding:13px}.quick-card strong{color:var(--blue-deep)}.quick-card p{font-size:.78rem;color:var(--ink-2);margin:5px 0 0}.poster-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.poster-grid.compact{grid-template-columns:repeat(6,1fr)}.poster-card{min-width:0;transition:.2s}.poster-card:hover{transform:translateY(-2px)}.poster-media{display:block;position:relative;overflow:hidden;border-radius:15px;background:var(--sand-soft);aspect-ratio:2/3}.poster-media img{width:100%;height:100%;transition:.3s ease}.poster-card:hover .poster-media img{transform:scale(1.02)}.score{position:absolute;right:8px;bottom:8px;background:rgba(32,62,80,.88);color:#fff;border-radius:8px;padding:3px 7px;font-weight:800;font-size:.78rem}.poster-body{padding:10px 2px}.poster-body h3{font-size:1rem;margin:3px 0 2px;line-height:1.35}.poster-body p{margin:0;color:var(--ink-3);font-size:.78rem}.landscape-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.landscape-card{background:var(--warm-surface);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);transition:.22s}.landscape-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.landscape-media{display:block;aspect-ratio:16/9;overflow:hidden}.landscape-media img{width:100%;height:100%;transition:.3s}.landscape-card:hover .landscape-media img{transform:scale(1.02)}.landscape-body{padding:18px}.landscape-body h3{font-size:1.32rem;margin:4px 0 7px}.landscape-body p{font-size:.9rem;color:var(--ink-2);margin:0}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.split-editorial,.two-col-feature{display:grid;grid-template-columns:1.3fr .7fr;gap:42px;align-items:start}.editor-note,.soft-panel{background:var(--warm-surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px}.editor-note h3,.soft-panel h3{font-size:1.5rem;line-height:1.25}.soft-panel.dark{background:rgba(255,255,255,.07);color:#dfeef3;border-color:rgba(255,255,255,.12)}.mood-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.mood-list a{display:grid;grid-template-columns:42px 120px 1fr;gap:8px;align-items:center;background:var(--sand-soft);padding:14px}.mood-list a:hover{background:var(--warm-surface)}.mood-list span{font-size:.75rem;color:var(--clay)}.mood-list small{color:var(--ink-2)}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.index-grid.mini{grid-template-columns:1fr}.index-card{display:block;background:var(--warm-surface);border:1px solid var(--line);border-radius:15px;padding:21px;transition:.2s}.index-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.index-card h3{margin:6px 0;font-size:1.2rem}.index-card p{color:var(--ink-2);margin:0 0 10px}.index-card>b{color:var(--blue-deep)}
.track{position:relative}.track-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.track-controls button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--warm-surface);cursor:pointer}.track-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 16px;scrollbar-width:thin;cursor:grab}.track-row.is-dragging{cursor:grabbing;scroll-snap-type:none}.track-item{flex:0 0 190px;scroll-snap-align:start}.track-item.wide{flex-basis:420px}.rank-list{border-top:1px solid var(--line)}.rank-row{display:grid;grid-template-columns:56px 72px 1fr auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.rank-no{font-size:1.55rem;font-weight:850;color:var(--blue-deep)}.rank-row>img{width:72px;height:54px;border-radius:8px}.rank-main h3{margin:2px 0;font-size:1rem}.rank-main p{margin:0;color:var(--ink-3);font-size:.78rem}.timeline{max-width:930px}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:22px;position:relative;padding:0 0 28px 26px;border-left:1px solid var(--line-strong)}.timeline-item:before{content:"";position:absolute;left:-6px;top:6px;width:11px;height:11px;background:var(--clay);border-radius:50%;box-shadow:0 0 0 5px var(--warm-bg)}.timeline-date{display:flex;flex-direction:column}.timeline-date b{color:var(--blue-deep)}.timeline-date span{font-size:.78rem;color:var(--ink-3)}.timeline-item h3,.timeline-item h2{margin:6px 0}.timeline-item p{margin:0;color:var(--ink-2)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{display:grid;grid-template-columns:.42fr .58fr;background:var(--warm-surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.feature-card>img{height:100%;min-height:260px;width:100%}.feature-card>div{padding:24px}.feature-card h3{font-size:1.45rem;margin:6px 0}.feature-card p{color:var(--ink-2)}.feature-card small{display:block;color:var(--ink-3);margin-bottom:14px}.genre-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.genre-tiles a{position:relative;height:240px;border-radius:18px;overflow:hidden}.genre-tiles img{width:100%;height:100%}.genre-tiles span{position:absolute;left:16px;right:16px;bottom:14px;background:rgba(255,253,252,.9);backdrop-filter:blur(8px);border-radius:12px;padding:12px}.genre-tiles b,.genre-tiles small{display:block}.genre-tiles small{color:var(--ink-2);margin-top:2px}.long-copy{color:var(--ink-2);font-size:1.02rem}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{background:var(--warm-surface);border-radius:15px;overflow:hidden;border:1px solid var(--line)}.article-card>img{width:100%;aspect-ratio:16/9}.article-card>div{padding:18px}.article-card h3{margin:5px 0;font-size:1.15rem}.article-card p{color:var(--ink-2);font-size:.88rem}.article-card small{color:var(--ink-3)}.comment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comment-grid.large{grid-template-columns:repeat(3,1fr)}.comment-card{display:flex;flex-direction:column;background:var(--warm-surface);border:1px solid var(--line);border-radius:15px;padding:17px}.comment-card header{display:flex;gap:10px;align-items:center}.comment-card header img{width:38px;height:38px;border-radius:50%}.comment-card header div{display:flex;flex-direction:column}.comment-card header small{color:var(--ink-3)}.comment-card>p{flex:1;color:var(--ink-2)}.comment-card footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:11px;font-size:.8rem}.comment-card footer a{color:var(--blue-deep);font-weight:700}.comment-card footer button{border:0;background:var(--blue-mist);border-radius:8px;padding:5px 8px;cursor:pointer}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item h2,.faq-item h3{margin:0;font-size:1rem}.faq-item button{width:100%;border:0;background:transparent;padding:18px 0;display:flex;justify-content:space-between;text-align:left;cursor:pointer;font-weight:750}.faq-answer{padding:0 0 20px;max-width:860px;color:var(--ink-2)}.faq-answer p{margin:0}.about-home{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.about-home p{color:var(--ink-2)}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.numbers.six{grid-template-columns:repeat(3,1fr)}.numbers>div{background:var(--warm-surface);border:1px solid var(--line);border-radius:16px;padding:20px}.numbers strong{display:block;font-size:2rem;color:var(--blue-deep)}.numbers span{color:var(--ink-2);font-size:.85rem}.app-strip{display:grid;grid-template-columns:.55fr 1fr;align-items:center;gap:40px;background:var(--blue-night);color:#edf5f7;border-radius:24px;padding:30px 44px;overflow:hidden}.app-strip img{height:330px;width:100%;object-fit:contain}.app-strip h2{font-size:2rem;line-height:1.2}.app-strip p{color:#bfd3dd}.service-strip{padding:48px 0;background:var(--sand-soft)}.service-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;align-items:stretch}.service-grid>div{padding-right:28px}.service-grid>a{display:grid;place-items:center;background:var(--warm-surface);border:1px solid var(--line);border-radius:14px;font-weight:800}.service-grid h2{margin:5px 0}
.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;background:var(--warm-white);border:1px solid var(--line);border-radius:18px}.filters label{display:flex;flex-direction:column;gap:5px;font-size:.75rem;color:var(--ink-2);font-weight:700}.filters input,.filters select{width:100%;border:1px solid var(--line-strong);background:var(--warm-surface);border-radius:9px;padding:9px;color:var(--ink)}.filters .button{align-self:end}.result-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px}.result-tools{display:flex;align-items:center;gap:14px}.view-toggle{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.view-toggle button{border:0;background:var(--warm-surface);padding:6px 9px;cursor:pointer}.view-toggle button[aria-pressed="true"]{background:var(--blue-soft);color:var(--blue-deep)}.poster-grid.is-list{display:block}.poster-grid.is-list .poster-card{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.poster-grid.is-list .poster-media{aspect-ratio:2/3;width:90px}.poster-grid.is-list .poster-body{padding:8px 0}.pagination{display:flex;flex-wrap:wrap;gap:6px;margin-top:30px}.pagination a{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px}.pagination a.active{background:var(--blue);color:#fff}.empty-state{text-align:center;padding:70px 20px}.empty-state h1,.empty-state h2{font-size:2rem}.search-hero{padding:64px 0;background:var(--blue-mist)}.search-hero h1{font-size:clamp(2.2rem,4vw,4rem);margin:6px 0 20px}.search-start{display:grid;grid-template-columns:1fr .7fr;gap:40px;align-items:center}.search-start img{border-radius:20px;height:280px;width:100%}.search-tabs,.rank-tabs,.date-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.search-tabs button,.rank-tabs button,.date-tabs button{border:1px solid var(--line);background:var(--warm-surface);padding:8px 12px;border-radius:9px;cursor:pointer}.search-tabs button.active,.rank-tabs button.active,.date-tabs button.active{background:var(--blue);color:#fff}.actor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.actor-card{background:var(--warm-surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.actor-card>img{width:100%;aspect-ratio:1/1}.actor-card>div,.actor-card>b,.actor-card>span{display:block;padding-inline:15px}.actor-card>div{padding-block:15px}.actor-card p{font-size:.85rem;color:var(--ink-2)}
.mood-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mood-card{border:1px solid var(--line);background:var(--warm-surface);border-radius:15px;padding:18px}.mood-card.active{background:var(--blue-soft);border-color:var(--line-strong)}.mood-card span{color:var(--clay);font-size:.75rem}.mood-card h3{margin:4px 0}.mood-card p{margin:0;color:var(--ink-2);font-size:.85rem}.local-library{background:var(--warm-white);padding:24px;border-radius:16px}.local-library [data-library-results]{display:grid;gap:8px;margin-top:14px}.local-library [data-library-results] a{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--warm-surface)}.top-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.two-col-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px}.two-col-copy>div{background:rgba(255,255,255,.45);border-radius:15px;padding:24px}.two-col-copy h2{margin-top:0}.two-col-copy p,.two-col-copy li{color:var(--ink-2)}.timeline-wide{max-width:960px}.schedule-stack{max-width:850px}.schedule-card{background:var(--warm-surface);border-radius:18px;padding:28px;border:1px solid var(--line)}.schedule-card h2{font-size:2rem;margin:5px 0}.status-grid,.duration-cards,.three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.status-card,.duration-cards>div,.three-notes>article{background:var(--warm-surface);border:1px solid var(--line);border-radius:15px;padding:20px}.status-card strong,.duration-cards strong{font-size:1.25rem;color:var(--blue-deep)}.status-card p,.duration-cards p,.three-notes p{color:var(--ink-2)}.relationship-map{display:grid;grid-template-columns:1fr 1fr;gap:12px}.relationship-map div{min-height:120px;display:grid;place-items:center;border-radius:50% 50% 44% 56% / 55% 45% 55% 45%;background:var(--blue-soft);font-weight:800;color:var(--blue-deep)}.editorial-quote{max-width:920px;margin:auto;padding:35px;border-left:4px solid var(--clay);background:var(--warm-surface);border-radius:0 18px 18px 0}.editorial-quote blockquote{font-size:clamp(1.4rem,2.8vw,2.4rem);line-height:1.35;margin:8px 0 14px;font-weight:700;letter-spacing:-.02em}.editorial-quote p{color:var(--ink-2)}.numbered-list{list-style:none;padding:0;margin:0}.numbered-list li{display:grid;grid-template-columns:1fr 1fr;padding:14px 0;border-bottom:1px solid var(--line)}.numbered-list span{color:var(--ink-2)}
.detail-hero{position:relative;overflow:hidden;background:var(--warm-white);padding:68px 0}.detail-backdrop{position:absolute;right:0;top:0;width:60%;height:100%;opacity:.48}.detail-backdrop:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--warm-white),transparent 55%),linear-gradient(0deg,var(--warm-white),transparent 40%)}.detail-backdrop img{width:100%;height:100%}.detail-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:240px minmax(0,760px);gap:34px;align-items:center}.detail-poster img{width:100%;aspect-ratio:2/3;border-radius:18px;box-shadow:var(--shadow)}.detail-copy h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.04;margin:6px 0}.alias{color:var(--ink-3)}.detail-meta{display:flex;flex-wrap:wrap;gap:7px}.detail-meta span{padding:4px 8px;background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:8px;font-size:.78rem}.detail-score{display:flex;align-items:center;gap:10px;margin:14px 0}.detail-score strong{font-size:2.5rem;color:var(--blue-deep)}.detail-score span{font-size:.8rem;color:var(--ink-2);line-height:1.3}.detail-score small{color:var(--ink-3)}.detail-lead{max-width:760px;color:var(--ink-2)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px}.detail-main{max-width:820px}.prose-section{padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid var(--line)}.prose-section.soft{background:var(--blue-mist);border:0;border-radius:18px;padding:28px}.prose-section h2{font-size:1.8rem;margin:4px 0 12px}.prose-section p{color:var(--ink-2);font-size:1rem}.info-list{list-style:none;padding:0}.info-list li{display:grid;grid-template-columns:130px 1fr;padding:11px 0;border-bottom:1px solid var(--line)}.info-list span{color:var(--ink-2)}.sticky-card{position:sticky;top:160px}.collection-stack{display:grid;gap:34px}.collection-block{display:grid;grid-template-columns:.38fr .62fr;background:var(--warm-surface);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.collection-cover img{width:100%;height:100%;min-height:520px}.collection-copy{padding:30px}.collection-copy h2{font-size:2rem;margin:6px 0}.collection-copy>p{color:var(--ink-2)}.collection-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.collection-facts span{background:var(--blue-mist);padding:12px;border-radius:10px;font-size:.82rem}.collection-facts b{display:block;color:var(--blue-deep)}.mini-list{border-top:1px solid var(--line)}.mini-list a{display:grid;grid-template-columns:36px 50px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.mini-list img{width:50px;height:60px;border-radius:6px}.mini-list span{color:var(--clay);font-size:.75rem}.mini-list small{display:block;color:var(--ink-3)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px}.article-list{display:grid;gap:16px}.article-row{display:grid;grid-template-columns:270px 1fr;gap:22px;padding:16px 0;border-bottom:1px solid var(--line)}.article-row img{width:100%;height:170px;border-radius:13px}.article-row h2{font-size:1.5rem;line-height:1.25;margin:4px 0}.article-row p{color:var(--ink-2)}.article-row small{color:var(--ink-3)}.tag-groups{display:flex;flex-wrap:wrap;gap:9px}.tag-groups a{background:var(--warm-surface);border:1px solid var(--line);padding:8px 12px;border-radius:9px}.article-detail{background:var(--warm-white);padding:70px 0}.article-header{max-width:940px}.article-header h1{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.08;letter-spacing:-.04em;margin:8px 0 18px}.article-deck{font-size:1.2rem;color:var(--ink-2);max-width:800px}.article-byline{display:flex;gap:14px;color:var(--ink-3);font-size:.82rem;margin:18px 0 30px}.article-header>img{width:100%;aspect-ratio:16/8;border-radius:20px}.article-body{width:min(calc(100% - 40px),820px);margin:50px auto 0}.article-body section{margin-bottom:42px}.article-body h2{font-size:1.9rem;line-height:1.25}.article-body p{font-size:1.04rem;color:#40545f;line-height:1.95}.article-callout{background:var(--blue-mist);border-left:4px solid var(--blue);padding:24px;border-radius:0 14px 14px 0}.article-callout p{margin-bottom:0}.actor-hero{padding:70px 0;background:linear-gradient(135deg,var(--blue-mist),var(--sand-soft))}.actor-profile{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;max-width:980px}.actor-profile>img{width:260px;height:260px;border-radius:50%}.actor-profile h1{font-size:4rem;margin:4px 0}.app-hero{padding:65px 0}.app-hero-grid{grid-template-columns:1fr .55fr}.app-hero-grid>img{height:480px;width:100%;object-fit:contain}.app-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-screens article{background:var(--warm-surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.app-screens img{height:440px;width:100%;object-fit:contain;background:var(--blue-mist);padding:15px}.app-screens article>div{padding:20px}.app-screens span{color:var(--clay);font-weight:800}.app-screens h2{margin:3px 0}.app-screens p{color:var(--ink-2)}.longform-shell{max-width:900px}.longform-shell .prose-section{padding:28px;background:var(--warm-surface);border:1px solid var(--line);border-radius:16px}.service-links{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-links a{padding:16px;text-align:center;border:1px solid var(--line);background:var(--warm-surface);border-radius:10px;font-weight:750}.faq-wide{display:grid;grid-template-columns:1fr 300px;gap:45px}.not-found{padding:110px 0;background:linear-gradient(135deg,var(--warm-white),var(--blue-mist))}.not-found-inner{max-width:700px;text-align:center}.not-found img{width:80px;height:80px;object-fit:contain;margin:0 auto 20px}.not-found h1{font-size:3rem;line-height:1.1}.not-found .hero-actions{justify-content:center}
.player-shell{background:linear-gradient(135deg,#172E3A,#203E50);color:#eaf4f7;padding:44px 0 70px;min-height:70vh}.player-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:20px}.player-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}.player-heading h1{margin:2px 0;font-size:1.7rem}.player-heading h1 small{font-size:.9rem;color:#9bb9c7}.player-heading>a{color:#bbd4df}.video-stage{background:#172E3A;border-radius:16px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 18px 55px rgba(0,0,0,.22)}.video-stage video{width:100%;height:100%;background:#172E3A}.player-error{padding:12px;background:#6c4a3c;color:#fff}.custom-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.custom-controls button,.custom-controls select{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#eaf4f7;border-radius:8px;padding:7px 10px}.custom-controls select option{color:#172e3a}.custom-controls label{display:flex;gap:6px;align-items:center;font-size:.8rem;color:#b7ccd6}.player-nav{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}.player-shell .button.secondary{background:rgba(255,255,255,.08);color:#edf6f8;border-color:rgba(255,255,255,.18)}.switch{font-size:.85rem}.player-note{margin-top:30px;padding:22px;background:rgba(255,255,255,.05);border-radius:14px;color:#bcd0d9}.player-note h2{color:#fff}.player-note code{background:rgba(255,255,255,.1);padding:2px 5px;border-radius:4px}.episode-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;align-self:start;position:sticky;top:160px}.source-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.source-tabs span{font-size:.75rem;color:#a9c0cb}.source-tabs a{padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.06);font-size:.78rem}.source-tabs a.active{background:var(--blue);color:#fff}.episodes{margin-top:18px}.episodes h2{font-size:1rem}.episodes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.episodes h2{grid-column:1/-1}.episodes a{display:flex;gap:5px;align-items:center;padding:7px;border-radius:7px;background:rgba(255,255,255,.05);font-size:.78rem}.episodes a.active{background:var(--blue);color:#fff}.episodes span{font-size:.65rem;color:#9db5c0}.episodes a.active span{color:#fff}
.site-footer{background:linear-gradient(135deg,#203E50,#2B5368);color:#dce9ee;padding:60px 0 90px;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015),rgba(255,255,255,.015)),url('/images/footer-bg.webp');background-size:cover;opacity:.16;pointer-events:none}.site-footer>.wrap{position:relative;z-index:1}.footer-intro{display:grid;grid-template-columns:250px 1fr;gap:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-light{color:#fff}.brand-light img{object-fit:contain}.footer-intro p{margin:0;color:#bcd1da;max-width:760px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:34px 0}.footer-grid h3{color:#fff;font-size:.85rem}.footer-grid a{display:block;color:#bcd1da;padding:4px 0;font-size:.85rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.75rem;color:#9eb8c4}.mobile-bottom{display:none}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:60;width:42px;height:42px;border:0;border-radius:50%;background:var(--blue-deep);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.back-to-top.visible{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1200px){.quick-grid{grid-template-columns:repeat(3,1fr)}.poster-grid,.poster-grid.compact{grid-template-columns:repeat(5,1fr)}.comment-grid,.comment-grid.large{grid-template-columns:repeat(2,1fr)}.service-links{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1024px){.wrap{width:min(calc(100% - 32px),var(--wrap))}.brandbar-inner{grid-template-columns:1fr auto}.directory-button{display:none}.poster-grid,.poster-grid.compact{grid-template-columns:repeat(4,1fr)}.mega-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.feature-card{grid-template-columns:1fr}.feature-card>img{min-height:190px;max-height:240px}.detail-layout,.article-layout,.faq-wide{grid-template-columns:1fr}.sticky-card,.episode-panel{position:static}.app-screens{grid-template-columns:repeat(2,1fr)}.player-layout{grid-template-columns:1fr}.episode-panel{display:block}.episodes{grid-template-columns:repeat(6,1fr)}.filters{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.section{padding:60px 0}.microbar{display:none}.brandbar-inner{height:62px}.brand-actions>a{display:none}.mobile-menu-button{display:block}.hero-grid,.page-hero-grid,.channel-hero-grid,.channel-hero-grid.reverse,.app-hero-grid{grid-template-columns:1fr}.channel-hero-grid.reverse>div{order:initial}.hero-visual{min-height:340px}.hero-visual>img{min-height:340px}.hero-copy h1{font-size:3rem}.landscape-grid{grid-template-columns:1fr}.split-editorial,.two-col-feature{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(2,1fr)}.about-home{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service-grid>div{grid-column:1/-1}.detail-hero-inner{grid-template-columns:170px 1fr}.collection-block{grid-template-columns:1fr}.collection-cover img{min-height:280px;max-height:340px}.actor-grid{grid-template-columns:repeat(3,1fr)}.actor-profile{grid-template-columns:200px 1fr}.actor-profile>img{width:200px;height:200px}.filters{grid-template-columns:repeat(2,1fr)}.mood-cards{grid-template-columns:repeat(2,1fr)}.top-three{grid-template-columns:1fr}.app-screens{grid-template-columns:1fr 1fr}.app-strip{grid-template-columns:1fr;padding:28px}.app-strip img{height:260px}}
@media (max-width:768px){body{padding-bottom:68px}.wrap{width:min(calc(100% - 24px),var(--wrap))}.channelbar{overflow:hidden}.channel-scroll{height:42px}.hero-home{padding-top:34px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy h1,.channel-hero h1,.page-hero h1,.app-hero h1{font-size:2.45rem}.hero-note{grid-template-columns:1fr}.hero-note a{display:none}.quick-grid{grid-template-columns:repeat(2,1fr)}.poster-grid,.poster-grid.compact{grid-template-columns:repeat(3,1fr);gap:12px}.index-grid{grid-template-columns:1fr 1fr}.genre-tiles{grid-template-columns:1fr}.mood-list{grid-template-columns:1fr}.mood-list a{grid-template-columns:32px 110px 1fr}.rank-row{grid-template-columns:44px 58px 1fr}.rank-row>img{width:58px;height:48px}.rank-row>.text-link{display:none}.timeline-item{grid-template-columns:80px 1fr;padding-left:18px}.comment-grid,.comment-grid.large{grid-template-columns:1fr}.article-row{grid-template-columns:150px 1fr}.article-row img{height:120px}.page-hero img,.channel-hero img{height:280px}.detail-hero{padding-top:40px}.detail-backdrop{width:100%;opacity:.22}.detail-hero-inner{grid-template-columns:130px 1fr;gap:20px}.detail-copy h1{font-size:2.7rem}.detail-lead{font-size:.9rem}.collection-copy{padding:22px}.collection-facts{grid-template-columns:1fr}.app-screens{grid-template-columns:1fr}.app-screens img{height:380px}.numbers.six{grid-template-columns:1fr 1fr}.actor-grid{grid-template-columns:repeat(2,1fr)}.actor-profile{grid-template-columns:140px 1fr}.actor-profile>img{width:140px;height:140px}.actor-profile h1{font-size:2.5rem}.footer-intro{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:65;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(251,248,244,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -8px 25px rgba(34,61,75,.08)}.mobile-bottom a,.mobile-bottom button{border:0;background:transparent;padding:6px 2px;font-size:.74rem;text-align:center}.back-to-top{bottom:82px}.mega-panel,.search-panel{padding:26px 18px}.mega-grid{grid-template-columns:1fr}.overlay{padding:70px 10px 20px}.filters{grid-template-columns:1fr 1fr}.search-start{grid-template-columns:1fr}.search-start img{height:220px}.status-grid,.duration-cards,.three-notes{grid-template-columns:1fr}.service-links{grid-template-columns:1fr 1fr}.player-shell{padding-top:25px}.player-heading{align-items:flex-start;flex-direction:column}.episodes{grid-template-columns:repeat(4,1fr)}}
@media (max-width:600px){.section{padding:50px 0}.brand img{width:34px;height:34px}.brand-actions{gap:8px}.poster-grid,.poster-grid.compact{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr}.quick-card img{height:76px}.feature-card>div{padding:19px}.section-head{margin-bottom:20px}.section-head h2{font-size:1.8rem}.two-col-copy{grid-template-columns:1fr}.numbers{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}.service-grid>a{min-height:58px}.filters{grid-template-columns:1fr}.result-head{align-items:flex-start;gap:12px;flex-direction:column}.result-tools{width:100%;justify-content:space-between}.article-row{grid-template-columns:1fr}.article-row img{height:190px}.detail-hero-inner{grid-template-columns:1fr}.detail-poster{width:150px}.detail-copy h1{font-size:2.4rem}.info-list li{grid-template-columns:100px 1fr}.actor-grid{grid-template-columns:1fr 1fr}.actor-profile{grid-template-columns:1fr;text-align:center}.actor-profile>img{margin:auto}.app-hero-grid>img{height:360px}.footer-grid{grid-template-columns:1fr 1fr}.page-hero img,.channel-hero img{height:230px}.mood-cards{grid-template-columns:1fr}.rank-row{grid-template-columns:40px 50px 1fr}.rank-row>img{width:50px;height:44px}.timeline-item{grid-template-columns:1fr;padding-left:18px}.timeline-date{flex-direction:row;gap:8px}.episodes{grid-template-columns:repeat(3,1fr)}.custom-controls{align-items:flex-start}.custom-controls label{width:100%}.article-header h1{font-size:2.5rem}.article-body{width:min(calc(100% - 28px),820px)}}
@media (max-width:420px){.brand span{font-size:.9rem}.channel-scroll a{padding-inline:8px}.hero-copy h1,.channel-hero h1,.page-hero h1,.app-hero h1{font-size:2.1rem}.quick-grid{grid-template-columns:1fr 1fr}.quick-card p{font-size:.72rem}.poster-grid,.poster-grid.compact{gap:10px}.poster-body h3{font-size:.92rem}.index-grid{grid-template-columns:1fr}.mood-list a{grid-template-columns:30px 1fr}.mood-list small{grid-column:2}.numbers.six,.numbers{grid-template-columns:1fr}.service-links{grid-template-columns:1fr}.actor-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.custom-controls button{font-size:.78rem}.episodes{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}