@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#101014;--surface:#18181e;--surface-2:#202027;--line:rgba(255,255,255,.08);--text:#f5f2f5;--muted:#a19ba6;--quiet:#6d6872;--pink:#ee378c;--pink-soft:#ff77b4;--gold:#e5c68b;--content:1780px;--ease:cubic-bezier(.2,.75,.25,1);font-family:'DM Sans','Noto Sans SC',sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;min-width:320px;background:var(--bg);overflow-x:hidden}button,input,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--pink-soft);outline-offset:3px}::selection{background:#ee378c66;color:white}.topbar{height:76px;background:rgba(17,17,21,.96);border-bottom:1px solid rgba(255,255,255,.045);position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.topbar-inner{height:100%;max-width:var(--content);padding:0 34px;margin:auto;display:flex;align-items:center;gap:46px}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,#fc77b4,#df2e83 60%,#a51b72);display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 18px #e4378d35;transform:rotate(-4deg)}.brand-mark i{display:block;width:3px;border-radius:9px;background:#fff}.brand-mark i:nth-child(1){height:12px;opacity:.72}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:15px;opacity:.82}.brand-copy{display:grid;gap:1px}.brand-copy b{font-family:'Noto Serif SC',serif;font-size:19px;line-height:1.1;letter-spacing:.09em}.brand-copy small{font-size:7px;letter-spacing:.13em;color:#8a818c}.primary-nav{height:100%;display:flex;align-items:center;gap:7px;white-space:nowrap}.nav-link{font-size:14px;color:#c4bec7;padding:9px 17px;border-radius:22px;transition:background .2s,color .2s}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.is-active{background:var(--pink);color:white;font-weight:600;box-shadow:0 4px 16px #ee378c30}.top-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.search-box{height:40px;width:min(330px,24vw);border:1px solid #ffffff10;border-radius:24px;background:#ffffff0b;display:flex;align-items:center;padding:0 14px 0 17px;gap:10px;transition:border .2s,background .2s}.search-box:focus-within{border-color:#ee378c8a;background:#ffffff10}.search-box input{min-width:0;flex:1;color:#f6f1f5;background:transparent;border:0;outline:0;font-size:12px}.search-box input::placeholder{color:#89838d}.search-box kbd{font:10px 'DM Sans',sans-serif;color:#817b86;border:1px solid #ffffff12;border-radius:4px;padding:2px 5px}.search-glyph{width:14px;height:14px;border:1.6px solid #e8e2e8;border-radius:50%;position:relative;order:2}.search-glyph:after{content:'';position:absolute;width:6px;height:1.5px;background:#e8e2e8;right:-5px;bottom:-2px;transform:rotate(48deg);border-radius:3px}.icon-button{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff0d;background:#ffffff08;display:grid;place-items:center;cursor:pointer;transition:.2s}.icon-button:hover{border-color:#ee378c80;color:#ffabd0;background:#ee378c18}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile-button{border:0;background:none;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12px;color:#d9d2da;padding:0}.profile-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff1f7;font-size:12px;font-weight:700;background:radial-gradient(circle at 35% 25%,#bfa0a8,#785a75 55%,#342e3f)}.chevron{color:#89838d;font-size:16px;margin-left:2px}.mobile-menu,.mobile-nav,.bottom-nav{display:none}

.hero{height:min(62vw,850px);min-height:590px;max-height:850px;position:relative;overflow:hidden;background:#252431}.hero-scene,.hero-vignette,.scene-grain{position:absolute;inset:0}.hero-scene{overflow:hidden;transition:filter .6s}.scene-coast{background:linear-gradient(180deg,#8192a0 0%,#d79d87 38%,#ba766e 55%,#544c62 100%)}.scene-coast.has-art{background-image:linear-gradient(90deg,rgba(10,10,14,.18),transparent 58%),url('/assets/hero-tide.png');background-size:cover;background-position:center 47%}.scene-coast.has-art:before,.scene-coast.has-art:after,.scene-coast.has-art .scene-sun,.scene-coast.has-art .scene-person{display:none}.scene-coast:before{content:'';position:absolute;left:28%;right:0;bottom:0;height:50%;background:linear-gradient(150deg,transparent 10%,#6f5663 11%,#473d53 34%,#292a3e 70%);clip-path:polygon(0 100%,12% 66%,22% 74%,39% 22%,55% 49%,73% 10%,100% 0,100% 100%);opacity:.86}.scene-coast:after{content:'';position:absolute;inset:auto 0 0;height:29%;background:linear-gradient(180deg,#514557,#18202e);clip-path:polygon(0 45%,12% 36%,24% 47%,38% 27%,49% 52%,63% 32%,76% 42%,90% 20%,100% 35%,100% 100%,0 100%)}.scene-sun{position:absolute;width:clamp(180px,22vw,390px);height:clamp(180px,22vw,390px);border-radius:50%;background:radial-gradient(circle at 38% 38%,#ffe6c0,#f7c39e 57%,#e8a394);top:12%;right:21%;box-shadow:0 0 120px #f4bfab55}.scene-horizon{position:absolute;right:0;bottom:14%;width:47%;height:30%;background:linear-gradient(170deg,#e9ac9177,#59495e00);clip-path:polygon(0 100%,31% 18%,47% 63%,70% 0,100% 69%,100% 100%)}.scene-person{position:absolute;bottom:-5%;height:51%;width:17%;border-radius:48% 48% 0 0;filter:drop-shadow(0 20px 35px #100e1890)}.scene-person:before{content:'';position:absolute;top:0;left:31%;width:39%;aspect-ratio:1;border-radius:50%;background:linear-gradient(125deg,#342e39,#16151d 80%)}.scene-person:after{content:'';position:absolute;top:24%;left:13%;width:74%;height:86%;border-radius:46% 46% 0 0;background:linear-gradient(115deg,#4a4752,#1e2029 60%,#11131d)}.scene-person i{position:absolute;z-index:2;top:18%;left:43%;width:14%;height:4px;border-radius:9px;background:#d7a89380}.person-one{left:58%;height:54%;width:19%}.person-one:before{background:linear-gradient(125deg,#27232d,#11121b 80%);width:31%;left:34%;top:-1%}.person-one:after{background:linear-gradient(110deg,#323344,#bba8a2 46%,#d4c3ba 52%,#272937);clip-path:polygon(34% 0,67% 0,100% 100%,0 100%)}.person-two{left:69%;height:62%;width:21%;transform:scale(.91);transform-origin:bottom}.person-two:before{width:35%;left:31%;background:linear-gradient(115deg,#221b23,#14131c 78%)}.person-two:after{background:linear-gradient(100deg,#aaa2ab,#e8d9ce 53%,#beb1bc);clip-path:polygon(34% 0,67% 0,100% 100%,0 100%)}.scene-grain{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.hero-vignette{background:linear-gradient(90deg,rgba(10,10,14,.84) 0%,rgba(10,10,14,.56) 26%,rgba(10,10,14,.09) 61%,rgba(10,10,14,.18) 100%),linear-gradient(0deg,rgba(12,12,16,.94) 0%,transparent 37%,rgba(13,13,17,.1) 100%),linear-gradient(180deg,rgba(12,12,16,.18),transparent 22%)}.hero-copy{position:absolute;z-index:2;left:max(calc((100vw - var(--content))/2 + 34px),7.8vw);top:50%;transform:translateY(-45%);width:min(520px,40vw)}.eyebrow{display:flex;align-items:center;gap:9px;color:#ffd8e9;font-size:12px;letter-spacing:.08em;margin-bottom:20px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px #ee378c}.hero-copy h1{font-family:'Noto Serif SC',serif;font-size:clamp(46px,6vw,84px);line-height:1.09;margin:0 0 14px;letter-spacing:.04em;text-shadow:0 3px 26px #1411168c}.hero-subtitle{font-family:'Noto Serif SC',serif;font-size:clamp(15px,1.4vw,20px);color:#f0e9e8d9;letter-spacing:.11em;margin:0 0 24px}.hero-meta{display:flex;align-items:center;gap:11px;color:#e6dfe5c7;font-size:12px;margin-bottom:27px}.quality-tag{font-size:9px;font-weight:700;color:#17141a;background:var(--gold);border-radius:3px;padding:4px 6px;letter-spacing:.06em}.meta-divider{width:1px;height:12px;background:#ffffff55}.hero-actions{display:flex;gap:11px}.button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:0 19px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:transform .22s var(--ease),background .2s,border .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--pink);color:white;box-shadow:0 7px 24px #ee378c37}.button-primary:hover{background:#fb4f9f}.button-primary svg{width:15px;height:15px;fill:currentColor}.button-glass{background:#ffffff12;border-color:#ffffff25;color:#fbf8fa;backdrop-filter:blur(12px)}.button-glass:hover{background:#ffffff20;border-color:#ffffff50}.hero-thumbs{position:absolute;right:max(calc((100vw - var(--content))/2 + 34px),6vw);bottom:9%;z-index:3;display:flex;gap:9px;align-items:flex-end;padding:10px 12px;border-radius:12px;background:#1212176b;border:1px solid #ffffff18;backdrop-filter:blur(14px)}.hero-thumb{width:76px;height:104px;border:1px solid #ffffff2a;border-radius:6px;overflow:hidden;padding:0;position:relative;background:var(--poster-bg);cursor:pointer;opacity:.67;transition:opacity .25s,transform .25s,border .25s}.hero-thumb:hover{opacity:1;transform:translateY(-4px)}.hero-thumb.is-active{width:86px;height:118px;opacity:1;border:2px solid var(--pink);box-shadow:0 8px 24px #0008}.hero-thumb:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100f19ce,transparent 68%)}.hero-thumb span{position:absolute;bottom:8px;left:5px;right:5px;color:white;font-size:10px;line-height:1.35;text-align:center;text-shadow:0 2px 6px #000}.hero-counter{position:absolute;right:max(calc((100vw - var(--content))/2 + 46px),6vw);top:14%;z-index:2;display:flex;align-items:center;gap:10px;color:#ffffffad;font-family:'DM Sans',sans-serif;font-size:12px}.hero-counter b{color:#fff;font-size:22px;font-weight:500}.hero-counter>span{width:38px;height:1px;background:#ffffff6e}.hero-counter small{font-size:11px}.hero-arrow{position:absolute;z-index:3;bottom:13%;width:34px;height:34px;border-radius:50%;background:#0e0d1285;border:1px solid #ffffff35;color:white;font-size:26px;line-height:25px;cursor:pointer;opacity:.75;transition:.2s}.hero-arrow:hover{opacity:1;background:var(--pink);border-color:var(--pink)}.hero-prev{left:53%}.hero-next{right:4%}.hero-scroll-cue{position:absolute;left:max(calc((100vw - var(--content))/2 + 34px),7.8vw);bottom:5%;z-index:2;color:#ffffff89;font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.hero-scroll-cue span{width:23px;height:1px;background:var(--pink)}

.page-shell{max-width:var(--content);padding:0 34px;margin:0 auto}.shortcut-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:31px 0 21px}.shortcut-card{height:78px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(115deg,#211d26,#17171c);display:flex;align-items:center;padding:0 16px;gap:13px;position:relative;overflow:hidden;transition:border .2s,transform .2s}.shortcut-card:after{content:'';position:absolute;width:125px;height:125px;border-radius:50%;right:-28px;top:-62px;background:var(--glow);opacity:.11;filter:blur(2px)}.shortcut-card:hover{border-color:#ee378c68;transform:translateY(-2px)}.shortcut-symbol{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff18;border-radius:50%;font-family:'Noto Serif SC',serif;font-size:17px;color:var(--tint);background:linear-gradient(140deg,#ffffff15,#ffffff03)}.shortcut-city{--tint:#f5a8cb;--glow:#df4388}.shortcut-period{--tint:#e4cb9e;--glow:#cf9e49}.shortcut-life{--tint:#bdcba4;--glow:#82954c}.shortcut-mystery{--tint:#a8b2df;--glow:#6f7dc5}.shortcut-card>span:nth-child(2){display:grid;gap:4px;min-width:0}.shortcut-card b{font-size:13px;letter-spacing:.04em}.shortcut-card small{font-size:10px;color:#97919b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortcut-card>i{margin-left:auto;font-style:normal;color:#aaa1ab;position:relative;z-index:1}.content-section{padding-top:47px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.section-kicker{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.19em;color:#b68a9f;margin:0 0 8px}.section-heading h2,.rank-intro h2,.creator-callout h2{font-family:'Noto Serif SC',serif;font-size:25px;letter-spacing:.04em;margin:0;line-height:1.3}.heading-mark{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink);vertical-align:middle;margin-left:7px;box-shadow:0 0 12px #ee378c}.section-note{font-size:11px;color:#85808b;margin:8px 0 0}.more-link{font-size:11px;color:#a6a0aa;display:flex;align-items:center;gap:10px;padding-bottom:4px;transition:color .2s}.more-link span{font-size:16px;color:var(--pink-soft)}.more-link:hover{color:white}.filter-row{display:flex;gap:7px;margin:-1px 0 19px;overflow-x:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{border:1px solid #ffffff11;background:#ffffff05;border-radius:18px;padding:7px 13px;color:#a49eaa;font-size:10px;cursor:pointer;white-space:nowrap;transition:.18s}.filter-chip:hover,.filter-chip.is-selected{color:#fff;border-color:#ee378c75;background:#ee378c1a}.drama-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 14px}.drama-card{min-width:0;cursor:pointer;outline:none}.poster{position:relative;aspect-ratio:2/2.72;border-radius:6px;overflow:hidden;background:var(--poster-bg);isolation:isolate;box-shadow:0 8px 22px #0003;transition:transform .34s var(--ease),box-shadow .34s}.drama-card:hover .poster,.drama-card:focus-visible .poster{transform:translateY(-5px);box-shadow:0 16px 34px #0007,0 0 0 1px #ee378c55}.poster:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#13121900 30%,#0b0b10aa 83%,#0a0a0fdf);z-index:1}.poster-scene{position:absolute;inset:0;overflow:hidden}.poster-sun{position:absolute;width:54%;aspect-ratio:1;border-radius:50%;left:23%;top:13%;background:var(--sun);filter:blur(.4px);box-shadow:0 0 42px var(--sun)}.poster-hill{position:absolute;left:-15%;right:-15%;bottom:0;height:50%;background:var(--hill);clip-path:polygon(0 52%,17% 35%,34% 49%,53% 18%,71% 39%,87% 13%,100% 33%,100% 100%,0 100%)}.poster-person{position:absolute;bottom:4%;left:38%;width:30%;height:48%;border-radius:48% 48% 0 0;background:var(--figure);filter:drop-shadow(0 5px 8px #0a0911a0)}.poster-person:before{content:'';position:absolute;width:44%;aspect-ratio:1;border-radius:50%;left:28%;top:-21%;background:var(--face)}.poster-person:after{content:'';position:absolute;top:8%;left:-38%;width:176%;height:100%;background:inherit;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);z-index:-1}.poster-title{position:absolute;z-index:2;left:13px;right:12px;bottom:39px;color:#fff;font-family:'Noto Serif SC',serif;font-size:clamp(15px,1.25vw,21px);font-weight:700;line-height:1.35;text-shadow:0 2px 8px #000b;letter-spacing:.06em}.poster-label{position:absolute;z-index:2;top:10px;left:9px;border-radius:3px;padding:4px 6px;font-size:8px;letter-spacing:.06em;color:#f8e8ef;background:#17141cbf;border:1px solid #ffffff24;backdrop-filter:blur(8px)}.poster-label.is-new{background:#ee378c;color:white;border-color:#ee378c}.poster-label.is-exclusive{background:#d4bd84;color:#19151a;border-color:#d4bd84}.poster-duration{position:absolute;z-index:2;right:8px;bottom:8px;color:#ffffffc4;font-size:9px;background:#0d0c10a6;padding:3px 5px;border-radius:3px}.poster-rating{position:absolute;z-index:2;right:9px;top:10px;color:#f2d7a4;font:600 10px 'DM Sans',sans-serif}.card-title{font-size:12px;line-height:1.5;margin:9px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e9e4e9}.card-meta{font-size:10px;color:#827c87;display:flex;justify-content:space-between;gap:6px}.card-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{grid-column:1/-1;padding:58px 0;text-align:center;color:var(--muted);font-size:13px}.editorial-banner{margin:82px 0 22px;min-height:260px;border-radius:9px;border:1px solid #ffffff10;background:linear-gradient(100deg,#24202b,#24202b 44%,#362d3a 100%);position:relative;overflow:hidden;display:flex;align-items:center;padding:44px 54px}.editorial-copy{z-index:2;max-width:530px}.editorial-copy h2{font-family:'Noto Serif SC',serif;font-weight:600;font-size:clamp(22px,3vw,37px);letter-spacing:.07em;margin:0 0 11px}.editorial-copy>p:not(.section-kicker){margin:0;color:#bbb2c0;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:11px;margin-top:23px;color:#f3c0d7;font-size:11px}.text-link span{font-size:16px}.editorial-art{position:absolute;inset:0 0 0 48%;overflow:hidden;background:linear-gradient(100deg,#24202b,transparent 38%),radial-gradient(ellipse at 75% 84%,#9c516c 0,transparent 35%),linear-gradient(145deg,#31283a,#695160 59%,#cb9a82)}.editorial-orb{position:absolute;width:180px;height:180px;border:1px solid #ffffff4c;border-radius:50%;right:24%;top:-25px;box-shadow:0 0 0 18px #ffffff09,0 0 0 42px #ffffff06}.editorial-arch{position:absolute;right:9%;bottom:-20px;width:34%;height:87%;border-radius:50% 50% 0 0;background:linear-gradient(120deg,#393141,#d3a390 50%,#6e455b);opacity:.74}.editorial-arch:after{content:'';position:absolute;inset:18px 16px 0;border:1px solid #fff5;border-bottom:0;border-radius:50% 50% 0 0}.editorial-silhouette{position:absolute;right:28%;bottom:-23px;width:19%;height:61%;border-radius:50% 50% 0 0;background:linear-gradient(110deg,#2e2934,#13131c);box-shadow:80px 18px 0 -20px #30232f}.editorial-index{position:absolute;right:36px;bottom:27px;font-size:9px;color:#d4c6d0;letter-spacing:.15em}.editorial-index b{font-size:16px;color:#fff;font-weight:500;margin-left:8px}.editorial-index span{color:#8e818b}.new-section{padding-top:43px}.section-controls{display:flex;align-items:center;gap:8px}.section-controls .more-link{margin-left:13px}.round-control{width:29px;height:29px;border-radius:50%;border:1px solid #ffffff24;background:#ffffff08;color:#c9c1cb;font-size:19px;line-height:18px;cursor:pointer;transition:.2s}.round-control:hover{border-color:#ee378c;background:#ee378c;color:white}.compact-grid{grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden}.rank-section{display:grid;grid-template-columns:255px 1fr;gap:30px;margin:89px 0 55px;padding:32px;border:1px solid #ffffff0d;background:linear-gradient(115deg,#201c25,#18181e 52%,#20191f);border-radius:9px;position:relative;overflow:hidden}.rank-intro{position:relative;min-height:215px;display:flex;flex-direction:column;align-items:flex-start}.rank-intro h2{font-size:28px}.rank-intro>p:not(.section-kicker){color:#958d99;font-size:11px;margin:8px 0 17px}.rank-intro .button{min-height:36px;padding:0 13px;font-size:10px}.rank-decoration{position:absolute;bottom:-37px;left:0;font-family:'Noto Serif SC',serif;line-height:.83;font-size:13px;color:#e9c78d58;letter-spacing:.05em}.rank-decoration b{font-size:75px;color:#e9c78d1e}.rank-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-content:center}.rank-item{display:grid;grid-template-columns:20px 65px 1fr;gap:9px;align-items:center;min-width:0;cursor:pointer}.rank-number{font:500 19px 'DM Sans',sans-serif;color:#726b76;text-align:center}.rank-item:nth-child(-n+3) .rank-number{color:var(--gold)}.rank-thumb{height:90px;border-radius:4px;background:var(--poster-bg);position:relative;overflow:hidden}.rank-thumb:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08080d8a,transparent 70%)}.rank-thumb:after{content:'';position:absolute;width:30%;height:58%;left:36%;bottom:0;border-radius:50% 50% 0 0;background:var(--figure);box-shadow:0 3px 12px #0006}.rank-name{font-size:10px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#e6e0e8}.rank-count{font-size:9px;color:#8f8792;margin-top:5px}.rank-trend{font:9px 'DM Sans',sans-serif;color:#82b590;margin-top:7px}.topic-section{padding-top:40px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.topic-card{height:190px;border:1px solid #ffffff16;border-radius:7px;overflow:hidden;padding:19px;display:flex;flex-direction:column;position:relative;justify-content:flex-end;transition:transform .25s,border .25s}.topic-card:hover{transform:translateY(-4px);border-color:#ee378c6e}.topic-card:before,.topic-card:after{content:'';position:absolute;pointer-events:none}.topic-card:before{inset:0;background:linear-gradient(0deg,#100e15ed,transparent 78%)}.topic-card:after{width:170px;height:170px;border-radius:50%;right:-16px;top:-40px;background:var(--topic-orb);opacity:.4;filter:blur(1px)}.topic-night{--topic-orb:#cd6788;background:linear-gradient(140deg,#3e2734,#74515f 48%,#c38773)}.topic-road{--topic-orb:#ccaf72;background:linear-gradient(145deg,#252536,#60617c 50%,#d3a479)}.topic-oldtown{--topic-orb:#a68553;background:linear-gradient(145deg,#263637,#6b6855 51%,#d2ad76)}.topic-home{--topic-orb:#9f8858;background:linear-gradient(140deg,#39332e,#817560 50%,#d0a679)}.topic-number,.topic-card b,.topic-card small,.topic-cta{position:relative;z-index:1}.topic-number{font-size:8px;letter-spacing:.12em;color:#f2c5d8;margin-bottom:auto}.topic-card b{font:600 20px 'Noto Serif SC',serif;letter-spacing:.06em}.topic-card small{font-size:9px;color:#d2c7d0;margin-top:6px}.topic-cta{font-size:9px;color:#fff;margin-top:13px}.creator-callout{display:flex;align-items:center;gap:22px;padding:26px 32px;margin:75px 0 63px;border:1px solid #ffffff12;border-radius:8px;background:linear-gradient(100deg,#211b25,#201b23 54%,#30202d);position:relative;overflow:hidden}.creator-callout:after{content:'';position:absolute;right:4%;top:-93px;width:260px;height:260px;border:1px solid #ee378c26;border-radius:50%;box-shadow:0 0 0 23px #ee378c08,0 0 0 50px #ee378c05}.creator-emblem{width:52px;height:52px;border:1px solid #f5a9ca55;border-radius:50%;display:grid;place-items:center;color:#f4c5d9;font:600 20px 'Noto Serif SC',serif;flex:0 0 auto}.creator-callout h2{font-size:19px}.creator-callout p:not(.section-kicker){font-size:10px;color:#a59ca8;margin:6px 0 0;max-width:620px}.creator-callout .section-kicker{margin-bottom:5px}.button-light{background:#f3eaf0;color:#211820;min-height:40px;margin-left:auto;z-index:1;font-size:11px;white-space:nowrap}.button-light:hover{background:#fff}.site-footer{background:#0b0b0e;border-top:1px solid #ffffff0a}.footer-main,.footer-bottom{max-width:var(--content);margin:0 auto;padding:26px 34px}.footer-main{display:flex;align-items:center;gap:25px}.footer-main>p{font-size:10px;color:#77717a}.footer-links{display:flex;gap:20px;margin-left:auto}.footer-links a{font-size:10px;color:#938b96}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff0a;display:flex;justify-content:space-between;font-size:9px;color:#6f6973;padding-top:14px;padding-bottom:17px}.bottom-nav{position:fixed;z-index:29;bottom:0;left:0;right:0;height:62px;padding:5px 7px max(env(safe-area-inset-bottom),5px);background:#141419ed;border-top:1px solid #ffffff15;backdrop-filter:blur(16px);justify-content:space-around}.bottom-nav a,.bottom-nav button{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8d8792;font-size:9px;background:none;border:0}.bottom-nav a span,.bottom-nav button span{font-size:17px;line-height:19px}.bottom-nav .active,.bottom-nav button{color:#f398bd}.toast{position:fixed;z-index:80;bottom:27px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#29252e;border:1px solid #ffffff18;color:#f5eff5;padding:11px 16px;border-radius:8px;font-size:12px;box-shadow:0 12px 40px #0008;transition:opacity .22s,transform .22s;max-width:min(90vw,460px);text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;z-index:60;inset:0;background:#07070bd9;backdrop-filter:blur(11px);display:grid;place-items:center;padding:22px}.modal-backdrop[hidden]{display:none}.drama-modal{width:min(940px,100%);max-height:min(88vh,800px);overflow:auto;display:grid;grid-template-columns:minmax(220px,.85fr) 1.15fr;background:#19181e;border:1px solid #ffffff18;border-radius:12px;position:relative;box-shadow:0 30px 100px #000b}.modal-close{position:absolute;z-index:4;right:12px;top:12px;width:35px;height:35px;border:1px solid #ffffff3b;border-radius:50%;background:#0c0b10a9;color:white;font-size:24px;cursor:pointer}.modal-art{min-height:460px;position:relative;overflow:hidden;background:var(--poster-bg)}.modal-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#100f1630,#100f16aa)}.modal-art:after{content:'';position:absolute;width:54%;height:56%;left:25%;bottom:-1%;border-radius:50% 50% 0 0;background:var(--figure);filter:drop-shadow(0 4px 25px #0008)}.modal-art-label{position:absolute;z-index:2;left:20px;bottom:18px;font:11px 'Noto Serif SC',serif;letter-spacing:.12em}.modal-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid #fff9;border-radius:50%;background:#fff2;color:white;backdrop-filter:blur(8px);cursor:pointer}.modal-content{padding:36px 32px 25px}.modal-overline{font-size:10px;letter-spacing:.08em;color:var(--pink-soft)}.modal-content h2{font:600 29px 'Noto Serif SC',serif;margin:8px 0 13px}.modal-description{font-size:12px;line-height:1.9;color:#aaa3af;min-height:47px}.modal-stats{display:flex;gap:17px;padding:15px 0;border-bottom:1px solid #ffffff10;font-size:10px;color:#9f97a2}.episodes-heading{display:flex;align-items:center;gap:10px;margin:17px 0 12px;font-size:12px}.episodes-heading span{color:#85808a;font-size:10px}.follow-button{margin-left:auto;background:#ee378c18;border:1px solid #ee378c66;border-radius:17px;padding:6px 11px;color:#ffadd0;font-size:10px;cursor:pointer}.episode-list{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.episode-button{height:36px;border:1px solid #ffffff12;background:#ffffff06;border-radius:5px;color:#c7c0ca;font-size:10px;cursor:pointer}.episode-button:hover,.episode-button.is-current{border-color:#ee378c;background:#ee378c;color:#fff}.player-note{font-size:9px;color:#706a74;border-top:1px solid #ffffff0c;padding-top:12px;margin-top:15px}.modal-backdrop.is-playing .modal-play{background:#ee378c;border-color:#ee378c}.modal-backdrop.is-playing .player-note{color:#ffafd0}

@media(max-width:1280px){.topbar-inner{gap:22px;padding:0 24px}.nav-link{padding:8px 12px;font-size:12px}.search-box{width:min(265px,22vw)}.page-shell{padding:0 24px}.hero-copy{left:7vw}.hero-thumbs{right:5vw}.hero-counter{right:5vw}.drama-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-page .drama-card:nth-child(n+6){display:none}.rank-list{grid-template-columns:repeat(5,1fr)}.rank-item{grid-template-columns:18px 54px 1fr;gap:6px}.rank-thumb{height:77px}}
@media(max-width:900px){.topbar{height:64px}.topbar-inner{padding:0 18px;gap:18px}.primary-nav{gap:0}.nav-link{font-size:11px;padding:8px 9px}.search-box{width:200px;height:36px}.profile-name,.chevron{display:none}.top-actions{gap:10px}.brand-copy b{font-size:17px}.brand-mark{width:31px;height:31px}.hero{min-height:550px;height:67vw}.hero-copy{width:48vw;left:6vw}.hero-copy h1{font-size:clamp(42px,7vw,66px)}.hero-thumbs{right:4vw;bottom:6%;gap:6px}.hero-thumb{width:58px;height:82px}.hero-thumb.is-active{width:67px;height:93px}.hero-prev{left:50%;bottom:13%}.hero-scroll-cue{left:6vw;bottom:3%}.page-shell{padding:0 18px}.shortcut-rail{grid-template-columns:repeat(2,1fr)}.drama-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px}.home-page .drama-card:nth-child(n+5){display:none}.rank-section{grid-template-columns:180px 1fr;padding:23px;gap:18px}.rank-list{grid-template-columns:repeat(3,1fr);row-gap:13px}.rank-item:nth-child(n+7){display:none}.rank-item{grid-template-columns:17px 50px 1fr}.rank-thumb{height:70px}.topic-grid{grid-template-columns:repeat(2,1fr)}.footer-main,.footer-bottom{padding-left:18px;padding-right:18px}}
@media(max-width:640px){.scene-coast.has-art{background-position:61% center}html{scroll-padding-top:65px}.topbar{height:58px}.topbar-inner{padding:0 14px}.brand{gap:8px}.brand-mark{width:30px;height:30px;border-radius:8px}.brand-copy b{font-size:16px}.brand-copy small{font-size:6px}.primary-nav{display:none}.top-actions{margin-left:auto;gap:9px}.search-box{width:36px;height:36px;padding:0;justify-content:center;border:0;background:none}.search-box input,.search-box kbd{display:none}.search-glyph{order:0}.search-box.is-open{position:absolute;left:12px;right:12px;top:8px;z-index:4;width:auto;background:#222128;border:1px solid #ee378c88;padding:0 13px;justify-content:flex-start}.search-box.is-open input{display:block}.search-box.is-open .search-glyph{order:2}.icon-button{width:34px;height:34px}.profile-button{display:none}.mobile-menu{width:34px;height:34px;border:1px solid #ffffff14;border-radius:50%;background:#ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.mobile-menu span{width:13px;height:1px;background:#eee}.mobile-nav{position:absolute;left:10px;right:10px;top:58px;background:#1a191f;border:1px solid #ffffff19;border-radius:0 0 10px 10px;padding:8px;display:none;grid-template-columns:repeat(4,1fr);box-shadow:0 12px 28px #0008}.mobile-nav.is-open{display:grid}.mobile-nav a{padding:10px 2px;text-align:center;font-size:10px;color:#d9d1db}.hero{min-height:640px;height:calc(100svh - 58px);max-height:780px}.hero-scene{inset:0 0 12%}.scene-sun{width:240px;height:240px;right:10%;top:13%}.person-one{left:47%;width:28%;height:45%}.person-two{left:66%;width:28%;height:49%}.hero-vignette{background:linear-gradient(90deg,#0c0b10a8,transparent 95%),linear-gradient(0deg,#101014 0%,#101014e8 22%,#1010142b 58%,#10101425 100%)}.hero-copy{left:20px;top:auto;bottom:24%;transform:none;width:calc(100% - 40px)}.eyebrow{font-size:10px;margin-bottom:13px}.hero-copy h1{font-size:47px;margin-bottom:8px}.hero-subtitle{font-size:14px;margin-bottom:16px}.hero-meta{font-size:9px;gap:7px;margin-bottom:18px}.hero-actions .button{min-height:41px;font-size:11px;padding:0 14px}.hero-thumbs{left:16px;right:16px;bottom:8%;justify-content:center;padding:7px 8px;gap:6px}.hero-thumb{width:51px;height:71px}.hero-thumb.is-active{width:59px;height:82px}.hero-thumb span{font-size:8px;bottom:5px}.hero-counter{top:17%;right:20px}.hero-prev,.hero-next{bottom:14%;width:29px;height:29px;font-size:22px}.hero-prev{left:16px}.hero-next{right:16px}.hero-scroll-cue{display:none}.page-shell{padding:0 15px}.shortcut-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:20px 0 5px}.shortcut-card{height:67px;padding:0 9px;gap:8px}.shortcut-symbol{width:33px;height:33px;font-size:14px}.shortcut-card b{font-size:10px}.shortcut-card small{font-size:8px;max-width:120px}.shortcut-card>i{font-size:11px}.content-section{padding-top:38px}.section-heading{margin-bottom:17px}.section-heading h2,.rank-intro h2{font-size:21px}.section-note{font-size:9px}.section-kicker{font-size:8px}.more-link{font-size:9px;gap:5px}.filter-row{margin-bottom:14px}.filter-chip{padding:6px 10px;font-size:9px}.drama-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 9px}.home-page .drama-card:nth-child(n+4){display:none}.poster{border-radius:5px}.poster-title{left:8px;right:7px;bottom:28px;font-size:14px}.poster-label{top:7px;left:6px;padding:3px 4px;font-size:7px}.poster-rating{right:6px;top:8px;font-size:8px}.poster-duration{right:5px;bottom:5px;font-size:7px}.card-title{font-size:10px;margin:7px 0 3px}.card-meta{font-size:8px}.editorial-banner{margin:56px 0 9px;min-height:244px;padding:28px 20px;align-items:flex-start}.editorial-copy{max-width:82%}.editorial-copy h2{font-size:24px;line-height:1.55}.editorial-copy>p:not(.section-kicker){font-size:10px;line-height:1.7}.text-link{font-size:9px;margin-top:17px}.editorial-art{inset:0 0 0 28%;opacity:.9}.editorial-arch{width:44%;right:0}.editorial-index{right:14px;bottom:14px;font-size:7px}.editorial-index b{font-size:12px}.new-section{padding-top:32px}.section-controls{gap:5px}.round-control{width:25px;height:25px}.section-controls .more-link{margin-left:4px}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-section{grid-template-columns:1fr;margin:59px 0 40px;padding:19px 15px;gap:12px}.rank-intro{min-height:auto}.rank-intro h2{font-size:22px}.rank-intro>p:not(.section-kicker){margin:5px 0 11px}.rank-intro .button{position:absolute;right:0;top:20px;min-height:32px}.rank-decoration{display:none}.rank-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.rank-item{grid-template-columns:17px 48px 1fr;gap:6px}.rank-item:nth-child(n+7){display:none}.rank-number{font-size:15px}.rank-thumb{height:67px}.rank-name{font-size:9px}.rank-count{font-size:8px;margin-top:3px}.rank-trend{font-size:8px;margin-top:4px}.topic-section{padding-top:22px}.topic-grid{gap:8px}.topic-card{height:151px;padding:13px}.topic-card b{font-size:16px}.topic-card small{font-size:8px}.topic-number,.topic-cta{font-size:7px}.creator-callout{margin:52px 0 38px;padding:17px 14px;gap:11px;flex-wrap:wrap}.creator-emblem{width:40px;height:40px;font-size:16px}.creator-callout>div:nth-child(2){width:calc(100% - 54px)}.creator-callout h2{font-size:15px}.creator-callout p:not(.section-kicker){font-size:8px;line-height:1.6}.creator-callout .button-light{margin:0 0 0 51px;min-height:34px;font-size:9px}.creator-callout:after{right:-100px}.footer-main{padding:21px 15px 14px;display:grid;grid-template-columns:1fr auto;gap:12px}.footer-main>p{display:none}.footer-links{grid-column:1/-1;margin:0;gap:14px;flex-wrap:wrap}.footer-links a{font-size:8px}.footer-bottom{padding:12px 15px 78px;display:grid;gap:5px;font-size:8px}.bottom-nav{display:flex}.toast{bottom:77px}.drama-modal{display:block;width:min(520px,100%);max-height:88svh;border-radius:10px}.modal-art{min-height:0;height:225px}.modal-content{padding:21px 17px 17px}.modal-content h2{font-size:23px;margin:5px 0 8px}.modal-description{font-size:10px;min-height:0}.modal-stats{padding:10px 0;font-size:9px}.episodes-heading{margin:12px 0 8px}.episode-list{grid-template-columns:repeat(5,1fr);gap:5px}.episode-button{height:32px;font-size:9px}.player-note{font-size:8px;padding-top:9px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Independent route views: each navigation item renders a page instead of scrolling to a section. */
.route-page{min-height:calc(100vh - 150px);padding:35px 0 78px}.route-head{padding:8px 0 25px}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#78727e;font-size:10px;margin-bottom:27px}.breadcrumbs a:hover{color:var(--pink-soft)}.route-head h1{font:600 clamp(30px,4vw,46px)/1.25 'Noto Serif SC',serif;letter-spacing:.045em;margin:0}.route-note{color:#97909c;font-size:12px;margin:10px 0 0;line-height:1.8}.route-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);margin:5px 0 22px}.route-tab{padding:12px 17px;color:#98919d;font-size:12px;border-bottom:2px solid transparent;transition:.2s}.route-tab:hover,.route-tab.is-current{color:#fff;border-color:var(--pink)}.route-filters{margin:0 0 17px}.catalog-summary{display:flex;justify-content:space-between;align-items:center;color:#8e8792;font-size:10px;margin:15px 0}.route-grid{margin-top:14px}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:38px 0 5px}.page-number{min-width:44px;min-height:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;border:1px solid #ffffff18;border-radius:5px;color:#aaa3ad;font-size:11px}.page-number:hover,.page-number.current{background:var(--pink);border-color:var(--pink);color:white}.route-topic-grid{margin-top:9px}.topic-featured{padding-top:56px}.topic-hero{height:220px;border-radius:10px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:30px 42px;margin:17px 0 22px;background:linear-gradient(125deg,#39252f,#765160 56%,#bd8271)}.topic-hero:after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;right:9%;top:-150px;background:#fff2;box-shadow:0 0 0 35px #ffffff0b,0 0 0 75px #ffffff08}.topic-hero>div,.topic-hero>strong{position:relative;z-index:1}.topic-hero span{font-size:10px;letter-spacing:.13em;color:#ffe0eb}.topic-hero h2{font:600 34px 'Noto Serif SC',serif;margin:11px 0}.topic-hero p{font-size:12px;color:#e2d2d9;margin:0}.topic-hero>strong{font:500 45px 'DM Sans',sans-serif}.topic-hero>strong small{display:block;font-size:10px;color:#ead9e0;text-align:right}.back-link{display:inline-block;color:#c2bbc4;font-size:11px;margin-top:32px}.back-link:hover{color:var(--pink-soft)}.ranking-list{border-top:1px solid var(--line);margin-top:24px}.ranking-row{min-height:125px;display:grid;grid-template-columns:48px 68px minmax(0,1fr) 90px;align-items:center;gap:19px;border-bottom:1px solid var(--line);padding:15px 8px;transition:background .2s}.ranking-row:hover{background:#ffffff06}.ranking-position{font:300 25px 'DM Sans',sans-serif;color:#77717a}.ranking-position.top-three{color:var(--pink-soft)}.ranking-poster{display:block;width:62px;height:88px;border-radius:4px;background:var(--poster-bg);box-shadow:0 6px 15px #0005}.ranking-info{display:grid;gap:5px;min-width:0}.ranking-info b{font:600 16px 'Noto Serif SC',serif}.ranking-info small,.ranking-info em{font-size:10px;color:#8f8893;font-style:normal}.ranking-info em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:790px}.ranking-score{text-align:right;display:grid;gap:4px}.ranking-score b{color:#f1c9dc;font-size:15px;word-break:keep-all}.ranking-score small{color:#77717a;font-size:9px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(230px,.7fr);gap:25px;align-items:start}.video-stage{height:auto;aspect-ratio:16/9;background:#08080a;position:relative;overflow:hidden;border:1px solid #ffffff12;border-radius:7px;display:grid;place-items:center}.video-stage-art{position:absolute;inset:0;background:linear-gradient(90deg,#0a0a0f92,#10101820),linear-gradient(0deg,#09090ebf,transparent 35%),var(--poster-bg)}.video-stage-art:after{content:'';position:absolute;width:22%;height:70%;left:58%;bottom:-4%;border-radius:50% 50% 0 0;background:var(--figure);filter:drop-shadow(0 0 50px #0009)}.video-play{position:relative;z-index:1;width:64px;height:64px;border:1px solid #ffffffa6;border-radius:50%;background:#ffffff1b;color:#fff;padding-left:4px;font-size:20px;cursor:pointer;backdrop-filter:blur(10px)}.video-play:hover{background:var(--pink);border-color:var(--pink)}.video-watermark{position:absolute;left:18px;top:16px;color:#ffffffbb;font:11px 'Noto Serif SC',serif;letter-spacing:.12em}.video-controls{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:14px 17px;background:linear-gradient(0deg,#09090ee8,transparent);color:#eee;font-size:9px}.player-caption{display:flex;align-items:center;gap:14px;padding:17px 0 8px}.player-caption>b{font:600 16px 'Noto Serif SC',serif}.player-caption>span{font-size:10px;color:#99919c}.player-caption .follow-button{margin-left:auto}.source-note{font-size:9px;color:#756f79;margin:0 0 25px}.episode-heading{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:18px 0 12px}.episode-heading h2{font:600 15px 'Noto Serif SC',serif;margin:0}.episode-heading span{font-size:10px;color:#8e8792}.detail-episodes{grid-template-columns:repeat(6,minmax(0,1fr))}.detail-sidebar{padding:0 0 0 3px}.detail-poster{height:300px;border-radius:7px;position:relative;overflow:hidden;background:var(--poster-bg);display:flex;flex-direction:column;justify-content:flex-end;padding:18px}.detail-poster:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111018e8,transparent 70%)}.detail-poster:after{content:'';position:absolute;width:57%;height:67%;left:28%;bottom:-1%;border-radius:50% 50% 0 0;background:var(--figure)}.detail-poster span,.detail-poster b{position:relative;z-index:1}.detail-poster span{font-size:9px;color:#f8c4dc}.detail-poster b{font:600 23px 'Noto Serif SC',serif;margin-top:6px}.detail-sidebar>.modal-overline{margin-top:19px}.detail-sidebar>h2{font:600 23px 'Noto Serif SC',serif;margin:6px 0}.detail-description{font-size:10px;color:#a39ba7;line-height:1.9}.detail-metrics{display:flex;flex-wrap:wrap;gap:7px 13px;border-top:1px solid var(--line);padding:12px 0;color:#9b94a0;font-size:9px}.continue-button{width:100%;margin:8px 0 12px}.detail-tags{display:flex;gap:6px}.related-section{padding-top:49px}.empty-state.route-empty{padding:80px 15px;text-align:center;color:#88818c;border:1px solid var(--line);border-radius:8px}.creator-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);gap:20px}.creator-panel,.info-card{background:linear-gradient(145deg,#1c1b22,#15151a);border:1px solid var(--line);border-radius:8px;padding:24px}.creator-panel h2,.info-card h2{font:600 18px 'Noto Serif SC',serif;margin:0 0 8px}.creator-panel>p,.info-card p{font-size:10px;color:#96909b;line-height:1.8}.creator-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.creator-form label{display:grid;gap:7px;color:#c3bdc7;font-size:10px}.creator-form label:nth-child(3),.creator-form label:nth-child(5),.creator-form label:nth-child(6),.creator-form button{grid-column:1/-1}.creator-form input,.creator-form select,.creator-form textarea{width:100%;background:#101015;border:1px solid #ffffff1a;border-radius:5px;padding:10px;color:#eee;font-size:11px;outline:none}.creator-form input:focus,.creator-form select:focus,.creator-form textarea:focus{border-color:#ee378c99}.creator-form input[type=file]{color:#918a95}.creator-form button{justify-self:start;margin-top:5px}.workflow{list-style:none;counter-reset:step;padding:0;margin:23px 0}.workflow li{counter-increment:step;display:grid;grid-template-columns:29px 1fr;gap:1px 10px;padding:0 0 22px;position:relative}.workflow li:before{content:counter(step,decimal-leading-zero);grid-row:span 2;color:#f293bd;font:12px 'DM Sans',sans-serif}.workflow li b{font-size:11px}.workflow li span{font-size:9px;color:#89828e}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.admin-stats{display:flex;gap:22px;color:#98919c;font-size:10px}.admin-stats b{color:white;font:500 21px 'DM Sans',sans-serif;margin-right:5px}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.admin-table{width:100%;border-collapse:collapse;min-width:760px;text-align:left}.admin-table th{font-size:9px;color:#817a86;font-weight:500;background:#1c1b21}.admin-table th,.admin-table td{padding:12px 14px;border-bottom:1px solid #ffffff0c}.admin-table td{font-size:10px;color:#c7c0ca}.admin-table td:first-child{display:table-cell}.admin-table td:first-child b,.admin-table td:first-child small{display:block}.admin-table td:first-child small{color:#817a86;margin-top:5px}.status-pill{color:#eccd8b;background:#e5c68b15;border:1px solid #e5c68b30;border-radius:12px;padding:4px 8px;font-size:9px}.is-reviewed .status-pill{color:#a9dbb7;background:#58a76b20}.table-control,.table-action{border:1px solid #ffffff1b;background:#ffffff08;color:#d8d2dc;border-radius:4px;padding:5px 8px;margin-right:5px;cursor:pointer;font-size:9px}.table-action{border-color:#ee378c66;color:#ffc0da}.table-action.danger{border-color:#ff767644;color:#ffaaa5}.admin-disclaimer{color:#77717b;font-size:9px}.account-card{max-width:510px;margin:20px auto;padding:46px 30px;text-align:center;border:1px solid var(--line);border-radius:10px;background:linear-gradient(140deg,#211b24,#17171d)}.profile-avatar.large{width:58px;height:58px;font-size:20px;margin:auto}.account-card h2{font:600 22px 'Noto Serif SC',serif;margin:18px 0 7px}.account-card p{font-size:10px;color:#938c98;margin:0 auto 20px}.account-links{display:flex;justify-content:center;gap:20px;margin-top:23px}.account-links a{font-size:10px;color:#d3bdca}.info-card{max-width:800px;min-height:200px;margin:10px 0}.info-card p{font-size:12px}.nav-link.is-active,.bottom-nav a.is-active{color:#fff}.bottom-nav a,.bottom-nav button{width:25%}
@media(max-width:900px){.detail-layout{grid-template-columns:minmax(0,1.5fr) minmax(200px,.8fr);gap:16px}.detail-poster{height:255px}.ranking-row{grid-template-columns:35px 57px minmax(0,1fr) 96px;gap:12px}.ranking-info em{max-width:55vw}}
@media(max-width:640px){.route-page{padding:20px 0 80px}.route-head{padding-bottom:18px}.breadcrumbs{margin-bottom:18px;font-size:9px}.route-head h1{font-size:27px}.route-note{font-size:10px}.route-tabs{gap:0;margin-bottom:17px}.route-tab{padding:11px 12px;font-size:10px}.catalog-summary{font-size:9px}.route-grid{gap:18px 9px}.pagination{padding-top:28px}.topic-hero{height:175px;padding:22px 18px}.topic-hero h2{font-size:25px}.topic-hero p{font-size:9px;max-width:220px}.topic-hero>strong{font-size:32px}.route-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card{height:151px}.ranking-row{grid-template-columns:25px 48px minmax(0,1fr) 55px;min-height:95px;gap:8px;padding:10px 2px}.ranking-position{font-size:18px}.ranking-poster{width:44px;height:63px}.ranking-info{gap:4px}.ranking-info b{font-size:11px}.ranking-info small,.ranking-info em{font-size:8px}.ranking-info em{display:none}.ranking-score b{font-size:10px}.ranking-score small{font-size:8px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:13px;align-items:start}.detail-poster{height:150px;grid-row:span 5;padding:10px}.detail-poster b{font-size:14px}.detail-sidebar>.modal-overline{margin-top:2px}.detail-sidebar>h2{font-size:17px}.detail-description{margin:0;font-size:9px}.detail-metrics{font-size:8px;gap:6px}.continue-button{min-height:35px;font-size:9px}.detail-tags{grid-column:1/-1}.player-caption{gap:8px}.player-caption>b{font-size:12px}.player-caption>span{font-size:9px}.detail-episodes{grid-template-columns:repeat(4,minmax(0,1fr))}.related-section{padding-top:30px}.creator-layout{grid-template-columns:1fr}.creator-panel,.info-card{padding:17px}.creator-form{grid-template-columns:1fr;gap:11px}.creator-form label:nth-child(n){grid-column:auto}.creator-form button{grid-column:auto}.admin-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.admin-stats{gap:12px}.admin-stats b{font-size:17px}.account-card{margin-top:15px;padding:35px 18px}.bottom-nav{display:flex}}

/* Database-backed navigation columns and their admin controls. */
.column-admin-panel{margin:18px 0 25px}.admin-section-title h2{font:600 18px 'Noto Serif SC',serif;margin:3px 0}.admin-section-title p:not(.section-kicker){font-size:10px;color:#96909b;margin:5px 0}.toggle-field{display:flex!important;align-items:center;gap:9px!important}.toggle-field input,.column-nav-toggle input{accent-color:var(--pink)}.admin-token-row{display:flex;align-items:end;gap:10px;margin:18px 0 12px;padding:14px;background:#ffffff05;border:1px solid #ffffff12;border-radius:6px}.admin-token-row label{display:grid;gap:6px;font-size:9px;color:#bbb4bf}.admin-token-row input{width:min(360px,56vw);background:#101015;border:1px solid #ffffff1a;border-radius:5px;padding:9px;color:#eee}.admin-token-row>span{font-size:9px;color:#817a86;padding-bottom:9px}.column-admin-list{border-top:1px solid #ffffff14}.column-admin-head{display:flex;justify-content:space-between;padding:13px 2px;color:#d8d2dc;font-size:10px}.column-admin-head span{color:#817a86}.column-admin-item{display:grid;grid-template-columns:minmax(150px,1fr) 72px 78px 70px auto;gap:10px;align-items:center;padding:12px 4px;border-top:1px solid #ffffff0c}.column-admin-main{display:grid;gap:4px}.column-admin-main b{font-size:11px}.column-admin-main small,.column-admin-status,.column-nav-toggle{font-size:9px;color:#88818c}.column-admin-status{color:#a9dbb7}.column-admin-status.is-off{color:#f0b2b5}.column-nav-toggle{display:flex;align-items:center;gap:4px}.column-admin-actions{display:flex;gap:5px}.column-admin-actions button{border:1px solid #ffffff1b;border-radius:4px;padding:5px 8px;color:#ded8e1;background:#ffffff08;cursor:pointer}.column-admin-actions button.danger{color:#ffaaa5}.column-admin-actions button:disabled{opacity:.3;cursor:default}.admin-api-error{color:#ffaaa5;font-size:10px}.column-page .route-head h1{font-family:'Noto Serif SC',serif}.primary-nav [data-dynamic-column]{white-space:nowrap}.mobile-nav [data-dynamic-column]{display:block}
.column-admin-panel .creator-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.column-admin-panel .creator-form label{grid-column:auto!important}.column-admin-panel .creator-form label:nth-of-type(5){grid-column:1/-1!important}.column-admin-panel .creator-form .toggle-field{align-self:center;justify-content:flex-start!important;justify-self:start}.column-admin-panel .creator-form input[type=checkbox]{width:auto;justify-self:start}.column-admin-panel .creator-form button{grid-column:auto;justify-self:start}
@media(max-width:850px){.column-admin-item{grid-template-columns:minmax(130px,1fr) 68px 72px auto}.column-admin-item>.column-nav-toggle:nth-of-type(2){display:none}}
@media(max-width:640px){.admin-token-row{align-items:stretch;flex-direction:column}.admin-token-row input{width:100%}.admin-token-row>span{padding:0}.column-admin-head{gap:10px;align-items:flex-start;flex-direction:column}.column-admin-item{grid-template-columns:minmax(110px,1fr) 62px auto;gap:7px}.column-admin-item>.column-nav-toggle{display:none}.column-admin-actions button{padding:5px 7px}.primary-nav [data-dynamic-column]{display:none}.column-admin-panel .creator-form{grid-template-columns:1fr}.column-admin-panel .creator-form label:nth-of-type(5){grid-column:auto!important}.column-admin-panel .creator-form button{grid-column:auto}}
.poster.has-photo{background-image:linear-gradient(0deg,#111018f2 0%,#11101830 45%,#11101818 100%),var(--poster-art),var(--poster-bg);background-size:100% 100%,cover,cover;background-position:center,center,center}.poster.has-photo .poster-scene{display:none}.hero-thumb{background-image:linear-gradient(0deg,#100f19ce,transparent 68%),var(--poster-art),var(--poster-bg);background-size:100% 100%,cover,cover;background-position:center}.rank-thumb{background-image:linear-gradient(0deg,#11101888,transparent 65%),var(--poster-art),var(--poster-bg);background-size:100% 100%,cover,cover;background-position:center}.detail-poster.has-photo{background-image:linear-gradient(0deg,#111018ef 0%,#11101810 70%),var(--poster-art),var(--poster-bg);background-size:100% 100%,cover,cover;background-position:center}.detail-poster.has-photo:after{display:none}.video-stage-art{background-image:linear-gradient(90deg,#0a0a0f74,#10101812),linear-gradient(0deg,#09090eaa,transparent 45%),var(--poster-art);background-size:cover;background-position:center}.video-stage-art:after{display:none}
.episode-video{position:absolute;inset:0;width:100%;height:100%;background:#050506;object-fit:contain;z-index:2}.playback-status{min-height:22px;margin:9px 1px 15px;color:#a69eaa;font-size:10px;line-height:1.6}.episode-button small{display:block;margin-top:4px;color:#9e96a2;font-size:8px;white-space:nowrap}.episode-button.is-current small{color:#ffe2ef}.video-play:disabled,.continue-button:disabled{opacity:.55;cursor:wait}
.detail-play-link{display:grid;place-items:center;box-sizing:border-box;text-decoration:none}.play-back-link{margin:0 0 18px}.drama-overview-page .detail-sidebar>.follow-button{margin:11px 0 0}
.ad-gate-modal{position:fixed;z-index:1000;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:rgba(9,10,14,.96);color:#f5f5f7;text-align:center}.ad-gate-modal h2{margin:0;font-size:24px}.ad-gate-modal p{margin:0;color:#bcbcc5}.ad-gate-video{width:min(820px,92vw);max-height:58vh;background:#000;border-radius:14px}.ad-gate-modal progress{width:min(820px,92vw);height:10px;accent-color:#e83283}.ad-gate-status{min-height:24px}.ad-gate-modal button{min-width:180px}
.ad-gate-close{position:absolute;right:24px;top:20px;min-width:44px!important;width:44px;height:44px;border:1px solid #ffffff33;border-radius:50%;background:#ffffff12;color:white;font-size:26px;cursor:pointer}
.business-catalog-notice{position:relative;z-index:10;padding:9px 16px;text-align:center;background:#5a361a;color:#ffe0ae;font-size:11px;border-bottom:1px solid #a76b35}.business-catalog-notice[hidden]{display:none}

/* The operations console uses the bundled Studio system; the audience site keeps its existing visual identity. */
body.admin-mode{background:var(--studio-sky-050);color:var(--studio-copy)}
body.admin-mode .topbar,body.admin-mode .site-footer,body.admin-mode .bottom-nav,body.admin-mode #businessCatalogNotice{display:none!important}
body.admin-mode #appMain.admin-route{width:100%;max-width:none;min-height:100vh;padding:0;margin:0}
body.admin-mode .studio-page{width:min(1600px,100%);margin:0 auto}
body.admin-mode .studio-shell{min-height:100vh;border:0;border-radius:0}
body.admin-mode .studio-sidebar{position:sticky;top:0;height:100vh}
body.admin-mode .studio-logo-lockup{color:var(--studio-ink-950)}
body.admin-mode .studio-logo-lockup img{object-fit:contain}
body.admin-mode .studio-logo-copy{display:grid;gap:4px}
body.admin-mode .studio-logo-copy b{font:700 19px var(--studio-heading);color:var(--studio-ink-950)}
body.admin-mode .studio-logo-copy small{font-size:11px;color:var(--studio-muted)}
body.admin-mode .studio-logo-copy .studio-eyebrow{margin:0;font-size:9px}
body.admin-mode .studio-page-title{letter-spacing:0}
body.admin-mode .admin-studio-content{align-content:start}
body.admin-mode .admin-studio-content>.studio-card{min-width:0}
body.admin-mode .admin-section-heading{font-size:22px}
body.admin-mode .studio-muted-copy{margin:8px 0 0;color:var(--studio-muted);font-size:13px;line-height:1.7}
body.admin-mode .studio-login-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;margin-top:18px}
body.admin-mode .studio-login-form .studio-button{min-height:50px;white-space:nowrap}
body.admin-mode .studio-field{display:grid;gap:8px;color:var(--studio-copy);font-size:12px;font-weight:600}
body.admin-mode .studio-field input,body.admin-mode .studio-field textarea{min-height:48px;padding:12px 14px;border:1px solid var(--studio-line);border-radius:12px;background:#fff;color:var(--studio-ink-950);outline:0}
body.admin-mode .studio-field input:focus,body.admin-mode .studio-field textarea:focus{border-color:var(--studio-accent);box-shadow:var(--studio-focus-shadow)}
body.admin-mode .studio-alert{padding:14px 18px;border:1px solid #d1eee5;border-radius:14px;background:var(--studio-pine-soft);color:#147e68;font-size:13px}
body.admin-mode .studio-alert.is-error{border-color:#ffd6dc;background:var(--studio-danger-soft);color:#b8394a}
body.admin-mode .studio-alert[hidden]{display:none}
body.admin-mode .studio-table{min-width:980px;font-size:13px;color:var(--studio-copy)}
body.admin-mode .studio-table td{vertical-align:middle}
body.admin-mode .studio-table td strong,body.admin-mode .studio-row-subtitle{display:block}
body.admin-mode .studio-row-subtitle{margin-top:6px;color:var(--studio-muted);font-size:11px}
body.admin-mode .studio-row-actions{display:flex;flex-wrap:wrap;gap:7px;min-width:230px}
body.admin-mode .studio-row-actions .studio-button{min-height:34px;padding:7px 10px;border-radius:10px;font-size:11px}
body.admin-mode .published-order-input{width:76px;min-height:40px;padding:8px 10px;border:1px solid var(--studio-line);border-radius:10px;background:#fff;color:var(--studio-ink-950);font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}
body.admin-mode .published-order-input:focus{border-color:var(--studio-accent);outline:2px solid color-mix(in srgb,var(--studio-accent) 18%,transparent);outline-offset:1px}
body.admin-mode .privacy-erasure-tools{display:grid;gap:10px;margin-top:12px}
body.admin-mode .privacy-erasure-preview{padding:14px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-surface-soft);color:var(--studio-copy);font-size:12px;line-height:1.65}
body.admin-mode .privacy-erasure-preview[hidden]{display:none}
body.admin-mode .privacy-erasure-preview ul{margin:8px 0;padding-left:20px}
body.admin-mode .privacy-erasure-preview p{margin:8px 0;color:var(--studio-muted)}
body.admin-mode .privacy-erasure-preview label{display:grid;gap:7px;margin:12px 0;color:var(--studio-copy);font-weight:600}
body.admin-mode .privacy-erasure-preview textarea{box-sizing:border-box;width:100%;min-height:64px;padding:10px 12px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface);color:var(--studio-ink-950);font:inherit;resize:vertical}
body.admin-mode .privacy-erasure-preview textarea:focus{border-color:var(--studio-accent);outline:0;box-shadow:var(--studio-focus-shadow)}
body.admin-mode .privacy-erasure-preview .studio-button{white-space:normal}
body.admin-mode .studio-empty{padding:26px;text-align:center;color:var(--studio-muted)}
body.admin-mode .studio-empty .studio-badge{margin:auto}
body.admin-mode .studio-empty p{margin:12px 0 0}
body.admin-mode .admin-columns-card .admin-column-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;padding:20px;border:1px solid var(--studio-line);border-radius:16px;background:var(--studio-surface-soft)}
body.admin-mode .admin-column-form label{display:grid;gap:8px;color:var(--studio-copy);font-size:12px;font-weight:600}
body.admin-mode .admin-column-form input:not([type=checkbox]),body.admin-mode .admin-column-form select{width:100%;height:48px;padding:0 12px;border:1px solid var(--studio-line);border-radius:12px;background:#fff;color:var(--studio-ink-950);font-size:13px}
body.admin-mode .admin-column-form .toggle-field{display:flex!important;align-items:center;gap:9px!important;align-self:center}
body.admin-mode .admin-column-form [data-column-home-slot-field][hidden]{display:none!important}
body.admin-mode .admin-column-form input[type=checkbox]{accent-color:var(--studio-accent)}
body.admin-mode .column-admin-slot{margin-left:8px;vertical-align:middle;font-size:10px}
body.admin-mode .admin-column-form button{grid-column:auto;justify-self:start;align-self:end;min-height:48px}
body.admin-mode .admin-token-row{align-items:end;background:#fff;border-color:var(--studio-line);flex-wrap:wrap}
body.admin-mode .admin-token-row label{color:var(--studio-copy);font-size:11px}
body.admin-mode .admin-token-row input{min-height:44px;border-color:var(--studio-line);border-radius:10px;background:#fff;color:var(--studio-ink-950)}
body.admin-mode .admin-token-row>span{color:var(--studio-muted)}
body.admin-mode .column-admin-list{border-color:var(--studio-line)}
body.admin-mode .admin-content-report-details{min-width:260px}
body.admin-mode .admin-content-report-details summary{cursor:pointer;color:var(--studio-accent);font-weight:650}
body.admin-mode .admin-content-report-body{max-width:680px;padding:12px 0;color:var(--studio-copy);white-space:normal;overflow-wrap:anywhere}
body.admin-mode .admin-content-report-body p{margin:9px 0;line-height:1.6}
body.admin-mode .admin-content-report-media-state{padding:10px 12px;border:1px solid #b7dfcf;border-radius:10px;background:#eef8f1;color:#1c6746;font-weight:650}
body.admin-mode .admin-content-report-media-state.is-warning{border-color:#efd8bd;background:#fff6e9;color:#8b4f20}
body.admin-mode .admin-content-report-media-compare{display:grid;grid-template-columns:minmax(100px,130px) minmax(0,1fr);gap:8px 12px;padding:12px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-surface-soft);font-size:12px;overflow-wrap:anywhere}
body.admin-mode .admin-content-report-media-compare dt{font-weight:700}
body.admin-mode .admin-content-report-media-compare dd{margin:0;line-height:1.6}
body.admin-mode .admin-content-report-impacts{margin-top:22px;padding-top:22px;border-top:1px solid var(--studio-line)}
body.admin-mode .admin-content-report-impact-list{display:grid;gap:12px;margin-top:14px}
body.admin-mode .admin-content-report-impact-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px 18px;padding:16px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-surface-soft);overflow-wrap:anywhere}
body.admin-mode .admin-content-report-impact-card div{display:grid;align-content:start;gap:4px}
body.admin-mode .admin-content-report-impact-card small{color:var(--studio-muted);line-height:1.5}
body.admin-mode .admin-content-report-impact-card p{grid-column:1/-1;margin:0}
body.admin-mode .admin-content-report-impact-card>small{grid-column:1/-1}
body.admin-mode .admin-content-report-impact-card button{justify-self:start}
@media(max-width:600px){body.admin-mode .admin-content-report-impact-card{grid-template-columns:minmax(0,1fr)}body.admin-mode .admin-content-report-impact-card button{width:100%}}
body.admin-mode .admin-content-report-triage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding:16px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-surface-soft)}
body.admin-mode .admin-content-report-triage .studio-field:nth-of-type(2),body.admin-mode .admin-content-report-triage .studio-field:nth-of-type(3){grid-column:span 2}
body.admin-mode .admin-content-report-triage textarea{width:100%;padding:11px 12px;border:1px solid var(--studio-line);border-radius:10px;background:#fff;color:var(--studio-ink-950);font:inherit;resize:vertical}
body.admin-mode .admin-content-report-triage button{justify-self:start}
.content-report-card{margin-top:24px}
.content-report-form{display:grid;gap:16px;margin-top:18px}
.content-report-form label{display:grid;gap:8px;color:var(--text);font-size:14px;font-weight:600}
.content-report-form input,.content-report-form select,.content-report-form textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.86);color:#17151a;font:inherit}
.content-report-form textarea{min-height:150px;resize:vertical}
.content-report-form input:focus,.content-report-form select:focus,.content-report-form textarea:focus{outline:2px solid #ee378c44;border-color:var(--pink)}
.content-report-form button{justify-self:start}
.content-report-target-notice{margin:-7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.content-report-notice{color:#a33939}
.content-report-receipt,.content-report-status{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72);overflow-wrap:anywhere}
.content-report-receipt h3{margin:0 0 8px}
.content-report-receipt dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 12px}
.content-report-receipt dd{margin:0}
.content-report-receipt code{user-select:all;overflow-wrap:anywhere}
.content-report-status p{line-height:1.7}
@media(max-width:600px){.content-report-receipt dl{grid-template-columns:1fr}.content-report-receipt dt{font-weight:700}.content-report-receipt dd{margin-bottom:8px}body.admin-mode .admin-content-report-triage{grid-template-columns:1fr}body.admin-mode .admin-content-report-triage .studio-field:nth-of-type(2),body.admin-mode .admin-content-report-triage .studio-field:nth-of-type(3){grid-column:auto}}
@media(max-width:600px){
 body.admin-mode #adminContentReports .studio-table-wrap{max-width:100%;overflow:visible}
 body.admin-mode #adminContentReports .studio-table{display:block;width:100%;min-width:0}
 body.admin-mode #adminContentReports .studio-table thead{display:none}
 body.admin-mode #adminContentReports .studio-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}
 body.admin-mode #adminContentReports .studio-table tr{display:block;min-width:0;max-width:100%;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-surface);overflow:hidden}
 body.admin-mode #adminContentReports .studio-table td{display:block;min-width:0;max-width:100%;padding:12px 14px;border-bottom:1px solid var(--studio-line);overflow-wrap:anywhere}
 body.admin-mode #adminContentReports .studio-table td:last-child{border-bottom:0}
 body.admin-mode #adminContentReports .studio-table td:not([colspan])::before{display:block;margin-bottom:6px;color:var(--studio-muted);font-size:11px;font-weight:700}
 body.admin-mode #adminContentReports .studio-table td:not([colspan]):nth-child(1)::before{content:'受理时间 / 类型'}
 body.admin-mode #adminContentReports .studio-table td:not([colspan]):nth-child(2)::before{content:'关联作品'}
 body.admin-mode #adminContentReports .studio-table td:not([colspan]):nth-child(3)::before{content:'投诉详情'}
 body.admin-mode #adminContentReports .studio-table td:not([colspan]):nth-child(4)::before{content:'当前状态'}
 body.admin-mode #adminContentReports .admin-content-report-details{min-width:0}
 body.admin-mode #adminContentReports .admin-content-report-body{width:100%;max-width:none;min-width:0}
 body.admin-mode #adminContentReports .admin-content-report-triage{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);padding:12px}
 body.admin-mode #adminContentReports .admin-content-report-triage .studio-field{min-width:0;grid-column:1/-1}
 body.admin-mode #adminContentReports .admin-content-report-triage select,body.admin-mode #adminContentReports .admin-content-report-triage textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
 body.admin-mode #adminContentReports .admin-content-report-triage button{width:100%;min-height:44px;justify-self:stretch;white-space:normal}
 body.admin-mode #adminContentReports .studio-row-actions{min-width:0}
}
body.admin-mode .column-admin-head{color:var(--studio-ink-950)}
body.admin-mode .column-admin-head span,body.admin-mode .column-admin-main small,body.admin-mode .column-nav-toggle{color:var(--studio-muted)}
body.admin-mode .column-admin-item{border-color:var(--studio-line)}
body.admin-mode .column-admin-main b{color:var(--studio-ink-950)}
body.admin-mode .column-admin-actions button{border-color:var(--studio-line);background:#fff;color:var(--studio-copy)}
body.admin-mode .column-admin-actions button.danger{color:#b8394a}
body.admin-mode .admin-api-error{color:#b8394a}
body.admin-mode .studio-modal{z-index:50}
body.admin-mode .studio-modal.is-open{position:fixed;inset:0;display:grid}
body.admin-mode .studio-modal__panel{max-height:90vh;overflow:auto}
body.admin-mode .studio-modal__header h2{margin:0}
body.admin-mode .public-information-review-confirmation{margin:0 0 16px;padding:12px 14px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface-soft)}
body.admin-mode .public-information-review-confirmation[hidden]{display:none}
body.admin-mode .public-information-review-confirmation span{display:flex;align-items:flex-start;gap:10px;line-height:1.55}
body.admin-mode .public-information-review-confirmation input[type=checkbox]{width:18px;min-height:18px;margin-top:2px;flex:0 0 18px;accent-color:var(--studio-accent)}
@media(max-width:900px){body.admin-mode .studio-shell{grid-template-columns:220px minmax(0,1fr)}body.admin-mode .studio-sidebar{padding:24px 18px}body.admin-mode .studio-login-form{grid-template-columns:1fr 1fr}body.admin-mode .studio-login-form .studio-button{grid-column:1/-1;justify-self:start}}
@media(max-width:650px){body.admin-mode .studio-page{width:100%}body.admin-mode .studio-shell{display:block;border-radius:0}body.admin-mode .studio-sidebar{position:static;height:auto;gap:16px;padding:16px;border-right:0;border-bottom:1px solid var(--studio-line)}body.admin-mode .studio-logo-lockup img{width:42px;height:42px}body.admin-mode .studio-nav{display:flex;overflow:auto;gap:5px}body.admin-mode .studio-nav-link{flex:0 0 auto;padding:9px 12px;font-size:12px}body.admin-mode .studio-nav-link.is-active:before{left:6px;bottom:1px;top:auto;width:calc(100% - 12px);height:2px}body.admin-mode .studio-sidebar-footer{display:none}body.admin-mode .studio-topbar{min-height:0;padding:20px 16px}body.admin-mode .studio-topbar h1{font-size:23px!important}body.admin-mode .studio-content{gap:14px;padding:16px}body.admin-mode .studio-card{padding:17px;border-radius:16px}body.admin-mode .studio-list-item{align-items:flex-start;gap:12px;flex-direction:column}body.admin-mode .studio-login-form{grid-template-columns:1fr}body.admin-mode .studio-login-form .studio-button{grid-column:auto}body.admin-mode .admin-columns-card .admin-column-form{grid-template-columns:1fr;padding:14px}body.admin-mode .admin-column-form button{grid-column:auto}body.admin-mode .column-admin-item{grid-template-columns:minmax(0,1fr) auto;gap:9px}body.admin-mode .column-admin-item>.column-nav-toggle{display:flex}body.admin-mode .column-admin-actions{grid-column:1/-1}body.admin-mode .admin-token-row{align-items:stretch;flex-direction:column}body.admin-mode .admin-token-row input{width:100%}body.admin-mode .studio-modal{padding:12px}}
body.admin-mode .admin-order-filter{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;align-items:end;gap:12px;margin:18px 0}
body.admin-mode .admin-order-filter label{display:grid;gap:7px;color:var(--studio-copy);font-size:12px;font-weight:600}
body.admin-mode .admin-order-filter input,body.admin-mode .admin-order-filter select{min-height:44px;padding:0 12px;border:1px solid var(--studio-line);border-radius:10px;background:#fff;color:var(--studio-ink-950);font:inherit}
body.admin-mode .admin-order-filter .studio-button{min-height:44px}
body.admin-mode #adminCreatorAdjustmentCreateForm{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-paper)}
body.admin-mode #adminCreatorAdjustmentCreateForm[hidden]{display:none!important}
body.admin-mode #adminCreatorAdjustmentCreateForm textarea{min-height:72px;padding:10px 12px;border:1px solid var(--studio-line);border-radius:10px;background:#fff;color:var(--studio-ink-950);font:inherit;resize:vertical}
body.admin-mode #adminCreatorAdjustmentCreateForm>.studio-button,body.admin-mode #adminCreatorAdjustmentNotice{grid-column:1/-1;justify-self:start}
body.admin-mode #adminCreatorAdjustmentRows td{vertical-align:top;max-width:280px;overflow-wrap:anywhere}
body.admin-mode .admin-order-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;color:var(--studio-muted);font-size:12px}
body.admin-mode .admin-order-pager .studio-button{min-height:36px;padding:8px 12px}
@media(max-width:650px){body.admin-mode .admin-order-filter{grid-template-columns:1fr;padding:0 4px}body.admin-mode .admin-order-filter .studio-button{justify-self:start}body.admin-mode #adminCreatorAdjustmentCreateForm{grid-template-columns:1fr;padding:12px}body.admin-mode #adminCreatorAdjustmentCreateForm>.studio-button,body.admin-mode #adminCreatorAdjustmentNotice{grid-column:auto}body.admin-mode .admin-order-pager{justify-content:space-between}body.admin-mode #businessOrderRows .studio-row-actions{min-width:0}}
.creator-panel-heading,.creator-identity-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.creator-panel-heading h2{margin-bottom:6px}.creator-panel-heading p:not(.section-kicker),.creator-panel>p{font-size:10px;color:#96909b;line-height:1.8}.creator-notice{margin:16px auto;padding:13px 16px;max-width:var(--content);border:1px solid #6c9f793d;border-radius:6px;background:#243a2a;color:#c1e8ca;font-size:11px}.creator-notice.is-error{border-color:#ff767644;background:#392528;color:#ffc4c1}.creator-notice[hidden]{display:none}.creator-auth-panel{max-width:850px;margin:12px auto 18px}.creator-auth-panel .creator-form{grid-template-columns:1fr 1fr auto;align-items:end}.creator-auth-panel .creator-form button{grid-column:auto}.creator-identity-row h2{margin-bottom:5px}.creator-identity-row p{font-size:10px;color:#9e96a2}.creator-series-list{margin-top:22px;border-top:1px solid var(--line)}.creator-series-card,.creator-record{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 3px;border-bottom:1px solid #ffffff12}.creator-series-card>div,.creator-record>span:first-child{display:grid;gap:5px;min-width:0}.creator-series-card b,.creator-record b{font-size:11px}.creator-series-card small,.creator-record small{font-size:9px;color:#8f8893}.creator-series-card button,.creator-record button{flex:0 0 auto}.creator-workspace{padding-top:30px;scroll-margin-top:95px}.creator-workspace-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;padding:18px 20px;background:#211c24;border:1px solid var(--line);border-radius:8px}.creator-workspace-header h2{margin:0 0 5px}.creator-workspace-header p:not(.section-kicker){font-size:10px;color:#9e96a2;margin:0}.creator-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creator-workspace-grid>.creator-panel{min-width:0}.creator-workspace-grid h3{font:600 15px 'Noto Serif SC',serif;margin:0}.creator-workspace-grid .creator-form{margin-top:15px}.creator-workspace-grid .creator-form button{grid-column:1/-1}.creator-wide-field{grid-column:1/-1!important}.creator-record-list{margin-top:12px}.creator-episode-panel{grid-column:1/-1}.creator-upload-status{min-height:22px;margin-top:12px;color:#f2d69e;font-size:10px;line-height:1.7}.creator-series-card button:disabled,.creator-workspace button:disabled{opacity:.5;cursor:not-allowed}.creator-form input:disabled,.creator-form select:disabled,.creator-form textarea:disabled{opacity:.55;cursor:not-allowed}.creator-scheduled-field[hidden],.creator-ad-field[hidden]{display:none!important}.creator-flow-panel{margin-top:16px}.creator-review-row{padding:12px 3px;border-bottom:1px solid #ffffff12}.creator-review-row>div{display:grid;gap:6px}.creator-review-row b{font-size:11px}.creator-review-row small{font-size:9px;color:#8f8893}.creator-review-row p{margin:2px 0 0;padding:9px 11px;border-left:2px solid var(--gold);background:#e5c68b0d;color:#e8d8b5;font-size:10px;line-height:1.7;white-space:pre-wrap}.admin-rights-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.admin-rights-download{border:1px solid #5b6cff38;border-radius:8px;padding:5px 7px;color:#4558f2;background:#eef1ff;cursor:pointer;font-size:10px}
@media(max-width:850px){.creator-auth-panel .creator-form{grid-template-columns:1fr 1fr}.creator-auth-panel .creator-form button{grid-column:1/-1}.creator-workspace-grid{grid-template-columns:1fr}.creator-episode-panel{grid-column:auto}}
@media(max-width:640px){.creator-panel-heading,.creator-identity-row,.creator-workspace-header{align-items:flex-start;flex-direction:column}.creator-auth-panel .creator-form{grid-template-columns:1fr}.creator-auth-panel .creator-form button{grid-column:auto}.creator-workspace{padding-top:20px}.creator-workspace-grid .creator-form{grid-template-columns:1fr}.creator-workspace-grid .creator-form label{grid-column:auto!important}.creator-workspace-grid .creator-form button{grid-column:auto}.creator-series-card{align-items:flex-start}.creator-series-card button{padding:6px 9px}}
.episode-offer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px;margin:14px 0 20px;padding:15px 17px;border:1px solid #e5c68b38;border-radius:7px;background:linear-gradient(120deg,#e5c68b12,#ffffff04)}.episode-offer-card strong{font-size:12px;color:#f0dba9;line-height:1.65}.episode-offer-card p{grid-column:1;margin:0;color:#a39ba7;font-size:9px;line-height:1.7}.episode-offer-card button{grid-column:2;grid-row:1/3;white-space:nowrap}.account-dashboard{max-width:760px;margin:0 auto;display:grid;gap:14px}.account-dashboard .account-card{width:100%;max-width:none;margin:0;text-align:left;padding:24px}.account-dashboard .account-card>h2,.account-dashboard .account-card>p{margin-left:0;margin-right:0}.account-login-form{grid-template-columns:1fr 1fr}.account-login-form button{grid-column:1/-1;justify-self:start}.account-member-head,.account-wallet-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border:1px solid var(--line);border-radius:8px;background:#1b1a20}.account-member-head h2,.account-wallet-card h2{margin:0;font:600 20px 'Noto Serif SC',serif}.account-member-head p:not(.section-kicker),.account-wallet-card p:not(.section-kicker){margin:6px 0 0;color:#938c98;font-size:10px}.account-wallet-card h2{font:500 28px 'DM Sans',sans-serif;color:#f1d398}.account-topup-card .creator-form{grid-template-columns:minmax(160px,240px) auto;align-items:end}.account-topup-card .creator-form button{grid-column:auto}.account-topup-card>p{max-width:600px}.topup-status{margin-top:13px;color:#dfd3bc;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.account-wallet-link{display:block;margin:0 0 12px;color:#ed94ba;font-size:10px}.account-dashboard .account-links{justify-content:flex-start;margin-top:3px}.account-dashboard .account-links a{font-size:11px}.account-dashboard .creator-notice{max-width:none;margin:0}.account-dashboard #accountGuest{max-width:510px;margin:20px auto;text-align:center}.account-dashboard #accountGuest .creator-form{text-align:left}.account-dashboard #accountGuest .creator-form button{justify-self:center}
.account-return-wrap{max-width:760px;margin:0 auto}.account-return-wrap[hidden]{display:none}.account-return-wrap a{color:#ed94ba;font-size:11px}
@media(max-width:640px){.episode-offer-card{grid-template-columns:1fr;gap:7px;padding:13px}.episode-offer-card p,.episode-offer-card button{grid-column:auto;grid-row:auto}.episode-offer-card button{justify-self:start}.account-dashboard .account-card{padding:18px}.account-member-head,.account-wallet-card{align-items:flex-start;padding:17px;flex-direction:column}.account-wallet-card h2{font-size:24px}.account-topup-card .creator-form{grid-template-columns:1fr}.account-topup-card .creator-form button{grid-column:auto}.account-dashboard #accountGuest{margin:5px auto}.account-login-form{grid-template-columns:1fr}.account-login-form button{grid-column:auto}}
.creator-trash-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0 0}.creator-trash-toolbar .table-action{min-height:44px;padding:9px 13px}.creator-trash-toolbar>span,.creator-trash-panel>.source-note{max-width:760px;font-size:10px;line-height:1.7;color:#a7a0aa}.creator-trash-panel{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#1b1a20}.creator-trash-panel h3{margin:0;font:600 15px 'Noto Serif SC',serif}.creator-trash-panel .creator-record button{min-height:44px}.creator-workspace-header>.creator-delete-draft{margin-left:auto;border-color:#8f51514f;color:#f1b5b5}.creator-workspace-header>.creator-delete-draft[hidden]{display:none}

/* Version-bound regulatory clearance workspaces */
.creator-regulatory-panel .creator-form label{grid-column:auto!important;align-content:start}
.creator-regulatory-panel .creator-form .creator-wide-field{grid-column:1/-1!important}
.creator-regulatory-panel .creator-form label small{color:#a49ba7;font-size:9px;line-height:1.6}
.creator-regulatory-panel .creator-form button{min-height:44px}
.creator-rights-entry{border-bottom:1px solid #ffffff12}.creator-rights-entry .creator-record{border-bottom:0}.creator-rights-entry .creator-record>span{min-width:0}.creator-rights-actions,.creator-rights-confirm-actions{display:flex;flex-wrap:wrap;gap:7px}.creator-rights-actions .table-action,.creator-rights-confirm-actions .table-action,.creator-rights-recovery .table-action{min-height:36px;margin:0;padding:7px 10px}.creator-rights-revoked{color:#f1b5b5!important;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.creator-rights-recovery{margin:15px 0;padding:14px;border:1px solid #e5c68b55;border-radius:6px;background:#e5c68b0d}.creator-rights-recovery[hidden],.creator-rights-revoke-form[hidden]{display:none}.creator-rights-recovery p,.creator-rights-revoke-form p{margin:0 0 10px;color:#d2bd91;font-size:10px;line-height:1.7}.creator-rights-revoke-form{display:grid;gap:10px;margin:0 0 13px;padding:14px;border:1px solid #ff767644;border-radius:6px;background:#39252866}.creator-rights-revoke-form label{display:grid;gap:7px;color:#f1c7c5;font-size:10px}.creator-rights-revoke-form textarea{width:100%;min-height:75px;padding:10px;border:1px solid #ffffff30;border-radius:5px;background:#101015;color:#eee;font:inherit;font-size:11px;line-height:1.6;resize:vertical}.creator-rights-revoke-form textarea:focus{outline:2px solid #ee378c99}.creator-rights-revoke-form p{color:#d6aaaa}.creator-rights-revoke-form .table-action.danger{background:#6f3030;color:#fff}
@media(max-width:640px){.creator-rights-entry .creator-record{align-items:flex-start;flex-direction:column}.creator-rights-actions{width:100%}.creator-rights-actions .table-action,.creator-rights-confirm-actions .table-action{min-height:42px}}
.studio-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.studio-metric-card{display:grid;gap:7px;min-width:0;padding:15px;border:1px solid #ffffff15;border-radius:7px;background:linear-gradient(140deg,#ffffff08,#ffffff03)}
.studio-metric-card>span{color:#aaa1ad;font-size:10px}
.studio-metric-card>strong{color:#f0d59b;font:600 17px 'DM Sans','Noto Sans SC',sans-serif;overflow-wrap:anywhere}
.studio-metric-card>small{color:#8f8793;font-size:9px;line-height:1.6}
#adminRegulatoryPanel .studio-table{min-width:1120px}
#adminRegulatoryPanel .studio-table td{vertical-align:top;line-height:1.6}
#adminRegulatoryPanel .studio-table td .studio-button{min-height:44px;margin-top:8px}
.admin-regulatory-reason{width:100%;min-width:170px;min-height:58px;resize:vertical;border:1px solid #ffffff1c;border-radius:5px;padding:8px;background:#101015;color:#eee;font:10px/1.5 'Noto Sans SC',sans-serif}
.admin-regulatory-reason:focus{outline:2px solid #ed378c88;outline-offset:1px}
#adminRegulatoryPanel .studio-row-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
#adminRegulatoryPanel .studio-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;color:var(--studio-muted);font-size:12px}
#adminRegulatoryPanel .studio-pagination .studio-button{min-height:44px}
.admin-opening-marking-workspace{margin-top:30px;padding-top:22px;border-top:1px solid #ffffff18}
.admin-opening-marking-workspace [hidden]{display:none!important}
.admin-opening-marking-list{display:grid;gap:14px;margin-top:14px}
.admin-opening-marking-card{display:grid;gap:14px;padding:17px;border:1px solid #ffffff17;border-radius:8px;background:linear-gradient(145deg,#ffffff07,#ffffff02)}
.admin-opening-marking-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.admin-opening-marking-card h3{margin:4px 0;color:#f1e9f2;font:600 15px 'Noto Sans SC',sans-serif;line-height:1.6}
.admin-opening-marking-card header .studio-muted-copy{margin:5px 0}
.admin-opening-marking-expected{display:flex;flex-wrap:wrap;gap:8px 17px;padding:12px;border:1px solid #ed378c25;border-radius:6px;background:#ed378c08;color:#e6dfe7;font-size:11px}
.admin-opening-marking-expected>b{width:100%;color:#f1d398}
.admin-opening-marking-expected small{width:100%;color:#8f8793;font-size:9px;overflow-wrap:anywhere}
.admin-opening-marking-preview{display:grid;grid-template-columns:minmax(180px,auto) 1fr;align-items:center;gap:8px 14px}
.admin-opening-marking-preview .studio-button{justify-self:start;min-height:42px}
.admin-opening-marking-preview .studio-muted-copy{margin:0}
.admin-opening-marking-preview video{grid-column:1/-1;width:min(100%,760px);max-height:66vh;aspect-ratio:16/9;background:#050506;border:1px solid #ffffff1c;border-radius:6px}
.admin-opening-marking-video-state{grid-column:1/-1;margin:0;color:#b7aeb9;font-size:10px;line-height:1.6}
.admin-opening-marking-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;padding:14px;border:1px solid #ffffff13;border-radius:6px;background:#ffffff03}
.admin-opening-marking-form .studio-field{display:grid;gap:7px;color:#b9b1bf;font-size:10px}
.admin-opening-marking-form input:not([type=checkbox]),.admin-opening-marking-form textarea{width:100%;min-height:42px;padding:9px 10px;border:1px solid #ffffff20;border-radius:5px;background:#101015;color:#eee;font:11px/1.6 'Noto Sans SC',sans-serif}
.admin-opening-marking-form .admin-opening-marking-confirm,.admin-opening-marking-form .admin-opening-marking-note,.admin-opening-marking-form .studio-row-actions,.admin-opening-marking-form>small{grid-column:1/-1}
.admin-opening-marking-form .admin-opening-marking-confirm{display:flex;align-items:flex-start;gap:9px;line-height:1.6}
.admin-opening-marking-form .admin-opening-marking-confirm input{flex:0 0 auto;margin-top:1px;accent-color:#ed378c}
.admin-opening-marking-form textarea{resize:vertical;min-height:76px}
.admin-opening-marking-form .studio-row-actions{display:flex;flex-wrap:wrap;gap:8px}
.admin-opening-marking-form .studio-row-actions .studio-button{min-height:42px}
.admin-opening-marking-form>small,.admin-opening-marking-last-review{color:#8f8793;font-size:9px;line-height:1.6}
.admin-opening-marking-last-review{margin:0;overflow-wrap:anywhere}
#adminOpeningMarkingPagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;color:var(--studio-muted);font-size:12px}
@media(max-width:640px){.admin-opening-marking-card{padding:12px}.admin-opening-marking-card>header{flex-direction:column}.admin-opening-marking-preview{grid-template-columns:1fr}.admin-opening-marking-form{grid-template-columns:1fr;padding:11px}.admin-opening-marking-form .admin-opening-marking-confirm,.admin-opening-marking-form .admin-opening-marking-note,.admin-opening-marking-form .studio-row-actions,.admin-opening-marking-form>small{grid-column:auto!important}.admin-opening-marking-form .studio-row-actions{flex-direction:column;align-items:stretch}.admin-opening-marking-form .studio-row-actions .studio-button{width:100%}}
#adminPlatformQualificationPanel .admin-platform-qualification-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;margin:18px 0;padding:16px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff03}
#adminPlatformQualificationPanel .admin-platform-qualification-form label{grid-column:auto!important;align-content:start}
#adminPlatformQualificationPanel .admin-platform-qualification-form label small{color:#a49ba7;font-size:9px;line-height:1.6}
#adminPlatformQualificationPanel .admin-platform-qualification-form .admin-platform-qualification-file{grid-column:1/-1!important}
#adminPlatformQualificationPanel .admin-platform-qualification-form input[type=file]{min-height:44px;padding:9px;border:1px solid #ffffff1c;border-radius:5px;background:#101015;color:#eee}
#adminPlatformQualificationPanel .admin-platform-qualification-form button{grid-column:1/-1;justify-self:start;min-height:44px}
#adminPlatformQualificationPanel .studio-table{min-width:1080px}
#adminPlatformQualificationPanel .studio-table td{vertical-align:top;line-height:1.6}
#adminPlatformQualificationPanel .studio-table td .studio-button{min-height:42px;margin-top:8px}
#adminPlatformQualificationPanel .studio-row-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
#adminPlatformQualificationPanel .studio-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;color:var(--studio-muted);font-size:12px}
#adminPlatformQualificationPanel .studio-pagination .studio-button{min-height:44px}
@media(max-width:850px){.studio-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.studio-metric-grid{grid-template-columns:1fr 1fr;gap:7px}.studio-metric-card{padding:11px}.studio-metric-card>strong{font-size:14px}.creator-regulatory-panel .creator-form .creator-wide-field{grid-column:auto!important}#adminPlatformQualificationPanel .admin-platform-qualification-form{grid-template-columns:1fr;padding:12px}#adminPlatformQualificationPanel .admin-platform-qualification-form .admin-platform-qualification-file,#adminPlatformQualificationPanel .admin-platform-qualification-form button{grid-column:auto!important}}
.studio-nav-link[hidden],.studio-card[hidden],.creator-finance-panel[hidden]{display:none!important}
.account-history-card{padding:22px 24px!important}.account-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-history-heading h2,.creator-finance-list h3{margin:0;font:600 16px 'Noto Serif SC',serif}.account-history-list{margin-top:12px;border-top:1px solid #ffffff14}.account-history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 2px;border-bottom:1px solid #ffffff12}.account-history-row>div:first-child{display:grid;gap:5px;min-width:0}.account-history-title{color:#e9e3eb;font-size:11px;line-height:1.55}.account-history-row small{color:#8e8792;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.account-history-amount{display:grid;justify-items:end;gap:5px;flex:0 0 auto;text-align:right}.account-history-amount>b{font:600 12px 'DM Sans',sans-serif}.account-history-state{color:#a9a2ad;font-size:9px}.account-history-state.is-success,.is-credit,.creator-money-positive{color:#b9dfbd}.account-history-state.is-refunded,.is-debit{color:#e5b6aa}.account-history-empty{padding:15px 2px;color:#8e8792;font-size:10px}.account-history-empty.is-error{color:#ffc4c1}.account-history-more{margin-top:12px}.creator-finance-panel{margin-top:14px}.creator-finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.creator-finance-summary article{display:grid;gap:8px;padding:15px 17px;border:1px solid #ffffff13;border-radius:7px;background:#ffffff04}.creator-finance-summary small{color:#9b939f;font-size:10px}.creator-finance-summary strong{color:#f1d398;font:500 23px 'DM Sans',sans-serif}.creator-withdrawal-form{grid-template-columns:minmax(180px,260px) auto;align-items:end;margin-top:18px;padding-bottom:15px;border-bottom:1px solid #ffffff14}.creator-withdrawal-form button{grid-column:auto;justify-self:start}.creator-finance-notice{max-width:none;margin:12px 0}.creator-finance-list{margin-top:18px}.creator-finance-list h3{margin-bottom:9px}.creator-money-positive{font:600 12px 'DM Sans',sans-serif}
.account-watch-history-row>div:first-child{width:min(100%,520px)}.watch-history-progress{height:3px;margin-top:3px;overflow:hidden;border-radius:9px;background:#ffffff18}.watch-history-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ed378c,#f0d59b)}.account-watch-history-row .account-history-amount{min-width:74px}.account-watch-history-row .table-action{margin:0;padding:5px 9px;font-size:9px}
@media(max-width:640px){.account-history-card{padding:17px!important}.account-history-row{align-items:flex-start}.account-history-title{font-size:10px}.account-history-amount>b{font-size:11px}.creator-finance-summary{grid-template-columns:1fr}.creator-finance-summary article{padding:12px}.creator-finance-summary strong{font-size:19px}.creator-withdrawal-form{grid-template-columns:1fr}.creator-withdrawal-form button{grid-column:auto}}
.creator-money-negative{color:#e5b6aa;font:600 12px 'DM Sans',sans-serif}.creator-settlement-detail{margin-top:14px;padding:14px;border:1px solid #ffffff16;border-radius:8px;background:#ffffff04}.creator-settlement-detail h4{margin:0 0 12px;color:#f0e8ef;font:600 13px 'DM Sans','Noto Sans SC',sans-serif}.creator-settlement-detail .admin-order-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;color:#9b939f;font-size:10px}
.creator-money-muted{color:#c4b3a7;font:500 11px 'DM Sans','Noto Sans SC',sans-serif}

/* Dynamic, API-managed home page topics */
/* Navigation width follows the number of links configured in the admin. */
.bottom-nav a,.bottom-nav button{flex:1 1 0;width:auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* Episode-end handoff keeps the viewer inside the series and sends every next-episode request through the server offer gate. */
.next-episode-prompt{position:absolute;z-index:4;right:16px;bottom:16px;width:min(360px,calc(100% - 32px));display:grid;gap:4px;padding:13px 92px 13px 15px;border:1px solid #ef94bb78;border-radius:7px;background:linear-gradient(115deg,#221b24ed,#111015ed);box-shadow:0 10px 32px #0009;color:#f4edf2;text-align:left;cursor:pointer;backdrop-filter:blur(12px)}
.next-episode-prompt[hidden]{display:none}.next-episode-prompt>span{color:#d0a5b5;font-size:9px;letter-spacing:.08em}.next-episode-prompt>b{font:600 13px 'Noto Serif SC',serif}.next-episode-prompt>small{color:#a9a0ab;font-size:9px;line-height:1.45}.next-episode-prompt>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#f1c5d9;font:500 11px 'DM Sans',sans-serif;font-style:normal}.next-episode-prompt:hover{border-color:#ef94bb;background:linear-gradient(115deg,#30212cfa,#17141bfa)}.next-episode-prompt:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:640px){.next-episode-prompt{right:10px;bottom:10px;width:calc(100% - 20px);padding:10px 82px 10px 12px}.next-episode-prompt>b{font-size:12px}.next-episode-prompt>small{font-size:8px}}
.install-button.can-install{border-color:#ee378c66;color:#ffabd0;background:#ee378c12}.install-button.is-installed{border-color:#b9dfbd40;color:#b9dfbd}.install-button:disabled{cursor:default;opacity:.88}
.install-guide-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:20px;background:#08080bd9;backdrop-filter:blur(8px)}.install-guide-card{position:relative;width:min(100%,440px);padding:28px;border:1px solid #ffffff18;border-radius:12px;background:linear-gradient(155deg,#201b24,#141419 70%);box-shadow:0 24px 80px #000a;color:var(--text)}.install-guide-eyebrow{display:block;margin-bottom:9px;color:#ef83b4;font:600 9px 'DM Sans',sans-serif;letter-spacing:.16em}.install-guide-card h2{margin:0 48px 10px 0;font:600 21px 'Noto Serif SC',serif}.install-guide-card p{margin:0;color:#bcb4bf;font-size:12px;line-height:1.7}.install-guide-card ol{display:grid;gap:10px;margin:20px 0;padding-left:24px;color:#e6dfe7;font-size:12px;line-height:1.6}.install-guide-card li{padding-left:4px}.install-guide-actions{display:flex;justify-content:flex-end;margin-top:22px}.install-guide-actions .button{min-width:150px}.install-guide-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid #ffffff1a;border-radius:50%;background:#ffffff08;color:#d9d2dc;font-size:23px;line-height:1;cursor:pointer}.install-guide-close:hover{border-color:#ee378c88;color:white}.install-guide-card :focus-visible{outline:2px solid #ffabd0;outline-offset:3px}
@media(max-width:480px){.install-guide-card{padding:24px 20px}.install-guide-card h2{font-size:19px}}
/* Device-session management on the account page. */
.account-session-list{margin-top:12px;border-top:1px solid #ffffff14}.account-session-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px;border-bottom:1px solid #ffffff12}.account-session-row>div{display:grid;gap:5px;min-width:0}.account-session-row b{color:#e9e3eb;font-size:11px}.account-session-row small{color:#8e8792;font-size:9px;line-height:1.5}.account-history-heading>div>p{margin:6px 0 0;color:#938c98;font-size:10px}.account-session-row .table-action{flex:none;margin:0;white-space:nowrap}.account-session-row .table-action.danger{color:#ffaaa5;border-color:#ff767644}
@media(max-width:640px){.account-session-row{align-items:flex-start;gap:10px}.account-session-row .table-action{padding:7px 9px}.account-session-row small{overflow-wrap:anywhere}}
/* Creator-facing authorization expiry reminders. */
.creator-notifications-panel{margin-top:14px}.creator-notifications-panel .creator-panel-heading>div:last-child{display:flex;align-items:center;gap:10px;flex:0 0 auto}.creator-notification-row{align-items:flex-start}.creator-notification-row.is-read{opacity:.66}.creator-notification-row>span:first-child small{max-width:720px;line-height:1.65;overflow-wrap:anywhere}.creator-notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.creator-notification-actions a{white-space:nowrap}
@media(max-width:640px){.creator-notifications-panel .creator-panel-heading>div:last-child{align-items:flex-start;flex-direction:column}.creator-notification-row{flex-direction:column}.creator-notification-actions{justify-content:flex-start}}
.account-notifications-card{padding:22px 24px!important}.account-notification-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.account-notification-list{margin-top:14px;border-top:1px solid #ffffff14}.account-notification-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 2px;border-bottom:1px solid #ffffff12}.account-notification-row.is-read{opacity:.65}.account-notification-copy{display:grid;gap:6px;min-width:0}.account-notification-copy b{color:#eee8ef;font-size:13px}.account-notification-copy p{margin:0;color:#c0b9c4;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.account-notification-copy small{color:#8e8792;font-size:10px;line-height:1.5}.account-notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto;flex-wrap:wrap}.account-notification-actions a{white-space:nowrap}
@media(max-width:640px){.account-notifications-card{padding:18px 16px!important}.account-notifications-card>.account-history-heading{align-items:flex-start;flex-direction:column}.account-notification-toolbar{justify-content:flex-start}.account-notification-row{flex-direction:column}.account-notification-actions{justify-content:flex-start}}
.route-empty{display:grid;justify-items:center;align-content:center;gap:12px;min-height:250px;margin:18px 0;padding:40px 24px!important;background:radial-gradient(ellipse at 50% 0%,#ee378c0d,transparent 62%),linear-gradient(145deg,#19171d,#141418);color:var(--text)!important}
.route-empty-kicker{color:#d889aa;font-size:9px;letter-spacing:.17em}
.route-empty h2{margin:0;color:#f1eaf0;font:600 clamp(19px,2.4vw,25px)/1.4 'Noto Serif SC',serif;letter-spacing:.04em}
.route-empty p{max-width:540px;margin:0;color:#96909b;font-size:11px;line-height:1.8}
.route-empty-link{display:inline-flex;align-items:center;gap:12px;min-height:38px;margin-top:5px;padding:0 15px;border:1px solid #ee378c56;border-radius:5px;background:#ee378c12;color:#ffc2dc;font-size:10px;transition:background .2s,border-color .2s,color .2s}
.route-empty-link span{color:var(--pink-soft);font-size:14px}
.route-empty-link:hover{border-color:var(--pink);background:#ee378c24;color:#fff}
@media(max-width:640px){.route-empty{min-height:210px;margin:12px 0;padding:30px 18px!important;gap:10px}.route-empty p{font-size:10px}}
.admin-ad-active-field{display:flex!important;align-items:center;gap:9px;align-self:end;min-height:38px;color:#cfc6d0!important}.admin-ad-active-field input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--pink)}#adminAdCampaignForm [data-ad-campaign-cancel]{grid-column:auto}
@media(min-width:651px) and (max-width:900px){body.admin-mode #adminAdCampaignForm{grid-template-columns:repeat(2,minmax(0,1fr))}body.admin-mode #adminAdCampaignForm label:has(input[type=datetime-local]){grid-column:1/-1;min-width:0}body.admin-mode #adminAdCampaignForm input[type=datetime-local]{min-width:0;max-width:100%}body.admin-mode #adminAdCampaignForm button[type=submit]{white-space:nowrap}}
body.admin-mode #adminAdCampaignList .column-admin-item{grid-template-columns:minmax(0,1fr) auto max-content}
body.admin-mode #adminAdCampaignList .column-admin-main{min-width:0}
body.admin-mode #adminAdCampaignList .column-admin-actions button{white-space:nowrap}
@media(max-width:650px){body.admin-mode #adminAdCampaignList .column-admin-item{grid-template-columns:minmax(0,1fr) auto}body.admin-mode #adminAdCampaignList .column-admin-actions{grid-column:1/-1;flex-wrap:wrap}}
.application-feature{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:28px;margin:24px 0 18px;padding:30px;border:1px solid #ffffff16;border-radius:10px;background:radial-gradient(ellipse at 88% 20%,#ed378c20,transparent 38%),linear-gradient(120deg,#201b25,#17171d 66%)}.application-feature-copy{max-width:620px}.application-status{display:inline-flex;padding:6px 10px;border:1px solid #ee378c55;border-radius:20px;color:#ffc1dc;background:#ee378c16;font-size:10px}.application-feature-copy h2{margin:16px 0 8px;font:600 25px 'Noto Serif SC',serif;letter-spacing:.03em}.application-feature-copy p{max-width:540px;margin:0 0 20px;color:#aaa2ae;font-size:12px;line-height:1.8}.application-icon-preview{display:grid;justify-items:center;gap:10px;color:#d7cbd4;font-size:11px}.application-icon-preview img{width:96px;height:96px;border:1px solid #ffffff24;border-radius:24px;box-shadow:0 18px 38px #0006}.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.application-grid .info-card{min-height:170px;margin:0;padding:24px}.application-grid .info-card h2{margin:0 0 14px;font-size:16px}.application-steps{display:grid;gap:11px;margin:0;padding-left:22px;color:#d4ccd7;font-size:12px;line-height:1.7}.application-note{margin-top:14px!important;color:#8f8794!important}.application-page>.page-shell>.back-link{display:inline-block;margin-top:22px}
@media(max-width:640px){.application-feature{grid-template-columns:minmax(0,1fr) 74px;gap:12px;margin:16px 0;padding:20px 16px}.application-feature-copy h2{font-size:20px}.application-feature-copy p{font-size:10px}.application-feature .button{min-height:38px;padding:0 13px;font-size:10px}.application-icon-preview{font-size:9px}.application-icon-preview img{width:64px;height:64px;border-radius:17px}.application-grid{grid-template-columns:1fr;gap:10px}.application-grid .info-card{min-height:0;padding:18px}.application-grid .info-card h2{font-size:14px}.application-steps{font-size:10px}}
.account-dashboard #accountGuest [data-account-auth-panel][hidden]{display:none!important}.account-auth-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.account-auth-links .table-action{margin:0}.account-dashboard #accountGuest .account-auth-links .table-action{justify-self:auto}.account-dashboard #accountGuest [data-account-auth-panel="verify"] .source-note{grid-column:1/-1;margin:0}

.account-policy-consent{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:9px;text-align:left;font-size:11px;color:#c8c0ca}.account-policy-consent input{width:auto!important;margin:3px 0 0;accent-color:var(--pink)}#accountPolicyNotice{line-height:1.7;text-align:left;margin:10px 0}
body.admin-mode #adminPrivacyRequests .studio-table{min-width:1380px}
body.admin-mode #adminPrivacyRequests .studio-table td{vertical-align:top}
body.admin-mode .privacy-request-review{display:grid;gap:8px;min-width:260px}
body.admin-mode .privacy-request-review select,body.admin-mode .privacy-request-review textarea{width:100%;min-height:38px;padding:9px 11px;border:1px solid var(--studio-line);border-radius:9px;background:#fff;color:var(--studio-ink-950);font:inherit;resize:vertical}
body.admin-mode .privacy-request-review .studio-button{justify-self:start}
@media(max-width:640px){
 body.admin-mode #adminPrivacyRequests .studio-table-wrap{max-width:100%;overflow:visible}
 body.admin-mode #adminPrivacyRequests .studio-table{display:block;width:100%;min-width:0}
 body.admin-mode #adminPrivacyRequests .studio-table thead{display:none}
 body.admin-mode #adminPrivacyRequests .studio-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}
 body.admin-mode #adminPrivacyRequests .studio-table tr{display:block;min-width:0;max-width:100%;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-surface);box-shadow:var(--studio-card-shadow);overflow:hidden}
 body.admin-mode #adminPrivacyRequests .studio-table td{display:block;min-width:0;max-width:100%;padding:12px 14px;border-bottom:1px solid var(--studio-line);overflow-wrap:anywhere}
 body.admin-mode #adminPrivacyRequests .studio-table td:last-child{border-bottom:0}
 body.admin-mode #adminPrivacyRequests .studio-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:6px;color:var(--studio-muted);font-size:11px;font-weight:700}
 body.admin-mode #adminPrivacyRequests .privacy-request-review{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
 body.admin-mode #adminPrivacyRequests .privacy-request-review .studio-field{min-width:0}
 body.admin-mode #adminPrivacyRequests .privacy-request-review select,body.admin-mode #adminPrivacyRequests .privacy-request-review textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px}
 body.admin-mode #adminPrivacyRequests .privacy-request-review .studio-button{width:100%;min-height:44px;justify-self:stretch;white-space:normal}
 body.admin-mode #adminPrivacyRequests .privacy-erasure-tools,body.admin-mode #adminPrivacyRequests .privacy-erasure-preview{max-width:100%;min-width:0;overflow-wrap:anywhere}
 body.admin-mode #adminPrivacyRequests .privacy-erasure-tools .studio-button{max-width:100%;min-height:44px;white-space:normal}
 body.admin-mode #adminPrivacyRequests .studio-row-actions{min-width:0}
 body.admin-mode #adminPrivacyRequestPagination{flex-wrap:wrap}
}
.account-privacy-messages{display:grid;gap:6px;margin-top:10px}
.account-privacy-messages p{margin:0!important;padding:9px 11px;border-left:2px solid #ee378c66;background:#ffffff07;color:#aaa2ae;font-size:10px!important;line-height:1.7;text-align:left}
.account-privacy-reply{display:grid;gap:8px;margin-top:9px}
.account-privacy-reply label{display:grid;gap:6px;color:#aaa2ae;font-size:10px}
.account-privacy-reply textarea{width:100%;padding:9px;border:1px solid #ffffff20;border-radius:5px;background:#101015;color:#eee;font:inherit;resize:vertical}
.regulatory-release-marking{display:grid;gap:5px;margin:0 0 12px;padding:12px 14px;border:1px solid rgba(229,198,139,.3);border-radius:8px;background:linear-gradient(115deg,rgba(229,198,139,.12),var(--surface));color:var(--text);font-size:12px;line-height:1.6}
.regulatory-release-marking>span{color:var(--gold);font-size:9px;letter-spacing:.12em}
.regulatory-release-marking>strong{font-size:12px}
.regulatory-release-marking>b{font-size:13px}
.regulatory-release-marking>small{color:var(--muted);font-size:10px}
@media(max-width:640px){.regulatory-release-marking{gap:3px;padding:10px 12px}}
.regulatory-playback-overlay{position:absolute;z-index:3;top:12px;left:12px;display:grid;gap:3px;max-width:min(76%,440px);padding:8px 11px;border:1px solid rgba(229,198,139,.44);border-radius:5px;background:rgba(8,8,12,.84);color:#f5efe5;font-size:10px;line-height:1.5;box-shadow:0 3px 14px #0007;pointer-events:none;backdrop-filter:blur(7px)}
.regulatory-playback-overlay>span{color:#e5c68b;font-size:8px;letter-spacing:.12em}
.regulatory-playback-overlay>strong{font-size:10px}
.regulatory-playback-overlay>b{font-size:11px;overflow-wrap:anywhere}
.regulatory-playback-overlay>small{color:#ded4c2;font-size:9px}
@media(max-width:640px){.regulatory-playback-overlay{top:8px;left:8px;max-width:80%;padding:6px 8px;font-size:9px}.regulatory-playback-overlay>b{font-size:10px}}
.about-opening{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:28px;margin:22px 0 16px;padding:clamp(22px,4vw,38px);border:1px solid #ffffff16;border-radius:9px;background:radial-gradient(ellipse at 88% 18%,#ed378c1d,transparent 38%),linear-gradient(120deg,#211b25,#17171d 70%)}
.about-opening-copy{max-width:720px}
.about-opening-label,.about-value-label{color:#d890ad;font:500 9px 'DM Sans',sans-serif;letter-spacing:.16em}
.about-opening-copy h2{margin:14px 0 12px;color:#f5eef3;font:600 clamp(24px,3.4vw,36px)/1.35 'Noto Serif SC',serif;letter-spacing:.035em}
.about-opening-copy p{max-width:660px;margin:0 0 17px;color:#aaa2ae;font-size:12px;line-height:1.9}
.about-opening-copy .text-link{display:inline-flex;gap:8px;align-items:center;color:#ffc2dc;font-size:11px}
.about-opening-copy .text-link:hover,.about-actions a:hover{color:#fff}
.about-stage-mark{justify-self:center;display:grid;grid-template-columns:repeat(4,12px);grid-template-rows:64px auto;align-items:center;justify-items:center;gap:6px 8px;width:124px;padding:20px 16px 15px;border:1px solid #ffffff1a;border-radius:8px;background:linear-gradient(150deg,#ffffff0b,#ffffff02);transform:rotate(2deg)}
.about-stage-mark span{width:7px;border-radius:8px;background:linear-gradient(180deg,#ff9ec7,#df2e83 70%,#8d2266);box-shadow:0 0 18px #e4378d35}
.about-stage-mark span:nth-child(1){height:31px;opacity:.68}.about-stage-mark span:nth-child(2){height:53px}.about-stage-mark span:nth-child(3){height:42px;opacity:.86}.about-stage-mark span:nth-child(4){height:24px;opacity:.62}
.about-stage-mark small{grid-column:1/-1;color:#a89eaa;font:500 7px/1.6 'DM Sans',sans-serif;letter-spacing:.19em;text-align:center}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 36px}
.about-values .info-card{min-height:174px;margin:0;padding:20px}
.about-values .info-card h2{margin:10px 0 8px;font-size:16px}
.about-values .info-card p{margin:0;font-size:11px;line-height:1.8}
.about-journey{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);align-items:start;gap:34px;padding:26px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-journey h2,.help-contact-note h2{margin:0;color:#eee6ed;font:600 19px 'Noto Serif SC',serif;letter-spacing:.025em}
.about-journey>div>p{margin:8px 0 0;color:#96909b;font-size:11px;line-height:1.8}
.about-journey ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.about-journey li{display:grid;align-content:start;gap:9px;min-height:90px;padding:3px 15px;border-left:1px solid #ffffff19}
.about-journey li b{color:#e8dfe7;font-size:11px}.about-journey li span{color:#948c98;font-size:10px;line-height:1.75}
.about-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 13px}
.about-operations-note{max-width:840px;margin:0 0 16px;color:#77717d;font-size:9px;line-height:1.7}
.about-page>.page-shell>.back-link,.help-page>.page-shell>.back-link{display:inline-block;margin-top:8px}
.help-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 36px}
.help-topic-card{position:relative;display:grid;gap:7px;min-height:132px;padding:19px 46px 18px 20px;border:1px solid #ffffff15;border-radius:8px;background:linear-gradient(140deg,#1d1b22,#15151a);transition:border-color .18s,background .18s}
.help-topic-card:hover{border-color:#ee378c65;background:linear-gradient(140deg,#251b25,#17161c)}
.help-topic-card>span{color:#d890ad;font:500 8px 'DM Sans',sans-serif;letter-spacing:.15em}
.help-topic-card>b{color:#f0e8ef;font:600 14px 'Noto Serif SC',serif;letter-spacing:.015em}
.help-topic-card>small{max-width:440px;color:#96909b;font-size:10px;line-height:1.7}
.help-topic-card>i{position:absolute;right:19px;top:19px;color:#bd7e9c;font-size:14px;font-style:normal}
.help-faq-section{margin:0 0 26px}
.help-faq-section .section-heading{margin-bottom:13px}
.help-faq-section .section-heading h2{margin:0;color:#f0e9f0;font:600 20px 'Noto Serif SC',serif}
.help-faq-section .section-note{margin:8px 0 0;color:#8f8894;font-size:10px;line-height:1.7}
.help-faq-list{border-top:1px solid var(--line)}
.help-faq-list details{border-bottom:1px solid var(--line)}
.help-faq-list summary{position:relative;padding:16px 38px 16px 2px;color:#e5dde6;font-size:11px;font-weight:600;line-height:1.6;cursor:pointer;list-style:none}
.help-faq-list summary::-webkit-details-marker{display:none}
.help-faq-list summary:after{content:'+';position:absolute;right:4px;top:14px;color:#df83aa;font:400 18px 'DM Sans',sans-serif}
.help-faq-list details[open] summary:after{content:'−'}
.help-faq-list details[open] summary{color:#ffc2dc}
.help-faq-list details p{max-width:900px;margin:0;padding:0 40px 16px 2px;color:#9c95a0;font-size:10px;line-height:1.85}
.help-contact-note{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:16px;margin:27px 0 17px;padding:19px 20px;border:1px solid #e5c68b32;border-radius:8px;background:linear-gradient(115deg,#e5c68b0c,#19171c 62%)}
.help-contact-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e5c68b58;border-radius:50%;color:var(--gold);font:500 15px 'Noto Serif SC',serif}
.help-contact-note h2{font-size:16px}.help-contact-note p{max-width:740px;margin:6px 0 0;color:#9d96a0;font-size:10px;line-height:1.75}
.help-contact-note>.text-link{white-space:nowrap;color:#e9c987;font-size:10px}.help-contact-note>.text-link:hover{color:#fff1d0}
@media(max-width:760px){.about-opening{grid-template-columns:minmax(0,1fr) 118px;gap:12px}.about-stage-mark{transform:none}.about-values{grid-template-columns:1fr}.about-values .info-card{min-height:0}.about-journey{grid-template-columns:1fr;gap:19px}.about-journey ol{grid-template-columns:1fr}.about-journey li{min-height:0;padding:12px 10px;border-left:2px solid #ee378c55;border-bottom:1px solid #ffffff10}.about-journey li:last-child{border-bottom:0}}
@media(max-width:640px){.about-opening{grid-template-columns:minmax(0,1fr) 70px;margin:15px 0 12px;padding:20px 16px}.about-opening-label{font-size:7px;letter-spacing:.1em}.about-opening-copy h2{font-size:22px}.about-opening-copy p{font-size:10px}.about-stage-mark{grid-template-columns:repeat(4,7px);grid-template-rows:43px auto;gap:4px 5px;width:68px;padding:11px 8px 9px}.about-stage-mark span{width:5px}.about-stage-mark span:nth-child(1){height:23px}.about-stage-mark span:nth-child(2){height:37px}.about-stage-mark span:nth-child(3){height:31px}.about-stage-mark span:nth-child(4){height:18px}.about-stage-mark small{font-size:5px}.about-actions .button{min-height:38px;padding:0 13px;font-size:10px}.about-journey h2{font-size:17px}.help-topic-grid{grid-template-columns:1fr;gap:8px;margin:14px 0 28px}.help-topic-card{min-height:0;padding:16px 42px 16px 16px}.help-topic-card>b{font-size:13px}.help-topic-card>small{font-size:9px}.help-faq-list summary{padding:14px 34px 14px 1px;font-size:10px}.help-faq-list details p{padding:0 22px 14px 1px;font-size:9px}.help-contact-note{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:15px;margin-top:22px}.help-contact-note>.text-link{grid-column:2;justify-self:start;margin-top:3px}}

.public-platform-information{margin:15px 0;color:#a8a0ac;font-size:10px;line-height:1.8}
.public-platform-information>p{margin:0;color:#938b98}
.public-platform-information-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0}
.public-platform-information-list>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid #ffffff10}
.public-platform-information-list dt{color:#d8c6d0}.public-platform-information-list dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#a8a0ac}
.public-platform-information-list a{color:#e5c68b;text-decoration:underline;text-underline-offset:2px}
.about-page .public-platform-information{max-width:840px;padding:14px 16px;border:1px solid #ffffff14;border-radius:7px;background:#ffffff04}
#adminPublicInformation .admin-public-information-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;margin:18px 0;padding:16px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff03}
#adminPublicInformation .admin-public-information-form label{grid-column:auto!important;align-content:start}
#adminPublicInformation .admin-public-information-form label small{color:#a49ba7;font-size:9px;line-height:1.6}
#adminPublicInformation .admin-public-information-form .admin-public-information-wide,#adminPublicInformation .admin-public-information-form button{grid-column:1/-1!important;justify-self:start}
#adminPublicInformation .column-admin-item{grid-template-columns:minmax(0,1fr) auto auto}
#adminPublicInformation .column-admin-main{gap:5px}
#adminPublicInformation .column-admin-status{white-space:nowrap}
@media(max-width:640px){.public-platform-information-list{grid-template-columns:1fr;gap:4px}.public-platform-information-list>div{grid-template-columns:74px minmax(0,1fr)}#adminPublicInformation .admin-public-information-form{grid-template-columns:1fr;padding:12px}#adminPublicInformation .admin-public-information-form .admin-public-information-wide,#adminPublicInformation .admin-public-information-form button{grid-column:auto!important}#adminPublicInformation .column-admin-item{grid-template-columns:minmax(0,1fr)}#adminPublicInformation .column-admin-actions{grid-column:auto}}
.creator-withdrawal-form[hidden]{display:none!important}
/* Independent wallet top-up route */
.deposit-page .account-dashboard{max-width:760px}
.deposit-page .account-member-head,
.deposit-page .account-recovery-email-card,
.deposit-page .account-notifications-card,
.deposit-page .account-data-export-card,
.deposit-page .account-history-card,
.deposit-page .account-telegram-card,
.deposit-page .account-links{display:none!important}
.deposit-page .account-topup-card .account-deposit-link{display:none}
.account-deposit-link{display:inline-flex;align-items:center;gap:5px;margin:0 0 12px;font-size:11px}
.desktop-recharge-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--line);border-radius:18px;color:#c4bec7;font-size:12px;white-space:nowrap;transition:background .2s,color .2s}
.desktop-recharge-link:hover{background:#ffffff0d;color:#fff}
.info-page #accountPolicyDocument .source-note{overflow-wrap:anywhere}

html.telegram-mini-app{scroll-padding-top:calc(84px + max(env(safe-area-inset-top,0px),var(--jumu-telegram-safe-top,0px)))}
body.telegram-mini-app .topbar{--jumu-telegram-top-clearance:max(env(safe-area-inset-top,0px),var(--jumu-telegram-safe-top,0px));height:calc(76px + var(--jumu-telegram-top-clearance));padding-top:var(--jumu-telegram-top-clearance)}
body.telegram-mini-app .topbar-inner,body.telegram-mini-app .page-shell{padding-left:max(34px,var(--jumu-telegram-safe-left,0px));padding-right:max(34px,var(--jumu-telegram-safe-right,0px))}
body.telegram-mini-app .bottom-nav{--jumu-telegram-bottom-clearance:max(env(safe-area-inset-bottom,0px),var(--jumu-telegram-safe-bottom,0px));height:calc(62px + var(--jumu-telegram-bottom-clearance));padding-bottom:max(5px,var(--jumu-telegram-bottom-clearance))}
body.telegram-mini-app .footer-bottom{padding-bottom:calc(78px + max(env(safe-area-inset-bottom,0px),var(--jumu-telegram-safe-bottom,0px)))}
body.telegram-mini-app .toast{bottom:calc(77px + max(env(safe-area-inset-bottom,0px),var(--jumu-telegram-safe-bottom,0px)))}
@media(max-width:640px){body.telegram-mini-app .topbar-inner,body.telegram-mini-app .page-shell{padding-left:max(15px,var(--jumu-telegram-safe-left,0px));padding-right:max(15px,var(--jumu-telegram-safe-right,0px))}}

.curated-column-dialog{width:min(860px,calc(100vw - 28px));max-height:min(88vh,900px);padding:24px;border:1px solid var(--studio-line,#dedfe2);border-radius:18px;background:#fff;color:var(--studio-ink-950,#18212f);box-shadow:0 28px 90px #11182740;overflow:auto}
.curated-column-dialog::backdrop{background:#111827a8;backdrop-filter:blur(3px)}
.curated-column-dialog__head{padding-bottom:12px;border-bottom:1px solid var(--studio-line,#dedfe2)}
.curated-column-dialog__head h2{margin:6px 0;font-size:22px}
.curated-column-dialog section{margin-top:18px}
.curated-column-dialog section h3{margin:0 0 8px;font-size:14px}
.curated-column-list{max-height:230px;overflow:auto;border:1px solid var(--studio-line,#dedfe2);border-radius:10px;padding:0 12px}
.curated-column-list .column-admin-item{grid-template-columns:minmax(0,1fr) auto;border-color:var(--studio-line,#dedfe2)}
.curated-column-list .column-admin-main b{color:var(--studio-ink-950,#18212f)}
.curated-column-list .column-admin-main small{color:var(--studio-muted,#6b7280)}
.curated-column-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 10px}
.curated-column-search input{min-width:0;padding:10px 12px;border:1px solid var(--studio-line,#dedfe2);border-radius:8px;background:#fff;color:var(--studio-ink-950,#18212f)}
.curated-column-dialog__actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--studio-line,#dedfe2)}
.curated-column-dialog__actions [role=status]{margin-right:auto}
@media(max-width:600px){.curated-column-dialog{padding:16px}.curated-column-dialog__actions{align-items:stretch;flex-wrap:wrap}.curated-column-dialog__actions [role=status]{flex-basis:100%}.curated-column-dialog__actions button{flex:1}.curated-column-dialog .column-admin-actions{gap:3px}.curated-column-dialog .column-admin-actions button{padding:6px}}
#topicForm [data-topic-genre-field][hidden]{display:none!important}
#adminTopics .column-admin-actions{flex-wrap:wrap}
#curatedTopicEditorDialog .column-admin-actions{flex-wrap:wrap;justify-content:flex-end}
.creator-appeal-card{align-items:flex-start!important}.creator-appeal-card>div{display:grid;gap:7px;min-width:0;width:100%}.creator-appeal-card p{margin:3px 0;color:#d1c9d4;font-size:10px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.creator-appeal-thread{display:grid;gap:7px;padding:9px 11px;border-left:2px solid #ed378c55;background:#ffffff04}.creator-appeal-message{display:grid;gap:3px}.creator-appeal-message small,.creator-appeal-card small{color:#9b939f;font-size:9px;line-height:1.6;overflow-wrap:anywhere}.creator-appeal-message p{margin:0;color:#e5dfe7}.creator-appeal-reply-form,.admin-settlement-appeal-review{width:100%;margin-top:7px;padding:12px;border:1px solid #ffffff13;border-radius:7px;background:#ffffff04}.creator-appeal-reply-form textarea,.admin-settlement-appeal-review textarea{width:100%;box-sizing:border-box}.creator-statement-line{align-items:flex-start!important}.creator-statement-line>div{display:grid;gap:5px;min-width:0;flex:1}.creator-settlement-appeal-status{display:grid;gap:3px}.creator-settlement-appeal-status p{margin:0;color:#d1c9d4;font-size:9px;line-height:1.6;white-space:pre-wrap}.creator-settlement-appeal-form{width:min(100%,520px);margin:9px 0;padding:12px;border:1px solid #ffffff13;border-radius:7px;background:#ffffff04}.creator-settlement-appeal-form button{justify-self:start}
.creator-settlement-adjustment{display:grid;gap:4px;padding:9px 11px;border:1px solid #68c4a52a;border-radius:6px;background:#68c4a507}.creator-settlement-adjustment>b{color:#c4eadb;font-size:10px}.creator-settlement-adjustment small{color:#a9bdb4}
.creator-settlement-appeal-form[hidden],.creator-appeal-reply-form[hidden]{display:none!important}
.studio-modal[aria-hidden="true"]{display:none!important}
.platform-mfa-modal{z-index:1000;background:var(--studio-overlay,rgba(17,24,39,.18));backdrop-filter:blur(8px)}.platform-mfa-modal .studio-modal__panel{max-height:min(90vh,780px);overflow:auto;color:var(--studio-copy,#27303b)}.platform-mfa-modal .studio-modal__header{margin-bottom:16px}.platform-mfa-help{margin:0 0 12px;color:var(--studio-muted,#687382);font-size:13px;line-height:1.7}.platform-mfa-import{display:inline-flex;margin:0 0 16px;padding:9px 12px;border:1px solid var(--studio-line,#dfe3e8);border-radius:10px;color:var(--studio-accent,#db287c);font-weight:700;text-decoration:none}.platform-mfa-secret-label{display:grid;gap:7px;color:var(--studio-muted,#687382);font-size:12px}.platform-mfa-secret-label code{display:block;overflow-wrap:anywhere;padding:12px;border-radius:10px;background:#f1f3f6;color:#1f2937;font:600 15px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;user-select:all}.platform-mfa-modal #platformMfaRecoveryCodes{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--studio-line,#dfe3e8);border-radius:10px;background:#f7f8fa;color:#202833;font:600 15px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.platform-mfa-modal .studio-modal__footer{flex-wrap:wrap}.platform-mfa-modal .studio-field{display:grid;gap:7px;color:var(--studio-copy,#27303b);font-size:13px;font-weight:600}.platform-mfa-modal .studio-field input{min-height:46px;padding:11px 13px;border:1px solid var(--studio-line,#dfe3e8);border-radius:10px;color:#171a20;font:600 17px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.platform-mfa-modal .studio-alert.is-error{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fff1f1;color:var(--studio-danger,#ff6b7a);font-size:12px;line-height:1.55}.platform-mfa-modal [hidden]{display:none!important}
.admin-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:640px){.creator-appeal-card>div{gap:8px}.creator-appeal-reply-form,.admin-settlement-appeal-review,.creator-settlement-appeal-form{padding:10px}.creator-statement-line{flex-direction:column}.creator-settlement-appeal-form{width:100%}}
body.admin-mode .admin-bulk-review{display:grid;grid-template-columns:auto minmax(170px,220px) auto auto;align-items:end;gap:10px 14px;margin:14px 0;padding:14px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface-soft)}
body.admin-mode #adminReview{container:admin-review / inline-size}
body.admin-mode .admin-bulk-review[hidden]{display:none}
body.admin-mode .admin-bulk-review__select-all{display:none}
body.admin-mode .admin-bulk-review__decision{display:grid;gap:6px;color:var(--studio-copy);font-size:12px;font-weight:600}
body.admin-mode .admin-bulk-review__decision select{min-height:40px;padding:0 10px;border:1px solid var(--studio-line);border-radius:9px;background:#fff;color:var(--studio-ink-950);font:inherit}
body.admin-mode .admin-bulk-review>small{grid-column:1/-1;color:var(--studio-muted);line-height:1.6}
body.admin-mode #businessReviewRows [data-review-select],body.admin-mode [data-review-select-all],body.admin-mode [data-review-select-all-mobile]{width:18px;height:18px;accent-color:var(--studio-accent);cursor:pointer}
body.admin-mode #adminReview .admin-review-mobile-label{display:none}
body.admin-mode .admin-media-revisions{width:min(620px,100%);box-sizing:border-box;margin:12px 0 2px;border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-surface-soft);color:var(--studio-copy)}
body.admin-mode .admin-media-revisions summary{padding:10px 12px;cursor:pointer;font-size:12px;font-weight:700;line-height:1.5}
body.admin-mode .admin-media-revisions summary:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}
body.admin-mode .admin-media-revisions__content{padding:0 12px 12px}
body.admin-mode .admin-media-revision-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:none}
body.admin-mode .admin-media-revision-list li{min-width:0;padding:12px;border:1px solid var(--studio-line);border-radius:8px;background:#fff}
body.admin-mode .admin-media-revision-list h4{margin:0 0 10px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
body.admin-mode .admin-media-revision-list dl{display:grid;gap:1px;margin:0;background:var(--studio-line)}
body.admin-mode .admin-media-revision-list dl>div{display:grid;grid-template-columns:minmax(110px,145px) minmax(0,1fr);gap:10px;padding:7px 9px;background:#fff}
body.admin-mode .admin-media-revision-list dt{color:var(--studio-muted);font-size:11px}
body.admin-mode .admin-media-revision-list dd{min-width:0;margin:0;font-size:11px;line-height:1.55;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}
body.admin-mode .admin-media-revision-empty{margin:0;color:var(--studio-muted);font-size:12px;line-height:1.6}
body.admin-mode .admin-media-revision-warning{margin:8px 0;padding:9px 11px;border:1px solid #d9826e66;border-radius:8px;background:#fff4ed;color:#8c3f2e;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
body.admin-mode .admin-review-preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body.admin-mode .admin-review-preview-actions .studio-button{min-height:42px;font-size:11px}
body.admin-mode .admin-review-media-preview{display:grid;gap:10px;min-width:0;margin-top:12px;padding:12px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface-soft)}
body.admin-mode .admin-review-media-preview[hidden],body.admin-mode .admin-review-media-preview video[hidden]{display:none!important}
body.admin-mode .admin-review-media-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
body.admin-mode .admin-review-media-preview-head strong{color:var(--studio-ink-950);font-size:12px;overflow-wrap:anywhere}
body.admin-mode .admin-review-media-preview-head .studio-button{min-height:38px;padding:7px 10px;font-size:11px;white-space:normal}
body.admin-mode .admin-review-media-preview p{margin:0;color:var(--studio-muted);font-size:11px;line-height:1.6;overflow-wrap:anywhere}
body.admin-mode .admin-review-media-preview p.is-error{color:var(--studio-danger)}
body.admin-mode .admin-review-media-preview video{display:block;width:100%;max-width:100%;max-height:440px;border-radius:9px;background:var(--studio-ink-950)}
body.admin-mode #businessReviewRows [data-admin-decision]:disabled{opacity:.45;cursor:not-allowed}
@container admin-review (max-width:620px){body.admin-mode .admin-bulk-review{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.admin-mode .admin-bulk-review__select,body.admin-mode .admin-bulk-review>small{grid-column:1/-1}body.admin-mode .admin-bulk-review .studio-button{justify-self:start}}
@media(max-width:650px){body.admin-mode .admin-bulk-review{grid-template-columns:1fr 1fr}body.admin-mode .admin-bulk-review__select,body.admin-mode .admin-bulk-review>small{grid-column:1/-1}body.admin-mode .admin-bulk-review .studio-button{justify-self:start}}
@media(max-width:640px){body.admin-mode .admin-media-revision-list dl>div{grid-template-columns:1fr;gap:2px}body.admin-mode .admin-media-revisions{min-width:240px}}
@media(max-width:640px){
 body.admin-mode #adminReview .studio-table-wrap{width:100%;max-width:100%;overflow:visible;border:0;border-radius:0}
 body.admin-mode #adminReview .studio-table{display:block;width:100%;min-width:0;background:transparent}
 body.admin-mode #adminReview .studio-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 body.admin-mode #adminReview thead [data-review-select-all]{display:none}
 body.admin-mode #adminReview .admin-bulk-review__select-all{display:inline-flex;grid-column:1/-1;align-items:center;gap:10px;min-height:44px;color:var(--studio-copy);font-size:12px;font-weight:600;cursor:pointer}
 body.admin-mode #adminReview [data-review-select-all-mobile]{width:24px;height:24px}
 body.admin-mode #adminReview .studio-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
 body.admin-mode #adminReview .studio-table tbody tr[data-admin-row]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"state select" "story story" "creator creator" "date date" "order order" "actions actions";gap:10px 12px;min-width:0;max-width:100%;padding:16px;border:1px solid var(--studio-line);border-radius:16px;background:var(--studio-surface);box-shadow:var(--studio-card-shadow)}
 body.admin-mode #adminReview .studio-table tbody tr[data-admin-row] td{display:block;min-width:0;max-width:100%;padding:0;border:0;overflow-wrap:anywhere}
 body.admin-mode #adminReview .studio-table tbody tr[data-admin-row] td.admin-review-select{grid-area:select;justify-self:end}
 body.admin-mode #adminReview .admin-review-select-hit{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}
 body.admin-mode #adminReview [data-review-select]{width:24px;height:24px}
 body.admin-mode #adminReview .studio-table tbody tr[data-admin-row] td.admin-review-story{grid-area:story}
 body.admin-mode #adminReview .studio-table tbody tr[data-admin-row] td.admin-review-creator{grid-area:creator}
 body.admin-mode #adminReview .studio-table tbody tr[data-admin-row] td.admin-review-date{grid-area:date}
 body.admin-mode #adminReview .studio-table tbody tr[data-admin-row] td.admin-review-state{grid-area:state}
 body.admin-mode #adminReview .studio-table tbody tr[data-admin-row] td.admin-review-order{grid-area:order}
 body.admin-mode #adminReview .studio-table tbody tr[data-admin-row] td.admin-review-actions{grid-area:actions;padding-top:12px;border-top:1px solid var(--studio-line)}
 body.admin-mode #adminReview .admin-review-story>strong{color:var(--studio-ink-950);font-size:16px;line-height:1.45;overflow-wrap:anywhere}
 body.admin-mode #adminReview .admin-review-mobile-label{display:inline-block;margin-right:8px;color:var(--studio-muted);font-size:11px;font-weight:700}
 body.admin-mode #adminReview .admin-review-creator,body.admin-mode #adminReview .admin-review-date,body.admin-mode #adminReview .admin-review-order{font-size:12px;line-height:1.5}
 body.admin-mode #adminReview .admin-media-revisions{width:100%;max-width:100%;min-width:0}
 body.admin-mode #adminReview .admin-media-revisions__content,body.admin-mode #adminReview .admin-media-revision-list,body.admin-mode #adminReview .admin-media-revision-list li{min-width:0;max-width:100%}
 body.admin-mode #adminReview .admin-review-preview-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 body.admin-mode #adminReview .admin-review-preview-actions .studio-button{width:100%;min-height:44px;white-space:normal}
 body.admin-mode #adminReview .admin-review-media-preview-head{align-items:flex-start;flex-direction:column}
 body.admin-mode #adminReview .admin-review-media-preview-head .studio-button{min-height:44px}
 body.admin-mode #adminReview .admin-review-actions .studio-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:8px}
 body.admin-mode #adminReview .admin-review-actions .studio-button{width:100%;min-width:0;min-height:44px;padding:9px 10px;white-space:normal}
 body.admin-mode #adminReview .admin-review-actions [data-admin-decision="reject"],body.admin-mode #adminReview .admin-review-actions [data-admin-publish],body.admin-mode #adminReview .admin-review-actions [data-admin-unpublish]{grid-column:1/-1}
 body.admin-mode #adminReview .studio-table tbody tr:not([data-admin-row]){display:block;min-width:0;max-width:100%}
 body.admin-mode #adminReview .studio-table tbody tr:not([data-admin-row]) td{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere}
}
.policy-digest{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.ledger-integrity-details{margin-top:8px;color:#c7c0ca;font-size:10px}.ledger-integrity-details summary{cursor:pointer;color:#f2c1d8}.ledger-integrity-details ul{margin:8px 0 0;padding-left:18px}.ledger-integrity-details li{margin:5px 0;line-height:1.6}
.creator-stars-settlement-card,.creator-stars-appeal-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.creator-stars-settlement-card>.creator-stars-settlement-detail,.creator-stars-appeal-entry>.creator-stars-appeal-action{grid-column:1/-1;min-width:0}.creator-stars-settlement-detail{width:100%;box-sizing:border-box;padding:4px 0 8px}.creator-stars-appeal-entry>span:first-child{display:grid;gap:5px;min-width:0}.creator-stars-appeal-action{width:100%;box-sizing:border-box}.creator-stars-appeal-action form{display:grid;gap:10px;width:100%;box-sizing:border-box;padding:13px;border:1px solid #ffffff18;border-radius:8px;background:#211c24}.creator-stars-appeal-action label{display:grid;gap:6px;color:#c7c0ca;font-size:10px}.creator-stars-appeal-action textarea,.creator-stars-appeal-action select{width:100%;min-height:42px;box-sizing:border-box;padding:10px 12px;border:1px solid #ffffff24;border-radius:6px;background:#17151a;color:#f6f2f7;font:inherit;resize:vertical}.creator-stars-appeal-action textarea{min-height:88px}.creator-stars-appeal-action textarea:focus,.creator-stars-appeal-action select:focus{outline:2px solid #ec3b91;outline-offset:1px}.creator-stars-appeal-action .table-action{min-height:42px;justify-self:start}
.creator-stars-appeal-action form.creator-record{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch}
.creator-stars-appeal-action form.creator-record>label{width:100%;max-width:720px;min-width:0;box-sizing:border-box}
.creator-stars-appeal-action form.creator-record select{max-width:320px}
.creator-contract-acceptance-list{padding-top:16px;border-top:1px solid #ffffff14}.creator-contract-card{display:grid;gap:12px;padding:15px 3px;border-bottom:1px solid #ffffff12}.creator-contract-card>div{display:grid;gap:6px;min-width:0}.creator-contract-card>div>b{font-size:11px}.creator-contract-card small{color:#8f8893;font-size:9px;line-height:1.55;overflow-wrap:anywhere}.creator-contract-consent{display:flex;align-items:flex-start;gap:8px;color:#c8c1cc;font-size:10px;line-height:1.65}.creator-contract-consent input{flex:0 0 auto;margin-top:3px;accent-color:#ec3b91}.creator-contract-card button{justify-self:start}.creator-contract-card button:disabled{opacity:.5;cursor:not-allowed}
.creator-contract-response{display:grid;gap:9px;padding:12px;border:1px solid #ffffff18;border-radius:8px;background:#211c24}.creator-contract-response p,.creator-contract-response label{margin:0;color:#a59ca8;font-size:10px;line-height:1.6}.creator-contract-response label{display:grid;gap:6px}.creator-contract-response textarea{width:100%;min-height:74px;box-sizing:border-box;padding:9px 10px;border:1px solid #ffffff24;border-radius:6px;background:#17151a;color:#f6f2f7;font:inherit;resize:vertical}.creator-contract-response textarea:focus{outline:2px solid #ec3b91;outline-offset:1px}.creator-contract-response .button-secondary{border:1px solid #ffffff2b;background:transparent;color:#e5dbe5}
@media(max-width:640px){.creator-contract-card{padding:14px 2px}.creator-contract-card button{width:100%}.creator-contract-consent{font-size:11px}}
.creator-contract-conversation{display:grid;gap:9px;width:100%;margin:8px 0;padding:14px;border:1px solid #ffffff14;border-radius:9px;background:#ffffff04}.creator-contract-conversation>div:first-child{display:grid;gap:4px}.creator-contract-conversation small{color:#9b939f;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.creator-contract-thread{display:grid;gap:8px;padding:10px 12px;border-left:2px solid #ed378c66;background:#ffffff04}.creator-contract-message{display:grid;gap:3px}.creator-contract-message p{margin:0;color:#e5dfe7;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.creator-contract-message-form{display:grid;gap:8px;margin:0}.creator-contract-message-form textarea{box-sizing:border-box;width:100%;min-height:72px;resize:vertical}.creator-contract-message-form button{justify-self:start}
.creator-agreement-panel .creator-panel-heading{align-items:flex-start}.creator-agreement-panel .creator-contract-card{padding:16px 0}.creator-agreement-document{margin-top:8px;padding:10px 12px;border:1px solid #ffffff18;border-radius:7px;background:#ffffff04}.creator-agreement-document summary{color:#f0c4d8;font-size:11px;cursor:pointer}.creator-agreement-document pre{max-height:55vh;overflow:auto;margin:12px 0 0;color:#e6dfe8;font:inherit;font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.creator-agreement-panel .creator-contract-consent{margin:3px 0}.creator-agreement-panel .creator-contract-consent.is-accepted{padding:10px 12px;border:1px solid #74c4a333;border-radius:7px;background:#74c4a30a}.creator-agreement-panel .creator-contract-response{width:min(100%,680px);box-sizing:border-box}.creator-agreement-panel .creator-contract-response textarea{min-height:82px}.creator-agreement-panel [data-creator-agreement-accept]:disabled,.creator-agreement-panel [data-creator-agreement-decline]:disabled{opacity:.48;cursor:not-allowed}
body.admin-mode #adminCreatorAgreements .admin-order-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;margin:18px 0;padding:18px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface-soft)}
body.admin-mode #adminCreatorAgreements .studio-field{display:grid;gap:7px;color:var(--studio-copy);font-size:12px;font-weight:600}
body.admin-mode #adminCreatorAgreements .studio-field input,body.admin-mode #adminCreatorAgreements .studio-field textarea,body.admin-mode #adminCreatorAgreements .studio-field select{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid var(--studio-line);border-radius:10px;background:#fff;color:var(--studio-ink-950);font:inherit}
body.admin-mode #adminCreatorAgreements .studio-field input,body.admin-mode #adminCreatorAgreements .studio-field select{min-height:46px}
body.admin-mode #adminCreatorAgreements .studio-field textarea{min-height:76px;resize:vertical}
body.admin-mode #adminCreatorAgreements .studio-field input:focus,body.admin-mode #adminCreatorAgreements .studio-field textarea:focus,body.admin-mode #adminCreatorAgreements .studio-field select:focus{outline:2px solid var(--studio-accent);outline-offset:1px;box-shadow:0 0 0 4px var(--studio-accent-soft)}
body.admin-mode #adminCreatorAgreements .creator-agreement-admin-body{grid-column:1/-1}
body.admin-mode #adminCreatorAgreements #adminCreatorAgreementForm>button{grid-column:1/-1;justify-self:start}
body.admin-mode #adminCreatorAgreements .column-admin-item{grid-template-columns:minmax(0,1fr) auto;align-items:start;border-color:var(--studio-line)}
body.admin-mode #adminCreatorAgreements .column-admin-main{gap:8px;color:var(--studio-copy)}
body.admin-mode #adminCreatorAgreements .column-admin-main b{color:var(--studio-ink-950);font-size:14px}
body.admin-mode #adminCreatorAgreements .column-admin-main small{color:var(--studio-muted);font-size:12px;line-height:1.6}
.creator-agreement-admin-document{margin:5px 0;padding:12px;border:1px solid var(--studio-line,#e3e9f5);border-radius:10px;background:#fff}.creator-agreement-admin-document summary{color:var(--studio-accent,#5b6cff);font-size:12px;font-weight:700;cursor:pointer}.creator-agreement-admin-document pre{max-height:420px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--studio-copy,#31405f);font:inherit;font-size:12px;line-height:1.8}
.creator-agreement-admin-review,.creator-agreement-admin-withdrawal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;margin:8px 0;padding:14px;border:1px solid var(--studio-line,#e3e9f5);border-radius:12px;background:var(--studio-surface-soft,#f3f6ff)}.creator-agreement-admin-review>.studio-field:nth-child(2),.creator-agreement-admin-withdrawal>.studio-field,.creator-agreement-admin-review>button,.creator-agreement-admin-withdrawal>button{grid-column:1/-1;justify-self:start}.creator-agreement-admin-review .studio-field,.creator-agreement-admin-withdrawal .studio-field{display:grid;gap:6px;color:var(--studio-copy,#31405f);font-size:12px}.creator-agreement-admin-review textarea,.creator-agreement-admin-withdrawal textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--studio-line,#e3e9f5);border-radius:9px;background:#fff;color:var(--studio-ink-950,#111827);font:inherit;resize:vertical}.creator-agreement-admin-review [hidden]{display:none!important}
.creator-agreement-admin-responses{display:grid;gap:8px;margin-top:7px}.creator-agreement-admin-response-panel{padding:12px;border:1px solid var(--studio-line,#e3e9f5);border-radius:12px;background:#fff}.creator-agreement-admin-response-filters{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(160px,1fr) auto;align-items:end;gap:10px}.creator-agreement-admin-response-filters .studio-field{display:grid;gap:6px;color:var(--studio-copy,#31405f);font-size:11px}.creator-agreement-admin-response-filters input,.creator-agreement-admin-response-filters select{min-height:40px;padding:8px 10px;border:1px solid var(--studio-line,#e3e9f5);border-radius:8px;background:#fff;color:var(--studio-ink-950,#111827);font:inherit}.creator-agreement-admin-response-row{display:grid;gap:4px;padding:10px 3px;border-bottom:1px solid var(--studio-line,#e3e9f5)}.creator-agreement-admin-response-row>div{display:grid;gap:4px}.creator-agreement-admin-response-row b{color:var(--studio-ink-950,#111827);font-size:12px}.creator-agreement-admin-response-row small{color:var(--studio-muted,#7f8ca8);font-size:11px;line-height:1.55;overflow-wrap:anywhere}.creator-agreement-admin-response-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;color:var(--studio-muted,#7f8ca8);font-size:11px}.creator-agreement-admin-response-pager button{min-height:36px}
@media(max-width:640px){body.admin-mode #adminCreatorAgreements .admin-order-filter{grid-template-columns:1fr;padding:13px}body.admin-mode #adminCreatorAgreements .creator-agreement-admin-body,body.admin-mode #adminCreatorAgreements #adminCreatorAgreementForm>button{grid-column:auto}.creator-agreement-admin-review,.creator-agreement-admin-withdrawal{grid-template-columns:1fr;padding:11px}.creator-agreement-admin-review>.studio-field:nth-child(2),.creator-agreement-admin-withdrawal>.studio-field,.creator-agreement-admin-review>button,.creator-agreement-admin-withdrawal>button{grid-column:auto}.creator-agreement-admin-response-filters{grid-template-columns:1fr}.creator-agreement-admin-response-filters .studio-button{justify-self:start}.creator-agreement-panel .creator-panel-heading{gap:12px;flex-wrap:wrap}.creator-agreement-panel .creator-contract-card{padding:12px 0}.creator-agreement-panel .creator-contract-card button{width:100%}.creator-agreement-document pre{max-height:60vh}}
@media (min-width:651px) and (max-width:900px){body.admin-mode .admin-order-filter{grid-template-columns:repeat(2,minmax(0,1fr))}body.admin-mode .admin-order-filter>*{min-width:0}}

/* Existing episode viewing-rule editor, shared by creator and publisher workspaces. */
.episode-pricing-row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;min-width:0}.episode-pricing-row-actions .table-action{margin:0;min-height:36px}
.episode-pricing-dialog{width:min(720px,calc(100vw - 24px));max-height:min(90dvh,900px);padding:22px;border:1px solid #604659;border-radius:16px;background:#211d26;color:#f8eff5;box-shadow:0 28px 90px #000a;overflow:auto}
.episode-pricing-dialog::backdrop{background:#100c13bf;backdrop-filter:blur(3px)}
.episode-pricing-dialog [hidden]{display:none!important}
.episode-pricing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff20;padding-bottom:14px}.episode-pricing-head h2{margin:3px 0 0;font:600 22px 'Noto Serif SC',serif}.episode-pricing-close{border:1px solid currentColor;border-radius:50%;width:34px;height:34px;background:transparent;color:inherit;font-size:23px;line-height:1;cursor:pointer}
.episode-pricing-notice{margin:15px 0;padding:10px 12px;border-radius:8px;background:#ffffff0d;color:#f5d5e2;font-size:12px;line-height:1.6}.episode-pricing-notice.is-error{background:#ff454520;color:#ffb5b5}
.episode-pricing-choices{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 12px;scrollbar-width:thin}.episode-pricing-choice{flex:0 0 auto;max-width:210px;min-height:38px;padding:8px 11px;border:1px solid #ffffff2b;border-radius:8px;background:transparent;color:inherit;font-size:11px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-pricing-choice.is-selected{border-color:#ee378c;background:#ee378c24;color:#fff}.episode-pricing-choice:disabled{opacity:.55;cursor:wait}
.episode-pricing-current,.episode-pricing-permission{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.episode-pricing-current{margin:2px 0 7px;font-weight:700}.episode-pricing-permission{margin:0 0 16px;color:#bdb1c0}
.episode-pricing-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.episode-pricing-form label{display:grid;align-content:start;gap:6px;min-width:0;color:#e3d6e1;font-size:11px}.episode-pricing-form label:first-child,.episode-pricing-form .episode-pricing-actions{grid-column:1/-1}.episode-pricing-form input,.episode-pricing-form select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid #ffffff33;border-radius:7px;background:#17141c;color:#fff;font:inherit;font-size:12px}.episode-pricing-form small{font-size:10px;line-height:1.5;color:#b9acb9}.episode-pricing-form :is(input,select):focus-visible,.episode-pricing-dialog button:focus-visible{outline:2px solid #ee378c;outline-offset:2px}.episode-pricing-actions{display:flex;justify-content:flex-end;padding-top:4px}.episode-pricing-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid #ffffff20}
.episode-pricing-actions .button:disabled{background:#514b55;color:#ece5ec;box-shadow:none;transform:none;cursor:not-allowed}
.episode-pricing-actions .button:disabled:hover{background:#514b55;transform:none}
.episode-pricing-form :is(input,select):disabled{opacity:.62;cursor:not-allowed}
.series-free-window-dialog input[type=checkbox]{width:18px;min-height:18px;height:18px;vertical-align:middle;margin:0 7px 0 0;accent-color:var(--studio-accent,#ee378c)}
body.admin-mode .episode-pricing-dialog{border-color:var(--studio-line,#dde3ee);background:#fff;color:var(--studio-ink-950,#17212f)}body.admin-mode .episode-pricing-head,body.admin-mode .episode-pricing-footer{border-color:var(--studio-line,#dde3ee)}body.admin-mode .episode-pricing-notice{background:var(--studio-surface-soft,#f3f6ff);color:var(--studio-copy,#31405f)}body.admin-mode .episode-pricing-notice.is-error{background:#fff0ef;color:#ad3030}body.admin-mode .episode-pricing-choice{border-color:var(--studio-line,#dde3ee);color:var(--studio-copy,#31405f)}body.admin-mode .episode-pricing-choice.is-selected{border-color:var(--studio-accent,#5b6cff);background:var(--studio-accent-soft,#eef0ff);color:var(--studio-ink-950,#17212f)}body.admin-mode .episode-pricing-permission,body.admin-mode .episode-pricing-form small{color:var(--studio-muted,#6e7890)}body.admin-mode .episode-pricing-form label{color:var(--studio-copy,#31405f)}body.admin-mode .episode-pricing-form input,body.admin-mode .episode-pricing-form select{background:#fff;border-color:var(--studio-line,#dde3ee);color:var(--studio-ink-950,#17212f)}
body.admin-mode .episode-pricing-actions .button:disabled{background:var(--studio-line,#dde3ee);color:var(--studio-muted,#6e7890)}
body.admin-mode .episode-pricing-actions .button:disabled:hover{background:var(--studio-line,#dde3ee)}
@media(max-width:640px){.episode-pricing-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:15px}.episode-pricing-head h2{font-size:17px}.episode-pricing-form{grid-template-columns:minmax(0,1fr)}.episode-pricing-form label:first-child,.episode-pricing-form .episode-pricing-actions{grid-column:auto}.episode-pricing-actions .button,.episode-pricing-footer .button{min-height:40px}.episode-pricing-footer{flex-wrap:wrap}.episode-pricing-row-actions{justify-content:flex-start}.creator-record:has(.episode-pricing-row-actions){flex-wrap:wrap}}
@media(max-width:640px){.episode-pricing-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.episode-pricing-choice{width:100%;max-width:none;min-width:0;white-space:normal;text-align:left;line-height:1.5;overflow-wrap:anywhere}}

@media (min-width:651px) and (max-width:900px){
 body.admin-mode #adminTelegramStars>.studio-list-item,
 body.admin-mode #adminTelegramStars>section[aria-labelledby]>.studio-list-item,
 body.admin-mode #adminContracts>.studio-list-item,
 body.admin-mode #adminWithdrawalPolicies>.studio-list-item,
 body.admin-mode #adminCreatorAgreements>.studio-list-item{flex-direction:column;align-items:stretch}
 body.admin-mode #adminTelegramStars>.studio-list-item>.studio-toolbar,
 body.admin-mode #adminTelegramStars>section[aria-labelledby]>.studio-list-item>.studio-toolbar{min-width:0;width:100%;justify-content:flex-start}
 body.admin-mode #adminTelegramStars>.studio-list-item .studio-button,
 body.admin-mode #adminTelegramStars>section[aria-labelledby]>.studio-list-item .studio-button{flex:0 0 auto;align-self:flex-start;max-width:100%;white-space:nowrap}
 body.admin-mode #adminContracts>.studio-list-item>.studio-button,
 body.admin-mode #adminWithdrawalPolicies>.studio-list-item>.studio-button,
 body.admin-mode #adminCreatorAgreements>.studio-list-item>.studio-button{flex:0 0 auto;align-self:flex-start;max-width:100%;white-space:nowrap}
}

.pagination-jump{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-left:8px;color:#aaa3ad;font-size:11px}
.pagination-jump label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.pagination-jump input{width:54px;min-height:44px;padding:0 7px;border:1px solid #ffffff30;border-radius:5px;background:#17151d;color:#fff;text-align:center;font:inherit}
.pagination-jump input:focus-visible,.pagination-jump button:focus-visible{outline:2px solid var(--pink-soft);outline-offset:2px}
.pagination-jump button{min-height:44px;padding:0 13px;border:1px solid #ffffff30;border-radius:5px;background:#ffffff0a;color:#eee;font:inherit;cursor:pointer}
.pagination-jump button:hover{border-color:var(--pink);color:#fff}
@media(max-width:640px){.pagination-jump{flex-basis:100%;margin:6px 0 0}}

/* Ranking geometry follows the public reference; metrics retain their service meaning. */
.rank-page{--rank-content-gutter:60px}
.rank-page .page-shell{max-width:none;width:100%;padding-inline:var(--rank-content-gutter)}
body.telegram-mini-app .rank-page .page-shell{padding-left:max(var(--rank-content-gutter),var(--jumu-telegram-safe-left,0px));padding-right:max(var(--rank-content-gutter),var(--jumu-telegram-safe-right,0px))}
.rank-page .ranking-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px;margin-top:22px}
@media(min-width:1024px){.rank-page .ranking-grid{gap:min(24px,1.25vw) min(18px,0.9375vw)}}
.ranking-card .poster{aspect-ratio:296/415}
.ranking-card-rank{position:absolute;z-index:3;top:10px;left:10px;min-width:34px;padding:6px 7px;border:1px solid #ffffff70;border-radius:5px;background:#15131cda;color:#fff;text-align:center;font:700 14px 'DM Sans',sans-serif;box-shadow:0 4px 12px #0008}
.ranking-card-rank.is-top-three{border-color:#ee378c;background:#ee378c}
.ranking-card .card-title{margin-bottom:5px}
.ranking-card-metric{display:-webkit-box;min-height:31px;margin-top:6px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#d5aac0;font-size:10px;line-height:1.55}
.rank-page .ranking-grid>.source-note,.rank-page .ranking-grid>.route-empty,.rank-page .ranking-grid>[data-ranking-retry]{grid-column:1/-1}
@media(max-width:767px){.rank-page{--rank-content-gutter:clamp(14px,4.266667vw,18px)}.rank-page .ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}.rank-page .ranking-card .poster{aspect-ratio:3/4;border-radius:12px}.rank-page .ranking-card-rank{top:7px;left:7px;min-width:30px;padding:5px;font-size:12px}.rank-page .ranking-card-metric{font-size:9px}}

/* Library desktop content follows the public list's measured side margins. */
.library-page .page-shell{max-width:1280px;padding-inline:60px}
@media(max-width:900px){.library-page .page-shell{padding-inline:18px}}
@media(max-width:640px){.library-page .page-shell{padding-inline:15px}}
/* Topic directory: full synthetic covers with count and title overlaid. */
.topics-page .page-shell{max-width:none;width:100%;padding-inline:60px}
.topics-page .topic-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:min(20px,1.041667vw);margin-top:9px}
.topics-page .topic-directory-card{--topic-deep:#281e30;--topic-warm:#9b6573;--topic-light:#e6aa8b;display:block;position:relative;height:min(210px,10.9375vw);min-width:0;overflow:hidden;border-radius:min(18px,.9375vw);background:#1b1a20;isolation:isolate;transition:transform 320ms var(--ease),box-shadow 320ms var(--ease)}
.topics-page .topic-directory-card.topic-road{--topic-deep:#252a39;--topic-warm:#8f7775;--topic-light:#e6c39a}
.topics-page .topic-directory-card.topic-oldtown{--topic-deep:#233634;--topic-warm:#987a5f;--topic-light:#e4c799}
.topics-page .topic-directory-card.topic-home{--topic-deep:#353028;--topic-warm:#98775d;--topic-light:#ead3a6}
.topics-page .topic-directory-cover{display:block;position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 71% 27%,var(--topic-light) 0,transparent 39%),linear-gradient(138deg,var(--topic-deep),var(--topic-warm));transition:transform 400ms var(--ease)}
.topics-page .topic-directory-cover:before{content:'';position:absolute;left:32%;top:17%;width:46%;height:130%;border:1px solid #ffffff7a;border-radius:48% 48% 0 0;box-shadow:0 0 0 13px #ffffff12,0 0 0 34px #ffffff08;transform:rotate(-11deg)}
.topics-page .topic-directory-cover:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 48px,#ffffff0d 49px 50px)}
.topics-page .topic-directory-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0009 100%)}
.topics-page .topic-directory-body{display:flex;position:absolute;left:0;right:0;bottom:min(8px,.416667vw);z-index:1;flex-direction:column;align-items:flex-start;gap:min(8px,.416667vw);min-width:0;padding:min(12px,.625vw) min(24px,1.25vw)}
.topics-page .topic-directory-count{max-width:100%;padding:min(4px,.208333vw) min(8px,.416667vw);border-radius:min(6px,.3125vw);background:#0009;color:var(--pink-soft);font-size:clamp(12px,.729167vw,14px);line-height:1.428571;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.topics-page .topic-directory-body strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:#fff;font-family:'Noto Sans SC',sans-serif;font-size:clamp(14px,.9375vw,18px);font-weight:600;line-height:1.333333;text-shadow:0 1px 8px #0009}
.topics-page .topic-directory-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.topics-page .topic-directory-card:after{content:'';position:absolute;inset:-50%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#fff2 50%,transparent 62%);transform:translateX(-110%)}
.topics-page .topic-directory-card:focus-visible{transform:translateY(-6px);box-shadow:0 14px 28px #0007,0 0 20px #ee378c33;outline:2px solid var(--pink-soft);outline-offset:3px}
.topics-page .topic-directory-card:focus-visible .topic-directory-cover{transform:scale(1.08)}
@media(hover:hover) and (pointer:fine){.topics-page .topic-directory-card:hover{transform:translateY(-6px);box-shadow:0 14px 28px #0007,0 0 20px #ee378c33}.topics-page .topic-directory-card:hover .topic-directory-cover{transform:scale(1.08)}.topics-page .topic-directory-card:hover:after{animation:topic-directory-sweep 850ms ease both}}
@keyframes topic-directory-sweep{to{transform:translateX(110%)}}
@media(max-width:1023px){.topics-page .page-shell{padding-inline:24px}.topics-page .topic-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topics-page .topic-directory-card{height:auto;aspect-ratio:373/210;border-radius:16px}}
@media(max-width:767px){.topics-page .page-shell{padding-inline:clamp(14px,4.266667vw,18px)}.topics-page .topic-directory-grid{grid-template-columns:minmax(0,1fr);gap:20px}.topics-page .topic-directory-card{aspect-ratio:343/194;border-radius:18px}.topics-page .topic-directory-body{bottom:8px;padding:10px 12px;gap:6px}.topics-page .topic-directory-count{padding:4px 8px;border-radius:6px;font-size:12px;line-height:18px}.topics-page .topic-directory-body strong{font-size:16px;line-height:22px}}
@media(prefers-reduced-motion:reduce){.topics-page .topic-directory-card,.topics-page .topic-directory-cover{transition:none}.topics-page .topic-directory-card:hover,.topics-page .topic-directory-card:focus-visible{transform:none}.topics-page .topic-directory-card:hover .topic-directory-cover,.topics-page .topic-directory-card:focus-visible .topic-directory-cover{transform:none}.topics-page .topic-directory-card:after{display:none;animation:none}}


/* Recent episode releases keep the publication event visible beside each poster. */
.today-update-page .episode-update-card{min-width:0}
.today-update-page .episode-update-card .drama-card{display:block}
.episode-update-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:7px 0 0;color:#a9a0ae;font-size:10px;line-height:1.5}
.episode-update-card__meta strong{color:#f79ec6;font-weight:700}
.episode-update-card__title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.episode-update-card__meta time{display:block;width:100%;color:#8d8593;font-variant-numeric:tabular-nums}
@media(max-width:640px){.episode-update-card__meta{font-size:9px;gap:3px 5px}}
/* Curated homepage sections reuse the existing card and heading language. */
#homeCuratedSections:empty{display:none}
.home-curated-status .source-note{margin:0}
body.admin-mode #adminHomeSections .home-section-admin-item{grid-template-columns:minmax(0,1fr) 88px auto}
body.admin-mode #adminHomeSections .column-admin-main small a{color:var(--studio-accent);overflow-wrap:anywhere}
body.admin-mode #adminHomeSections .home-section-form-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
body.admin-mode #adminHomeSections .home-section-form-actions button{min-height:48px}
@media(max-width:650px){body.admin-mode #adminHomeSections .home-section-admin-item{grid-template-columns:minmax(0,1fr) auto}body.admin-mode #adminHomeSections .column-admin-actions{grid-column:1/-1;flex-wrap:wrap}body.admin-mode #adminHomeSections .home-section-form-actions{align-items:stretch}body.admin-mode #adminHomeSections .home-section-form-actions button{flex:1}}
/* Verified public detail actions and API sourced same-genre results. */
.drama-detail-page .detail-tags{flex-wrap:wrap}
.drama-detail-page .detail-tags .button{min-height:34px;white-space:normal;text-align:center}
.drama-detail-page .series-reaction-button.is-selected{color:#fff0f6;border-color:#ed378c99;background:#ed378c29}
.drama-detail-page .series-reaction-button:disabled{opacity:.64;cursor:wait}
.detail-share-status{font-size:10px;line-height:1.6;color:#c9bac5;overflow-wrap:anywhere;margin:7px 0 10px}
.detail-share-status[hidden]{display:none}
.related-section .related-state{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.related-section .related-state .source-note{margin:0}
@media(max-width:640px){.drama-detail-page .detail-sidebar>.detail-share-status{grid-column:1/-1}.drama-detail-page .detail-sidebar>nav.detail-tags{grid-column:1/-1}}

/* Moderated viewer discussion on the detail and episode pages. */
.public-comments{margin-top:46px;padding:26px;border:1px solid var(--line);border-radius:8px;background:#19181f}
.public-comments>.section-heading{margin:0 0 8px}.public-comments .section-heading h2{font-size:20px}.public-comments-note{margin:0 0 20px;color:#99909d;font-size:10px}
.public-comment-form{display:grid;gap:11px;margin:18px 0 22px}.public-comment-form label{color:#eee6ef;font-size:12px;font-weight:600}.public-comment-form textarea{width:100%;min-height:96px;resize:vertical;padding:13px 15px;border:1px solid #ffffff27;border-radius:6px;background:#111016;color:#f7f2f7;font-family:inherit;font-size:12px;line-height:1.6;outline:none}.public-comment-form textarea:focus{border-color:var(--pink)}.public-comment-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.public-comment-form-actions small{color:#a49baa;font-size:10px;line-height:1.5}
.public-comment-notice{margin:12px 0;padding:10px 12px;border:1px solid #bb9f6655;border-radius:5px;background:#bb9f6612;color:#e9d5ad;font-size:11px;line-height:1.6}.public-comment-notice.is-error{border-color:#ec877c66;background:#ec877c12;color:#ffd0cb}.public-comment-notice[hidden]{display:none}
.public-comment-list{border-top:1px solid #ffffff18}.public-comment-item{padding:18px 2px;border-bottom:1px solid #ffffff14}.public-comment-item-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.public-comment-item-head b{color:#f6eaf1;font-size:12px}.public-comment-item-head time{color:#8d8490;font-size:10px}.public-comment-item p,.account-comment-item p{margin:9px 0 0;color:#d5cdd8;font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.public-comment-more{margin-top:16px}
.account-comment-item{display:grid;gap:7px;padding:15px 2px;border-bottom:1px solid #ffffff14}.account-comment-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-comment-item small{color:#958d99;font-size:10px}.account-comment-item .table-action{justify-self:start;margin-top:2px}
body.admin-mode #adminComments .admin-comment-item{grid-template-columns:minmax(0,1fr) auto auto}body.admin-mode #adminComments .column-admin-main{min-width:0}body.admin-mode #adminComments .column-admin-main p{margin:5px 0;color:#313039;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}body.admin-mode #adminComments .column-admin-main a{color:var(--studio-accent)}body.admin-mode #adminComments .column-admin-main small{overflow-wrap:anywhere}body.admin-mode #adminComments .column-admin-actions{flex-wrap:wrap}
@media(max-width:640px){.public-comments{margin-top:32px;padding:18px 15px}.public-comment-form-actions{align-items:stretch;flex-direction:column}.public-comment-form-actions .button{align-self:flex-start}.public-comment-item-head{align-items:flex-start;flex-direction:column;gap:4px}body.admin-mode #adminComments .admin-comment-item{grid-template-columns:minmax(0,1fr) auto}body.admin-mode #adminComments .column-admin-actions{grid-column:1/-1}}

/* Public catalog geometry observed on the reference on 2026-10-02. */
.library-page .drama-grid,
.search-page .drama-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px 18px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .library-page .drama-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .search-page .drama-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .library-page .drama-grid,
  .search-page .drama-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 7px;
  }
}
.detail-episodes .episode-button{height:auto;min-height:36px}
.detail-episodes .episode-button small{white-space:normal;overflow-wrap:anywhere}

/* Creator withdrawals and payout receipts retain every field on small screens. */
@media(max-width:900px){
 body.admin-mode :is(#adminPayoutEvents,#adminWithdrawals) .studio-table-wrap{width:100%;max-width:100%;overflow:visible;border:0;border-radius:0}
 body.admin-mode :is(#adminPayoutEvents,#adminWithdrawals) .studio-table{display:block;width:100%;min-width:0}
 body.admin-mode :is(#adminPayoutEvents,#adminWithdrawals) .studio-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 body.admin-mode :is(#adminPayoutEvents,#adminWithdrawals) .studio-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
 body.admin-mode :is(#adminPayoutEvents,#adminWithdrawals) .studio-table tr{display:block;min-width:0;max-width:100%;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-surface);overflow:hidden}
 body.admin-mode :is(#adminPayoutEvents,#adminWithdrawals) .studio-table td{display:block;min-width:0;max-width:100%;padding:12px 14px;border-bottom:1px solid var(--studio-line);overflow-wrap:anywhere}
 body.admin-mode :is(#adminPayoutEvents,#adminWithdrawals) .studio-table td:last-child{border-bottom:0}
 body.admin-mode :is(#adminPayoutEvents,#adminWithdrawals) .studio-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:6px;color:var(--studio-muted);font-size:11px;font-weight:700}
 body.admin-mode :is(#adminPayoutEvents,#adminWithdrawals) .studio-row-actions{min-width:0}
}

/* Ranking page: safe reference DOM/CSS rules, scoped to public rankings.
   Source artwork/media is replaced by the existing lawful local poster set. */
.rank-page{padding:0;background:#0a0a0a;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;font-size:16px;line-height:normal}
.rank-page .breadcrumbs,.rank-page .route-tabs{margin:0;border:0}
.rank-page .route-tab{font:inherit;transition:background .2s,border-color .2s}
.rank-page .ranking-grid{margin:0}
.rank-page .card-title{margin:0}
.rank-page .poster{border-radius:0;box-shadow:none;transition:none}
.rank-page .poster:before{content:none}
.rank-page .poster.has-photo{background-image:var(--poster-art);background-size:cover;background-position:center}
.rank-page .drama-card:hover .poster,.rank-page .drama-card:focus-visible .poster{transform:none;box-shadow:none}
.rank-page .ranking-card-rank{top:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.rank-page .ranking-card-metric{display:block;min-height:0;margin:0;-webkit-line-clamp:unset}
.rank-page .poster-duration{font:inherit}
.rank-page .pagination{flex-wrap:nowrap}
.rank-page .pagination-jump input,.rank-page .pagination-jump button{min-height:0;font:inherit}
.rank-page .page-shell{width:min(1800px,calc(100% - 120px));max-width:none;position:relative;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;margin:0 auto;padding:36px 0;gap:36px;box-sizing:border-box}
.rank-page .text-white-xs{color:#181818;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:18px}
.rank-page .card-grid{width:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));justify-content:stretch;align-items:stretch;gap:14px 16px}
.rank-page .poster-card{width:100%;min-width:0;background:transparent;overflow:hidden;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex;text-decoration:none;color:inherit;cursor:pointer}
.rank-page .poster-cover{height:auto;aspect-ratio:3 / 4;position:relative;overflow:hidden}
.rank-page .poster-cover-img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.rank-page .episode-badge{height:28px;padding:4px 8px;left:auto;right:8px;top:auto;bottom:8px;position:absolute;background:rgba(0,0,0,0.60);border-radius:8px;justify-content:center;align-items:center;display:flex;font-size:12px;color:#fff}
.rank-page .episode-badge .text-white-xs{color:#fff}
.rank-page .poster-card-body{flex:1 1 auto;padding:8px 10px;background:rgba(255,255,255,0.05);overflow:hidden;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;display:flex;box-sizing:border-box}
.rank-page .poster-card-title{min-height:20px;color:#F5F5F5;font-size:14px;font-family:PingFang SC;font-weight:400;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rank-page .poster-card-subtitle{min-height:18px;color:#A3A3A3;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rank-page .poster-card-meta{margin-top:auto;overflow:hidden;justify-content:space-between;align-items:center;display:flex}
.rank-page .poster-card-tags{display:flex;min-width:0;align-items:center;gap:6px;overflow:hidden}
.rank-page .poster-card-tags .poster-card-tag{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-page .poster-card-tag{color:#8A8A8A;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:18px}
.rank-page .ranking-card-tag{color:#8A8A8A;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:18px;flex-shrink:0}
@media (max-width: 767px){.rank-page .page-shell{width:100%;max-width:100%;padding:12px 16px;box-sizing:border-box;gap:18px;align-items:stretch}}
@media (max-width: 767px){.rank-page .hero-play-button .text-white-xs{color:#fff;font-size:10px;line-height:16px}}
@media (max-width: 767px){.rank-page .card-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;gap:7px}}
@media (max-width: 767px){.rank-page .poster-card{width:100%;border-radius:6px;flex-shrink:1}}
@media (max-width: 767px){.rank-page .poster-cover{height:0;padding-bottom:133.33%}}
@media (max-width: 767px){.rank-page .poster-cover-img{position:absolute;inset:0}}
@media (max-width: 767px){.rank-page .episode-badge{left:auto;right:8px;top:auto;bottom:8px;height:auto;min-height:28px}}
@media (max-width: 767px){.rank-page .poster-card-title{font-family:"Noto Sans SC","PingFang SC",sans-serif;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}}
@media (max-width: 767px){.rank-page .poster-card-tag,.rank-page .poster-card-subtitle{color:#A3A3A3}}
@media (max-width: 767px){.rank-page .ranking-card-tag{color:#A3A3A3}}
@media (max-width: 767px){.rank-page .latest-section .card-grid{width:100%;grid-template-columns:1fr 1fr;justify-content:stretch;gap:7px}}
@media (max-width: 767px){.rank-page .latest-section .poster-card{width:100%;flex:1 1 auto;border-radius:6px}}
.rank-page body.site-shell .poster-cover::before{position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0.3) 50%,transparent 100%);transform:skewX(-18deg)}
@media (hover: hover) and (pointer: fine){.rank-page body.site-shell .poster-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.5),0 0 24px rgba(236,35,127,0.3)}}
@media (hover: hover) and (pointer: fine){.rank-page body.site-shell .poster-card:hover .poster-cover-img{transform:scale(1.08)}}
.rank-page body.site-shell .poster-card:focus-visible{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.5),0 0 24px rgba(236,35,127,0.3)}
.rank-page body.site-shell .poster-card:focus-visible .poster-cover-img{transform:scale(1.08)}
.rank-page .page-shell{width:100%;max-width:none;margin:0;padding:36px 60px;box-sizing:border-box}
.rank-page .rank-hero{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}
.rank-page .rank-breadcrumb,.rank-page .rank-channel,.rank-page .rank-tabs,.rank-page .rank-hero .card-grid{width:100%}
.rank-page .rank-breadcrumb{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,0.55);font:400 18px/24px "PingFang SC","Noto Sans SC",sans-serif}
.rank-page .rank-breadcrumb a{color:inherit;text-decoration:none}
.rank-page .rank-breadcrumb a:hover,.rank-page .rank-breadcrumb a:focus-visible,.rank-page .rank-breadcrumb [aria-current="page"]{color:#ec237f}
.rank-page .rank-channel{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.rank-page .rank-channel-title{margin:0;color:#fff;font:600 24px/32px "PingFang SC","Noto Sans SC",sans-serif}
.rank-page .rank-channel-desc{color:rgba(255,255,255,0.55);font:400 16px/22px "PingFang SC","Noto Sans SC",sans-serif}
.rank-page .rank-tabs{display:flex;align-items:center;gap:18px}
.rank-page .rank-tab{width:120px;height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid rgba(255,255,255,0.05);border-radius:9px;background:rgba(255,255,255,0.05);text-decoration:none}
.rank-page .rank-tab:hover,.rank-page .rank-tab:focus-visible{border-color:rgba(236,35,127,0.5);background:rgba(236,35,127,0.16)}
.rank-page .rank-tab--active,.rank-page .rank-tab--active:hover,.rank-page .rank-tab--active:focus-visible{border-color:#ec237f;background:#ec237f}
.rank-page .rank-tab-text{color:rgba(255,255,255,0.55);font:400 18px/24px "PingFang SC","Noto Sans SC",sans-serif;white-space:nowrap}
.rank-page .rank-tab-text--active{color:#fff}
.rank-page .rank-hero .card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:24px 18px}
.rank-page .rank-hero .rank-card{width:100%;min-width:0;height:auto;aspect-ratio:auto;overflow:hidden;border-radius:18px;background:transparent}
.rank-page .rank-hero .rank-card .poster-cover{width:100%;height:auto;aspect-ratio:296 / 415;flex:0 0 auto;padding:0}
.rank-page .rank-hero .rank-card .poster-cover-img{position:absolute;inset:0}
.rank-page .rank-hero .rank-card .poster-card-body{height:auto;min-height:104px;flex:0 0 auto;padding:12px 10px;gap:6px;background:rgba(255,255,255,0.05)}
.rank-page .rank-hero .rank-card .poster-card-title{flex:0 0 auto;min-height:22px;color:#fff;font:600 16px/22px "PingFang SC","Noto Sans SC",sans-serif}
.rank-page .rank-hero .rank-card .poster-card-subtitle{flex:0 0 auto;min-height:20px;color:rgba(255,255,255,0.55);font:400 14px/20px "PingFang SC","Noto Sans SC",sans-serif}
.rank-page .rank-hero .rank-card .poster-card-meta{min-height:24px;margin-top:auto;flex:0 0 auto}
.rank-page .rank-hero .rank-card .ranking-card-tags{display:flex;max-width:100%;min-width:0;align-items:center;gap:6px;overflow:hidden}
.rank-page .rank-hero .rank-card .ranking-card-tag{flex:0 1 auto;min-width:0;max-width:100%;padding:2px 8px;overflow:hidden;border:1px solid rgba(255,74,74,0.08);border-radius:9px;background:rgba(255,74,74,0.08);color:#ec237f;font:400 14px/20px "PingFang SC","Noto Sans SC",sans-serif;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
.rank-page .rank-hero .episode-badge{right:8px;bottom:8px;height:auto;min-height:24px;padding:3px 8px;border-radius:6px;box-sizing:border-box}
.rank-page .poster-rank-badge,.rank-page .poster-rank-bg-gold,.rank-page .poster-rank-bg-silver,.rank-page .poster-rank-bg-bronze,.rank-page .poster-rank-bg-dark{width:43px;height:34px}
.rank-page .poster-rank-badge{position:absolute;left:0;bottom:0;z-index:2}
.rank-page .poster-rank-bg-gold,.rank-page .poster-rank-bg-silver,.rank-page .poster-rank-bg-bronze,.rank-page .poster-rank-bg-dark{position:absolute;inset:0}
.rank-page .poster-rank-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font:600 18px/24px "PingFang SC","Noto Sans SC",sans-serif}
.rank-page .rank-hero .pagination{width:auto;padding:4px 0;gap:12px}
.rank-page .rank-hero .pagination-btn{width:48px;min-width:48px;height:48px;border-radius:999px;background:#3d3d3d;color:rgba(255,255,255,0.55);font-size:16px;line-height:22px}
.rank-page .rank-hero .pagination-btn--wide{width:48px;min-width:48px}
.rank-page .rank-hero .pagination-btn--active{background:#ec237f;color:#fff}
.rank-page .rank-hero .pagination-arrow{width:24px;height:24px}
.rank-page .rank-hero .pagination-ellipsis,.rank-page .rank-hero .pagination-jump-label{color:rgba(255,255,255,0.55);font-size:16px;line-height:22px}
.rank-page .rank-hero .pagination-ellipsis{width:32px;text-align:center}
.rank-page .rank-hero .pagination-jump-input{width:72px;height:48px;border-radius:999px;background:#3d3d3d;color:#fff;font-size:16px;line-height:22px}
.rank-page .rank-hero .pagination-jump-submit{width:96px;height:48px;border-radius:999px;background:#ec237f;color:#fff;font-size:16px;line-height:22px}
.rank-page .rank-hero .pagination-jump-submit:hover,.rank-page .rank-hero .pagination-jump-submit:focus-visible{background:#f04491}
@media (max-width: 767px){.rank-page .page-shell{padding:12px var(--rank-content-gutter) 24px}}
@media (max-width: 767px){.rank-page .rank-hero{gap:18px}}
@media (max-width: 767px){.rank-page .rank-breadcrumb{gap:4px;font-size:12px;line-height:18px}}
@media (max-width: 767px){.rank-page .rank-channel{gap:12px}}
@media (max-width: 767px){.rank-page .rank-channel-title{font-size:16px;line-height:22px}}
@media (max-width: 767px){.rank-page .rank-channel-desc{font-size:12px;line-height:18px}}
@media (max-width: 767px){.rank-page .rank-tabs{gap:6px}}
@media (max-width: 767px){.rank-page .rank-tab{width:auto;height:30px;flex:1 1 0;padding:0 24px}}
@media (max-width: 767px){.rank-page .rank-tab-text{font-size:12px;line-height:18px}}
@media (max-width: 767px){.rank-page .rank-hero .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}}
@media (max-width: 767px){.rank-page .rank-hero .rank-card{height:auto;min-height:304px;aspect-ratio:auto;border-radius:0}}
@media (max-width: 767px){.rank-page .rank-hero .rank-card .poster-cover{aspect-ratio:3 / 4;border-radius:12px}}
@media (max-width: 767px){.rank-page .rank-hero .rank-card .poster-card-body{height:auto;min-height:92px;flex:0 0 auto;padding:8px 0;gap:4px;background:transparent}}
@media (max-width: 767px){.rank-page .rank-hero .rank-card .poster-card-title{min-height:20px;font-size:14px;line-height:20px;font-weight:400}}
@media (max-width: 767px){.rank-page .rank-hero .rank-card .poster-card-subtitle{flex:0 0 18px;min-height:18px;font-size:12px;line-height:18px}}
@media (max-width: 767px){.rank-page .rank-hero .rank-card .poster-card-meta{flex:0 0 22px;min-height:22px}}
@media (max-width: 767px){.rank-page .rank-hero .rank-card .ranking-card-tags{height:22px;gap:4px}}
@media (max-width: 767px){.rank-page .rank-hero .rank-card .ranking-card-tag{padding:2px 6px;font-size:12px;line-height:18px}}
@media (max-width: 767px){.rank-page .poster-rank-badge,.rank-page .poster-rank-bg-gold,.rank-page .poster-rank-bg-silver,.rank-page .poster-rank-bg-bronze,.rank-page .poster-rank-bg-dark{width:34px;height:28px}}
@media (max-width: 767px){.rank-page .poster-rank-text{font-size:14px;line-height:20px;font-weight:400}}
@media (max-width: 767px){.rank-page .rank-hero .pagination-jump{display:none}}
@media (min-width: 1024px){.rank-page .page-shell{padding:min(36px,1.875vw) 60px}}
@media (min-width: 1024px){.rank-page .rank-hero{gap:min(24px,1.25vw)}}
@media (min-width: 1024px){.rank-page .rank-breadcrumb{gap:min(6px,0.3125vw);font-size:clamp(12px,0.9375vw,18px);line-height:clamp(18px,1.25vw,24px)}}
@media (min-width: 1024px){.rank-page .rank-channel{gap:min(24px,1.25vw)}}
@media (min-width: 1024px){.rank-page .rank-channel-title{font-size:clamp(18px,1.25vw,24px);line-height:clamp(24px,1.666667vw,32px)}}
@media (min-width: 1024px){.rank-page .rank-channel-desc{font-size:clamp(12px,0.833333vw,16px);line-height:clamp(18px,1.145833vw,22px)}}
@media (min-width: 1024px){.rank-page .rank-tabs{gap:min(18px,0.9375vw)}}
@media (min-width: 1024px){.rank-page .rank-tab{width:min(120px,6.25vw);height:min(48px,2.5vw);padding:0 min(24px,1.25vw);border-radius:min(9px,0.46875vw)}}
@media (min-width: 1024px){.rank-page .rank-tab-text{font-size:clamp(12px,0.9375vw,18px);line-height:clamp(18px,1.25vw,24px)}}
@media (min-width: 1024px){.rank-page .rank-hero .card-grid{column-gap:min(18px,0.9375vw);row-gap:min(24px,1.25vw)}}
@media (min-width: 1024px){.rank-page .rank-hero .rank-card{min-height:0;border-radius:min(18px,0.9375vw)}}
@media (min-width: 1024px){.rank-page .rank-hero .rank-card .poster-card-body{min-height:clamp(84px,5.416667vw,104px);flex:0 0 auto;padding:min(12px,0.625vw) min(10px,0.520833vw);gap:min(6px,0.3125vw)}}
@media (min-width: 1024px){.rank-page .rank-hero .rank-card .poster-card-title{min-height:min(22px,1.145833vw);font-size:clamp(12px,0.833333vw,16px);line-height:clamp(18px,1.145833vw,22px)}}
@media (min-width: 1024px){.rank-page .rank-hero .rank-card .poster-card-subtitle{min-height:min(20px,1.041667vw);font-size:clamp(11px,0.729167vw,14px);line-height:clamp(16px,1.041667vw,20px)}}
@media (min-width: 1024px){.rank-page .rank-hero .rank-card .poster-card-meta{min-height:min(24px,1.25vw)}}
@media (min-width: 1024px){.rank-page .rank-hero .rank-card .ranking-card-tag{padding:min(2px,0.104167vw) min(8px,0.416667vw);border-radius:min(9px,0.46875vw);font-size:clamp(11px,0.729167vw,14px);line-height:clamp(16px,1.041667vw,20px)}}
@media (min-width: 1024px){.rank-page .rank-hero .episode-badge{right:min(8px,0.416667vw);bottom:min(16px,0.833333vw);min-height:min(24px,1.25vw);padding:min(3px,0.15625vw) min(8px,0.416667vw);border-radius:min(6px,0.3125vw)}}
@media (min-width: 1024px){.rank-page .rank-hero .episode-badge .text-white-xs{font-size:clamp(11px,0.729167vw,14px);line-height:clamp(16px,1.041667vw,20px)}}
@media (min-width: 1024px){.rank-page .poster-rank-badge,.rank-page .poster-rank-bg-gold,.rank-page .poster-rank-bg-silver,.rank-page .poster-rank-bg-bronze,.rank-page .poster-rank-bg-dark{width:min(43px,2.239583vw);height:min(34px,1.770833vw)}}
@media (min-width: 1024px){.rank-page .poster-rank-text{font-size:clamp(12px,0.9375vw,18px);line-height:clamp(18px,1.25vw,24px)}}
@media (min-width: 1024px){.rank-page .rank-hero .pagination{padding:min(4px,0.208333vw) 0;gap:min(12px,0.625vw)}}
@media (min-width: 1024px){.rank-page .rank-hero .pagination-btn,.rank-page .rank-hero .pagination-btn--wide{width:min(48px,2.5vw);min-width:min(48px,2.5vw);height:min(48px,2.5vw);font-size:clamp(12px,0.833333vw,16px);line-height:clamp(18px,1.145833vw,22px)}}
@media (min-width: 1024px){.rank-page .rank-hero .pagination-arrow{width:min(24px,1.25vw);height:min(24px,1.25vw)}}
@media (min-width: 1024px){.rank-page .rank-hero .pagination-ellipsis{width:min(32px,1.666667vw)}}
@media (min-width: 1024px){.rank-page .rank-hero .pagination-ellipsis,.rank-page .rank-hero .pagination-jump-label{font-size:clamp(12px,0.833333vw,16px);line-height:clamp(18px,1.145833vw,22px)}}
@media (min-width: 1024px){.rank-page .rank-hero .pagination-jump{gap:min(8px,0.416667vw)}}
@media (min-width: 1024px){.rank-page .rank-hero .pagination-jump-input{width:min(72px,3.75vw);height:min(48px,2.5vw);font-size:clamp(12px,0.833333vw,16px);line-height:clamp(18px,1.145833vw,22px)}}
@media (min-width: 1024px){.rank-page .rank-hero .pagination-jump-submit{width:min(96px,5vw);height:min(48px,2.5vw);font-size:clamp(12px,0.833333vw,16px);line-height:clamp(18px,1.145833vw,22px)}}
.rank-page .pagination{width:100%;overflow:hidden;justify-content:center;align-items:center;gap:8px;display:flex}
.rank-page .pagination-btn{width:36px;min-width:36px;height:32px;padding:0;background:rgba(255,255,255,0.05);overflow:hidden;border-radius:16px;justify-content:center;align-items:center;display:flex;border:none;cursor:pointer;color:#A3A3A3;font-size:12px;font-family:PingFang SC,sans-serif;font-weight:400;line-height:18px;text-decoration:none;box-sizing:border-box;flex-shrink:0}
.rank-page a.pagination-btn:hover{color:#F5F5F5}
.rank-page .pagination-btn.is-disabled{opacity:0.4;cursor:default;pointer-events:none}
.rank-page .pagination-btn--wide{width:42px;min-width:42px}
.rank-page .pagination-btn--active{background:#EC237F;color:#181818}
.rank-page .pagination-btn--arrow{width:36px;min-width:36px;padding:0}
.rank-page .pagination-arrow{width:18px;height:18px;display:block}
.rank-page .pagination-ellipsis{color:#A3A3A3;font-size:12px;font-family:PingFang SC,sans-serif;font-weight:400;line-height:18px;flex-shrink:0}
.rank-page .pagination-jump{overflow:hidden;justify-content:center;align-items:center;gap:8px;display:flex;margin:0;padding:0;border:none;background:transparent;flex-shrink:0}
.rank-page .pagination-jump-label{color:#A3A3A3;font-size:12px;font-family:"Noto Sans SC","PingFang SC",sans-serif;font-weight:400;line-height:18px;flex-shrink:0}
.rank-page .pagination-jump-input{width:48px;height:32px;padding:0;background:rgba(255,255,255,0.05);overflow:hidden;border:none;border-radius:16px;color:#A3A3A3;font-size:12px;font-family:"Noto Sans SC","PingFang SC",sans-serif;font-weight:400;line-height:18px;text-align:center;box-sizing:border-box}
.rank-page .pagination-jump-input::-webkit-outer-spin-button,.rank-page .pagination-jump-input::-webkit-inner-spin-button{margin:0}
.rank-page .pagination-jump-input:focus,.rank-page .pagination-jump-input:focus-visible{color:#F5F5F5;box-shadow:none}
.rank-page .pagination-jump-submit{width:60px;height:32px;padding:0;background:#EC237F;overflow:hidden;border:none;border-radius:16px;color:#181818;font-size:12px;font-family:"Noto Sans SC","PingFang SC",sans-serif;font-weight:400;line-height:18px;cursor:pointer;justify-content:center;align-items:center;display:flex;box-sizing:border-box}
.rank-page .pagination-jump-submit:hover{background:#ffe56a}
@media (max-width: 767px){.rank-page .pagination,.rank-page .rank-hero .pagination{width:100%;max-width:343px;margin-left:auto;margin-right:auto;padding:0;overflow:hidden;justify-content:space-between;align-items:center;gap:0;flex-wrap:nowrap;display:flex}}
@media (max-width: 767px){.rank-page .pagination-btn,.rank-page .pagination-btn--wide,.rank-page .rank-hero .pagination-btn,.rank-page .rank-hero .pagination-btn--wide{width:30px;min-width:30px;height:30px;padding:0 4px;background:rgba(255,255,255,0.1);border-radius:999px;color:rgba(255,255,255,0.55);font-size:14px;line-height:20px}}
@media (max-width: 767px){.rank-page .pagination-btn--active,.rank-page .rank-hero .pagination-btn--active{background:#ec237f;color:#fff}}
@media (max-width: 767px){.rank-page .pagination-btn--arrow,.rank-page .rank-hero .pagination-btn--arrow{width:auto;min-width:0;height:30px;padding:6px 7px;gap:10px}}
@media (max-width: 767px){.rank-page .pagination-arrow,.rank-page .rank-hero .pagination-arrow{width:16px;height:16px}}
@media (max-width: 767px){.rank-page .pagination-ellipsis,.rank-page .rank-hero .pagination-ellipsis{display:inline-flex;justify-content:center;align-items:center;width:auto;min-width:20px;height:30px;padding:0 4px;border-radius:999px;color:rgba(255,255,255,0.55);font-size:14px;line-height:20px;background:transparent;box-sizing:border-box;text-align:center}}
@media (max-width: 767px){.rank-page .pagination-jump,.rank-page .rank-hero .pagination-jump{display:none}}
.rank-page .flex-spacer{flex:1 1 auto}
.rank-page .poster-rank-bg-gold{background:linear-gradient(135deg,#d6a744,#a16c24);border-radius:0 9px 0 0}
.rank-page .poster-rank-bg-silver{background:linear-gradient(135deg,#c1c7d1,#77838f);border-radius:0 9px 0 0}
.rank-page .poster-rank-bg-bronze{background:linear-gradient(135deg,#ce9465,#805539);border-radius:0 9px 0 0}
.rank-page .poster-rank-bg-dark{background:#181818d9;border-radius:0 9px 0 0}
.rank-page .pagination-arrow{display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:22px;line-height:1}
.rank-page .rank-disclosures{width:100%;margin-top:24px;color:#a3a3a3;font:400 12px/18px "PingFang SC","Noto Sans SC",sans-serif}
.rank-page .rank-disclosures p{margin:0 0 8px;font:inherit;color:inherit}
.rank-page .rank-disclosures a{color:#ed72a8;text-decoration:underline;text-underline-offset:3px}
.rank-page .rank-tabs{flex-wrap:wrap}
.rank-page a:focus-visible,.rank-page .pagination-jump input:focus-visible,.rank-page .pagination-jump button:focus-visible{outline:2px solid #f58bb8;outline-offset:3px}

/* Original rank body offset is projected relative to the existing sticky bar.
   Keep global header untouched; retain mobile env safe-area and the 1024 cascade. */
.rank-page{--rank-source-body-offset:90px;--rank-existing-header-height:72px;padding-top:max(0px,calc(var(--rank-source-body-offset) - var(--rank-existing-header-height)));background:#0f0f0f}
@media(max-width:767px){.rank-page{--rank-source-body-offset:calc(48px + env(safe-area-inset-top,0px));--rank-existing-header-height:48px}}
@media(min-width:1024px){.rank-page{--rank-source-body-offset:min(90px,4.6875vw);--rank-existing-header-height:var(--public-header-height,clamp(48px,4.6875vw,90px))}}
/* Four verified 66x54 ordinary source UI decorations. Never catalog media. */
.rank-page .poster-rank-bg-gold{background:transparent url('/assets/rank-ui-gold.png') center/100% 100% no-repeat;border-radius:0}
.rank-page .poster-rank-bg-silver{background:transparent url('/assets/rank-ui-silver.png') center/100% 100% no-repeat;border-radius:0}
.rank-page .poster-rank-bg-bronze{background:transparent url('/assets/rank-ui-bronze.png') center/100% 100% no-repeat;border-radius:0}
.rank-page .poster-rank-bg-dark{background:transparent url('/assets/rank-ui-dark.png') center/100% 100% no-repeat;border-radius:0}

/* Library-only ordinary source geometry. Artwork remains the lawful local set. */
.library-catalog-page{--library-gutter:60px;padding:0;background:#0f0f0f;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
.library-catalog-page .page-shell{width:100%;max-width:none;margin:0;padding:36px 60px;display:flex;flex-direction:column;align-items:stretch;gap:24px}
.library-catalog-page .route-head{padding:0;display:flex;flex-direction:column;gap:18px}
.library-catalog-page .breadcrumbs{margin:0;font-size:18px;line-height:24px;gap:6px}
.library-catalog-page .route-head .section-kicker{display:none}
.library-catalog-page .route-head h1{margin:0;letter-spacing:normal;font-family:inherit;font-size:24px;font-weight:600;line-height:32px}
.library-catalog-page .route-note{margin:0;font-size:12px;line-height:18px}
.library-catalog-page .route-tabs{margin:0;border:0;gap:36px;flex-wrap:wrap}
.library-catalog-page .route-tab{width:72px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;font-size:18px;line-height:24px}
.library-catalog-page .route-tab.is-current{background:#ec237f;color:#fff}
.library-catalog-page .route-filters{margin:0}
.library-catalog-page .catalog-summary{margin:0;font-size:16px;line-height:22px}
.library-catalog-page .drama-grid{width:100%;margin:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}
.library-catalog-page .drama-card,.topic-detail-page .topic-catalog-grid .library-card{display:flex;flex-direction:column;min-width:0;height:519px;border-radius:18px;overflow:hidden;background:transparent}
.library-catalog-page .poster,.topic-detail-page .topic-catalog-grid .poster{height:407px;aspect-ratio:auto;flex:0 0 auto;border-radius:0;box-shadow:none;transition:none}
.library-catalog-page .poster:before,.topic-detail-page .topic-catalog-grid .poster:before{content:none}
.library-catalog-page .poster.has-photo,.topic-detail-page .topic-catalog-grid .poster.has-photo{background-image:var(--poster-art);background-size:cover;background-position:center}
.library-catalog-page .drama-card:hover .poster,.library-catalog-page .drama-card:focus-visible .poster,.topic-detail-page .topic-catalog-grid .library-card:hover .poster,.topic-detail-page .topic-catalog-grid .library-card:focus-visible .poster{transform:none;box-shadow:none}
.library-catalog-page .library-card-body,.topic-detail-page .topic-catalog-grid .library-card-body{height:112px;min-height:112px;flex:0 0 auto;display:flex;flex-direction:column;gap:6px;padding:12px 10px;overflow:hidden;background:rgba(255,255,255,.05)}
.library-catalog-page .card-title,.topic-detail-page .topic-catalog-grid .card-title{min-height:22px;margin:0;color:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-catalog-page .library-card-subtitle,.topic-detail-page .topic-catalog-grid .library-card-subtitle{min-height:20px;color:rgba(255,255,255,.55);font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-catalog-page .library-card-tags,.topic-detail-page .topic-catalog-grid .library-card-tags{display:flex;align-items:center;gap:6px;min-height:24px;min-width:0;overflow:hidden}
.library-catalog-page .library-card-tag,.topic-detail-page .topic-catalog-grid .library-card-tag{min-width:0;min-height:24px;padding:2px 8px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ec237f;background:rgba(255,74,74,.08);border:1px solid rgba(255,74,74,.08);border-radius:9px;font-size:14px;line-height:20px}
.library-catalog-page .poster-duration,.topic-detail-page .topic-catalog-grid .poster-duration{bottom:8px;right:8px;height:26px;padding:3px 8px;border-radius:6px;color:#fff;background:rgba(0,0,0,.6);font-size:12px;line-height:20px}
.library-catalog-page .pagination{width:100%;margin:0;padding:4px 0;gap:12px;flex-wrap:wrap}
.library-catalog-page .page-number{width:48px;min-width:48px;height:48px;min-height:0;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.55);font-size:16px;line-height:22px}
.library-catalog-page .page-number.current{background:#ec237f;color:#fff}
.library-catalog-page .page-number.pagination-arrow{font-size:24px}
.library-catalog-page .pagination-jump{margin:0;gap:8px}
.library-catalog-page .pagination-jump input{width:72px;height:48px;min-height:0;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.1);font-size:16px;line-height:22px}
.library-catalog-page .pagination-jump button{width:96px;height:48px;min-height:0;padding:0;border:0;border-radius:999px;background:#ec237f;color:#fff;font-size:16px;line-height:22px}
@media(min-width:1024px){
 .library-catalog-page .page-shell{padding:min(36px,1.875vw) 60px;gap:min(24px,1.25vw)}
 .library-catalog-page .breadcrumbs{gap:min(6px,.3125vw);font-size:clamp(12px,.9375vw,18px);line-height:clamp(18px,1.25vw,24px)}
 .library-catalog-page .route-head h1{font-size:clamp(16px,1.25vw,24px);line-height:clamp(22px,1.666667vw,32px)}
 .library-catalog-page .route-tabs{gap:min(36px,1.875vw)}
 .library-catalog-page .route-tab{width:min(72px,3.75vw);height:min(48px,2.5vw);border-radius:min(12px,.625vw);font-size:clamp(12px,.9375vw,18px);line-height:clamp(18px,1.25vw,24px)}
 .library-catalog-page .drama-grid{gap:min(24px,1.25vw) min(18px,.9375vw)}
 .library-catalog-page .drama-card,.topic-detail-page .topic-catalog-grid .library-card{height:min(519px,27.03125vw);border-radius:min(18px,.9375vw)}
 .library-catalog-page .poster,.topic-detail-page .topic-catalog-grid .poster{height:min(407px,21.197917vw)}
 .library-catalog-page .library-card-body,.topic-detail-page .topic-catalog-grid .library-card-body{height:min(112px,5.833333vw);min-height:min(112px,5.833333vw);padding:min(12px,.625vw) min(10px,.520833vw);gap:min(6px,.3125vw)}
 .library-catalog-page .card-title,.topic-detail-page .topic-catalog-grid .card-title{min-height:min(22px,1.145833vw);font-size:clamp(12px,.833333vw,16px);line-height:clamp(18px,1.145833vw,22px)}
 .library-catalog-page .library-card-subtitle,.topic-detail-page .topic-catalog-grid .library-card-subtitle{min-height:min(20px,1.041667vw);font-size:clamp(11px,.729167vw,14px);line-height:clamp(16px,1.041667vw,20px)}
 .library-catalog-page .library-card-tags,.library-catalog-page .library-card-tag,.topic-detail-page .topic-catalog-grid .library-card-tags,.topic-detail-page .topic-catalog-grid .library-card-tag{min-height:min(24px,1.25vw)}
 .library-catalog-page .library-card-tag,.topic-detail-page .topic-catalog-grid .library-card-tag{padding:min(2px,.104167vw) min(8px,.416667vw);border-radius:min(9px,.46875vw);font-size:clamp(11px,.729167vw,14px);line-height:clamp(16px,1.041667vw,20px)}
 .library-catalog-page .pagination{gap:min(12px,.625vw);padding:min(4px,.208333vw) 0}
 .library-catalog-page .page-number{width:min(48px,2.5vw);min-width:min(48px,2.5vw);height:min(48px,2.5vw);font-size:clamp(12px,.833333vw,16px);line-height:clamp(18px,1.145833vw,22px)}
 .library-catalog-page .pagination-jump input{width:min(72px,3.75vw);height:min(48px,2.5vw)}
 .library-catalog-page .pagination-jump button{width:min(96px,5vw);height:min(48px,2.5vw)}
}
@media(min-width:768px) and (max-width:1023px){
 .library-catalog-page{--library-gutter:24px}
 .library-catalog-page .page-shell{padding:24px}
 .library-catalog-page .drama-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .library-catalog-page .drama-card,.topic-detail-page .topic-catalog-grid .library-card{height:auto}
 .library-catalog-page .poster,.topic-detail-page .topic-catalog-grid .poster{height:auto;aspect-ratio:3/4}
}
@media(max-width:767px){
 .library-catalog-page{--library-gutter:16px}
 .library-catalog-page .page-shell{padding:12px 16px 24px;gap:18px}
 .library-catalog-page .route-head{gap:12px}
 .library-catalog-page .breadcrumbs{gap:4px;font-size:12px;line-height:18px}
 .library-catalog-page .route-head h1{font-size:16px;line-height:22px}
 .library-catalog-page .route-tabs{gap:12px}
 .library-catalog-page .route-tab{width:auto;min-width:72px;height:36px;font-size:14px;line-height:20px}
 .library-catalog-page .catalog-summary{font-size:14px;line-height:20px}
 .library-catalog-page .drama-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}
 .library-catalog-page .drama-card,.topic-detail-page .topic-catalog-grid .library-card{height:auto;border-radius:0}
 .library-catalog-page .poster,.topic-detail-page .topic-catalog-grid .poster{width:100%;height:auto;aspect-ratio:3/4;border-radius:12px}
 .library-catalog-page .library-card-body,.topic-detail-page .topic-catalog-grid .library-card-body{height:clamp(68px,21.333333vw,92px);min-height:clamp(68px,21.333333vw,92px);padding:8px 0;gap:4px;background:transparent}
 .library-catalog-page .card-title,.topic-detail-page .topic-catalog-grid .card-title{min-height:20px;font-size:14px;font-weight:400;line-height:20px}
 .library-catalog-page .library-card-subtitle,.topic-detail-page .topic-catalog-grid .library-card-subtitle{min-height:18px;font-size:12px;line-height:18px}
 .library-catalog-page .library-card-tags,.library-catalog-page .library-card-tag,.topic-detail-page .topic-catalog-grid .library-card-tags,.topic-detail-page .topic-catalog-grid .library-card-tag{min-height:22px}
 .library-catalog-page .library-card-tag,.topic-detail-page .topic-catalog-grid .library-card-tag{padding:2px 8px;font-size:12px;line-height:18px}
 .library-catalog-page .poster-duration,.topic-detail-page .topic-catalog-grid .poster-duration{height:24px;min-height:24px;padding:3px 8px}
 .library-catalog-page .pagination{max-width:343px;align-self:center;justify-content:space-between;flex-wrap:nowrap;gap:0;padding:0}
 .library-catalog-page .page-number{width:30px;min-width:30px;height:30px;padding:0 4px;font-size:14px;line-height:20px}
 .library-catalog-page .pagination-jump{display:none}
}

body.telegram-mini-app .library-catalog-page .page-shell{padding-left:max(var(--library-gutter),var(--jumu-telegram-safe-left,0px));padding-right:max(var(--library-gutter),var(--jumu-telegram-safe-right,0px))}
/* Keep the previous/next accessible names while rendering compact arrows. */
.library-catalog-page .pagination>.page-number:first-child,.library-catalog-page .pagination>.page-number:nth-last-child(2){font-size:0}
.library-catalog-page .pagination>.page-number:first-child::after,.library-catalog-page .pagination>.page-number:nth-last-child(2)::after{content:'';display:block;width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.library-catalog-page .pagination>.page-number:first-child::after{transform:rotate(180deg)}

/* Retain the reference scale as a minimum while keeping every text row visible. */
.library-catalog-page .drama-card,.topic-detail-page .topic-catalog-grid .library-card{height:auto;min-height:0}
.library-catalog-page .library-card-body,.topic-detail-page .topic-catalog-grid .library-card-body{height:auto}
.library-catalog-page .library-card-body>.card-title,.library-catalog-page .library-card-body>.library-card-subtitle,.library-catalog-page .library-card-body>.library-card-tags,.topic-detail-page .topic-catalog-grid .library-card-body>.card-title,.topic-detail-page .topic-catalog-grid .library-card-body>.library-card-subtitle,.topic-detail-page .topic-catalog-grid .library-card-body>.library-card-tags{flex-shrink:0}
@media(min-width:1024px){.library-catalog-page .drama-card,.topic-detail-page .topic-catalog-grid .library-card{min-height:min(519px,27.03125vw)}}
.library-catalog-page .route-tab{white-space:nowrap}
@media(min-width:768px){.library-catalog-page .route-tab{min-width:max-content}}

/* Topic descriptions can use the full model length without clipping the hero. */
.topic-detail-page .topic-hero{height:auto;min-height:220px;gap:24px}
.topic-detail-page .topic-hero>div{min-width:0;flex:1 1 0}
.topic-detail-page .topic-hero>strong{flex:0 0 auto}
.topic-detail-page .topic-hero h2,.topic-detail-page .topic-hero p,.topic-detail-page .route-head h1,.topic-detail-page .route-note{overflow-wrap:anywhere}
.topic-detail-page .topic-hero p{max-width:none}
@media(max-width:640px){.topic-detail-page .topic-hero{min-height:175px;gap:16px}}

/* Topic feeds share the safe card component; topic headings and pager stay scoped. */
.topic-detail-page .page-shell{max-width:none;width:100%;padding-inline:60px}
.topic-detail-page .topic-catalog-grid{width:100%;margin:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px;font-family:"Noto Sans SC","PingFang SC",sans-serif}
@media(min-width:1024px){.topic-detail-page .topic-catalog-grid{gap:min(24px,1.25vw) min(18px,.9375vw)}}
@media(min-width:768px) and (max-width:1023px){.topic-detail-page .page-shell{padding-inline:24px}.topic-detail-page .topic-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.topic-detail-page .page-shell{padding-inline:16px}.topic-detail-page .topic-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}}

/* Creator-owned currency histories reuse existing studio action controls. */
.creator-earnings-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px}.creator-earnings-pagination>div{display:flex;flex-wrap:wrap;gap:8px}.creator-earnings-pagination .source-note{margin:0}.creator-earnings-pagination button:disabled{cursor:default;opacity:.5}@media(max-width:640px){.creator-earnings-pagination{align-items:flex-start}.creator-earnings-pagination>div{width:100%}}

/* Topic directory ordinary structure from themeIndex.css v6. Scope excludes detail, library, columns and shared shell. */
.topics-page{min-height:0;padding:0;background:#0f0f0f;color:#fff}
.topics-page>.page-shell{width:100%;max-width:none;margin:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:min(24px,1.25vw);padding:min(36px,1.875vw) 60px min(18px,.9375vw)}
.topics-page .breadcrumbs{width:100%;min-width:0;margin:0;display:flex;align-items:center;gap:min(8px,.416667vw);overflow:hidden;color:rgba(255,255,255,.55);font:400 clamp(14px,.9375vw,18px)/1.333333 "PingFang SC","Noto Sans SC",sans-serif;white-space:nowrap}
.topics-page .breadcrumbs a,.topics-page .breadcrumbs span{color:inherit}
.topics-page .breadcrumbs a:hover,.topics-page .breadcrumbs a:focus-visible,.topics-page .breadcrumbs .is-current{color:#ec237f}
.topics-page .topic-directory-intro{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:min(24px,1.25vw)}
.topics-page .topic-directory-intro h1,.topics-page .topic-directory-intro p{width:100%;margin:0;overflow-wrap:anywhere;letter-spacing:normal}
.topics-page .topic-directory-intro h1{color:#fff;font:600 clamp(18px,1.25vw,24px)/1.333333 "PingFang SC","Noto Sans SC",sans-serif}
.topics-page .topic-directory-intro p{color:rgba(255,255,255,.55);font:400 clamp(13px,.833333vw,16px)/1.375 "PingFang SC","Noto Sans SC",sans-serif}
.topics-page .topic-directory-section-title{width:100%;margin:0;display:flex;align-items:center;gap:min(12px,.625vw);color:#fff;letter-spacing:normal;font:600 clamp(18px,1.25vw,24px)/1.333333 "PingFang SC","Noto Sans SC",sans-serif}
.topics-page .topic-directory-section-title>span{width:min(8px,.416667vw);height:min(22px,1.145833vw);flex:0 0 auto;background:#ec237f;border-radius:min(6px,.3125vw)}
.topics-page .topic-directory-grid{width:100%;margin:0}
.topics-page .topic-directory-body{box-sizing:border-box}
.topics-page .topic-directory-count{color:#ec237f;font-family:"PingFang SC","Noto Sans SC",sans-serif;font-weight:400}
.topics-page .topic-directory-body strong{font-family:"PingFang SC","Noto Sans SC",sans-serif}
@media(min-width:768px) and (max-width:1023px){
 .topics-page>.page-shell{padding:24px 24px 18px;gap:24px}
 .topics-page .topic-directory-intro{gap:18px}
}
@media(max-width:767px){
 .topics-page>.page-shell{padding:12px clamp(14px,4.266667vw,18px) 24px;gap:18px}
 .topics-page .breadcrumbs{gap:8px;font-size:12px;line-height:18px}
 .topics-page .topic-directory-intro{gap:12px}
 .topics-page .topic-directory-intro h1{font-size:16px;line-height:22px}
 .topics-page .topic-directory-intro p{font-size:12px;line-height:18px}
 .topics-page .topic-directory-section-title{gap:6px;font-size:16px;line-height:22px}
 .topics-page .topic-directory-section-title>span{width:4px;height:14px;border-radius:3px}
}