@charset "UTF-8";
:root{--yellow:#ffc83d;--orange:#f58a24;--gold:#dea447;--coral:#e97866;--purple:#9787d8;--blue:#76acc9;--mint:#72b9a1;--background:#fffdf8;--surface:#fff;--warm:#fff8ec;--title:#292826;--body:#403d38;--muted:#706b62;--border:#eae5dc;--dark:#242426;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.25;letter-spacing:-.03em}h1{font-size:clamp(30px,3.4vw,44px)}h2{font-size:clamp(24px,2.45vw,31px)}h3{font-size:20px}p{margin-bottom:1em}.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.section{padding-block:75px}.page{padding-top:52px;padding-bottom:90px;min-height:70vh}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#bd671a;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 24px;min-height:48px;border:1px solid var(--border);border-radius:9px;background:var(--yellow);font-weight:800;color:var(--title);transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px);background:#f3b920}.btn-dark{background:var(--dark);color:white;border-color:var(--dark)}.btn-dark:hover{background:#464042}.btn-outline{background:transparent;border-color:#b89c63}.btn-outline:hover{background:#fff7e2}.inline-more{font-weight:800;color:#a84e08;display:inline-flex;gap:8px}.inline-more:hover{text-decoration:underline}.skip{position:absolute;left:8px;top:-80px;background:#fff;padding:10px;z-index:500}.skip:focus{top:8px}.site-header{background:rgba(255,253,248,.96);position:relative;z-index:30;border-bottom:1px solid #f1e7d8}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:125px;max-height:46px;object-fit:contain}.brand:has(img) .brand-mark{display:none}.brand-mark{font-size:37px;color:#e69123;line-height:1}.brand strong{display:block;font-size:20px;line-height:1.2;color:#292826}.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:.16em;color:#a16d38;line-height:1.4}.desktop-nav,.header-actions{display:flex;align-items:center;gap:27px}.desktop-nav a{font-size:14px;font-weight:750;white-space:nowrap}.desktop-nav a:hover,.search-link:hover{color:#bc600a}.header-actions{gap:18px}.search-link{font-weight:700;font-size:14px}.menu-button{display:none;border:0;background:none;font-size:25px;min-width:44px;min-height:44px}.category-strip{border-bottom:1px solid var(--border);background:white}.category-inner{display:flex;align-items:center;gap:25px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;height:49px}.category-inner a{font-size:13px;font-weight:680}.category-inner a:hover{color:#c26011}.cat-caption{font-size:11px;color:#a98b69;font-weight:800;letter-spacing:.1em}.drawer,.drawer-overlay{display:none}.hero{background:linear-gradient(125deg,#ffefbb,#ffe1a7 48%,#f6b85a);overflow:hidden}.hero-grid{min-height:425px;display:grid;grid-template-columns:47% 53%;align-items:stretch}.hero-copy{padding:72px 45px 60px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy h1{font-size:clamp(35px,3.6vw,51px);max-width:560px;line-height:1.2;margin-bottom:24px}.hero-copy h1 em{font-style:normal;color:#b94d09}.hero-copy>p{max-width:530px;font-size:16px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:14px}.hero-counter{display:flex;align-items:baseline;gap:9px;margin-top:35px;font-size:11px;color:#6e5131}.hero-counter strong{font-size:25px;line-height:1}.hero-counter i{height:18px;width:1px;background:#ae8a5c;margin-inline:10px}.hero-art{position:relative;align-self:stretch;min-height:390px;display:flex;align-items:center;justify-content:center;padding:32px 0 56px 24px}.hero-art-inner{height:320px;width:100%;position:relative;border-radius:95px 10px 95px 10px;overflow:hidden;background:radial-gradient(circle at 64% 35%,#efb94f 0 13%,transparent 13.4%),linear-gradient(125deg,#504453 10%,#3e3845 60%,#d97639);box-shadow:0 25px 45px #ab6e3166}.hero-art-inner img{width:100%;height:100%;object-fit:cover;display:block}.hero-art-inner:has(img) .art-symbol{display:none}.art-symbol{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffc83d;font-size:140px;line-height:1}.art-symbol small{color:#ffe8c8;font-size:11px;letter-spacing:.4em;line-height:2}.hero-art-caption{position:absolute;bottom:31px;left:15%;right:7%;display:flex;align-items:center;gap:15px;background:#fffdf1;padding:11px 17px;border-radius:8px;box-shadow:0 7px 25px #56452930;font-size:12px}.hero-art-caption span{color:#aa6718}.hero-art-caption strong{font-size:15px}.hero-art-caption a{margin-left:auto;color:#ad5616;font-weight:800}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{margin:0}.section-heading>p{color:var(--muted);font-size:14px;max-width:320px;margin:0}.genre-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.genre{position:relative;display:flex;flex-direction:column;min-height:145px;border:1px solid var(--border);border-radius:13px;padding:20px 20px 18px;background:#fef5dd}.genre b{font-size:12px;color:#a9774d}.genre strong{font-size:20px;color:#292826;margin-top:5px}.genre small{font-size:12px;color:#66605b;max-width:90%;line-height:1.5;margin-top:7px}.genre span{position:absolute;right:18px;top:17px;font-size:20px}.genre-1,.genre-6{background:#efedfc}.genre-2{background:#f9e9e5}.genre-3{background:#eaf5ed}.genre-4{background:#e7eff5}.genre-5{background:#fff0d7}.genre-7{background:#e7f5f4}.split-feature{display:grid;grid-template-columns:42% 58%;min-height:450px;border-radius:18px;overflow:hidden;background:white;border:1px solid var(--border)}.feature-visual{position:relative;min-height:410px;background:linear-gradient(150deg,#3e445a,#ad675b,#e9b76a);display:flex;align-items:center;justify-content:center}.feature-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.feature-visual>span{position:absolute;top:22px;left:23px;color:#fff;font-weight:750;font-size:12px;letter-spacing:.14em}.feature-text{align-self:center;padding:40px 7%;}.feature-text h2{font-size:36px}.feature-text p{font-size:15px}.feature-lead{font-size:19px!important;font-weight:700;color:#4d4133}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.tags span,.tags a{padding:5px 11px;border-radius:50px;background:#fff4de;font-size:12px;color:#8b4a16;font-weight:750}.warm-band{background:#fff5e7}.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.poster-card{background:white;border:1px solid var(--border);border-radius:13px;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}.poster-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #3a302018}.poster{aspect-ratio:3/3.65;overflow:hidden;position:relative;background:linear-gradient(140deg,#563a52,#8d5d7a,#f2ac65)}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster-label{position:absolute;top:13px;left:12px;background:#fff8e9e6;border-radius:4px;color:#745019;font-size:10px;font-weight:800;padding:4px 9px}.poster-2,.poster-10,.poster-18{background:linear-gradient(140deg,#506e95,#9db8d1,#ebca92)}.poster-3,.poster-12,.poster-23{background:linear-gradient(140deg,#8c6f89,#d5adcb,#f5dfa7)}.poster-4,.poster-11,.poster-24{background:linear-gradient(140deg,#526d66,#90a984,#e7c58b)}.poster-5,.poster-15,.poster-21{background:linear-gradient(140deg,#795053,#d8a4a0,#f0dfc5)}.poster-6,.poster-13,.poster-22{background:linear-gradient(140deg,#303f52,#6a839a,#f1b67e)}.poster-7,.poster-14,.poster-17{background:linear-gradient(140deg,#1a4e65,#59889c,#b9b5b2)}.poster-8,.poster-16,.poster-20{background:linear-gradient(140deg,#775897,#bb8fc3,#f9c46d)}.poster-info{padding:17px}.poster-info small{color:#a36a39;font-size:11px;font-weight:750}.poster-info h3{font-size:18px;margin:6px 0}.poster-info p{font-size:12px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.magazine-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:45px}.wide-copy{max-width:670px;color:var(--muted)}.theme-stack{display:grid;gap:13px;margin-top:28px}.theme-card{display:grid;grid-template-columns:125px 1fr;gap:20px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;padding:10px}.theme-picture{background:linear-gradient(120deg,#de9863,#c1b5ba,#536275);position:relative;overflow:hidden;min-height:100px;border-radius:8px}.theme-picture img,.theme-detail-picture img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.theme-card small{font-size:11px;color:#bb681b;font-weight:800}.theme-card h3{font-size:19px;margin:3px 0 5px}.theme-card p{font-size:13px;color:var(--muted);margin:0}.editor-note{padding:35px;background:#fff3d4;border-radius:17px;align-self:start}.editor-note>span{font-size:11px;font-weight:800;color:#aa6a2e;letter-spacing:.1em}.editor-note h3{font-size:29px;margin:24px 0}.editor-note p{font-size:15px}.editor-note a{font-weight:800;color:#a7550c}.dark-section{background:#28272c;color:#ddd5ca}.section-heading.light h2,.dark-section h3{color:white}.section-heading.light .eyebrow{color:#ffce71}.dark-section .section-heading p{color:#bbb3ae}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.world-card{padding:34px;min-height:265px;border:1px solid #51494d;background:#36343a;border-radius:15px}.world-card small{color:#f9be73}.world-card h3{font-size:26px;margin:15px 0}.world-card p{color:#cec8c5;font-size:14px}.world-card span{color:#ffcf8c;font-weight:750;font-size:13px}.mint-band{background:#e7f3ee}.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.lab-layout p{max-width:530px}.lab-steps{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lab-steps span{padding:27px 16px;background:white;border:1px solid #d6e7df;border-radius:11px;font-weight:800;color:#405d52}.tri-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tri-features>a{background:white;border-top:4px solid var(--orange);padding:25px;border-radius:8px;box-shadow:0 4px 22px #6f62500b}.tri-features>a:nth-child(2){border-color:var(--purple)}.tri-features>a:nth-child(3){border-color:var(--blue)}.tri-features small{color:#a86c31}.tri-features span{font-weight:800;color:#b8691a}.article-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.article-preview>a{padding:30px 25px;background:#fff;border:1px solid var(--border);border-radius:12px}.article-preview span,.article-preview b{font-size:12px;color:#b46a2e}.article-preview h3{font-size:23px;margin-top:18px}.article-preview p{font-size:14px;color:var(--muted)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.discover{display:flex;align-items:center;justify-content:space-between;gap:60px}.discover>div{max-width:480px}.search-form{width:45%}.search-form label,.big-search label{font-weight:750;font-size:13px;display:block;margin-bottom:9px}.search-form>div,.big-search>div{display:flex;background:white;border:1px solid var(--border);padding:6px;border-radius:10px}.search-form input,.big-search input{min-width:0;flex:1;border:0;outline:0;padding:10px 14px;background:transparent}.service-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#f2eee8;border-radius:12px;padding:21px 27px;margin-bottom:65px;font-size:13px}.service-strip p{margin:0}.service-strip a{white-space:nowrap;font-weight:800;color:#a65d17}.site-footer{background:var(--dark);color:#f6f0e5;padding-top:55px}.site-footer h2,.site-footer h3{color:#fff}.site-footer h2{font-size:27px}.site-footer h3{font-size:16px}.site-footer p{font-size:13px;color:#c5c0b7;max-width:410px}.footer-layout{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:50px;padding-bottom:45px}.footer-layout section:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-layout a{color:#d8d0c2;font-size:13px}.footer-layout a:hover{color:#ffc83d}.foot-bottom{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid #474347;font-size:11px;color:#b8b0a2}.mobile-bottom{display:none}.back-top{position:fixed;right:18px;bottom:22px;background:#ffc83d;border:0;border-radius:50%;width:43px;height:43px;font-size:20px;z-index:20;display:none;box-shadow:0 4px 20px #493b2550}.back-top.show{display:block}.page-intro{max-width:770px;margin-bottom:43px}.page-intro h1{margin-bottom:20px}.page-intro p{color:var(--muted);font-size:17px}.filter-area{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0;margin-bottom:37px;display:flex;justify-content:space-between;gap:25px;align-items:center}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chips a{border:1px solid var(--border);background:white;padding:5px 14px;border-radius:40px;font-size:13px;font-weight:700}.filter-chips a.active,.filter-chips a:hover{background:#ffd66c;border-color:#e8b64e}.sort-form{display:flex;align-items:center;gap:10px;white-space:nowrap}.sort-form label{font-size:12px;color:var(--muted)}.sort-form select{border:1px solid var(--border);background:white;border-radius:6px;padding:7px}.library-highlights{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;margin-bottom:42px}.library-highlights>div,.library-highlights>a{background:#ffedc9;padding:35px;border-radius:12px}.library-highlights>a{background:#eee9fa}.library-highlights small{color:#a46521;font-weight:750}.library-highlights p{font-size:14px}.library-highlights span{color:#9e5425;font-weight:800}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 22px}.results-heading h2{margin:0}.results-heading h2 small{font-size:13px;color:var(--muted);font-weight:500}.results-heading p{font-size:13px;color:var(--muted);margin:0}.pagination{display:flex;gap:8px;justify-content:center;margin:45px 0}.pagination a{padding:6px 14px;background:#fff;border:1px solid var(--border);border-radius:8px}.pagination a[aria-current]{background:var(--yellow);font-weight:800}.related-banner{margin:70px 0 0;padding:35px 40px;background:#fff2d8;border-radius:15px}.related-banner h2{font-size:25px}.related-banner p{font-size:14px}.crumb{font-size:12px;color:var(--muted);padding-top:30px;padding-bottom:20px}.crumb a{color:#a15b21}.drama-hero{display:grid;grid-template-columns:33% 1fr;gap:6%;align-items:center;margin-bottom:66px}.drama-cover{position:relative;min-height:440px;aspect-ratio:3/3.8;border-radius:17px;overflow:hidden;background:#675670}.drama-cover img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.drama-cover span{position:absolute;top:20px;left:20px;color:#fff;background:#282226c9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;letter-spacing:.12em}.drama-summary h1{font-size:clamp(32px,4vw,52px)}.story-tagline{font-size:18px;color:#615951}.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.facts>div{border-bottom:1px solid var(--border);padding-bottom:10px}.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:0;font-size:14px;font-weight:700}.truth-note{font-size:12px;color:var(--muted);margin-top:16px}.drama-layout,.article-body-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(220px,1fr);gap:70px}.prose{max-width:800px}.prose section{margin-bottom:52px}.prose p{font-size:16px;line-height:1.85}.prose h2{margin-bottom:19px}.prose h3{font-size:19px}.prose blockquote{background:#fff3dc;border-left:4px solid #e4a43d;padding:21px;margin:20px 0;font-size:18px;font-weight:750}.character-list{display:grid;gap:10px}.character-list>div{display:flex;gap:18px;background:white;border:1px solid var(--border);padding:20px;border-radius:10px}.character-list span{color:#b87c37;font-size:27px}.character-list h3{margin:0 0 7px}.character-list p{margin:0;font-size:14px}.episodes{border-top:1px solid var(--border)}.episodes details{border-bottom:1px solid var(--border);background:white}.episodes summary{list-style:none;display:flex;gap:18px;align-items:center;padding:18px 14px;cursor:pointer}.episodes summary::-webkit-details-marker{display:none}.episodes summary span{color:#ac6b28;font-weight:800;font-size:12px}.episodes summary strong{flex:1}.episodes summary b{font-weight:600;font-size:12px;color:#886644}.episodes details>p{padding:0 19px 20px 49px;margin:0;font-size:14px}.drama-side{padding-top:5px}.side-box{background:#fff;border:1px solid var(--border);border-radius:12px;padding:23px;margin-bottom:20px}.side-box h3{font-size:17px}.side-box a{display:block;font-size:13px;border-top:1px solid var(--border);padding:10px 0}.side-box.notice{background:#fff7e8;font-size:13px}.side-box.notice p{margin:12px 0 0}.themes-list{display:grid;gap:23px}.large-theme{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:18px}.large-theme.reverse .theme-picture{order:2}.large-theme>.theme-picture{height:290px;border-radius:12px;background:linear-gradient(140deg,#5d6177,#ba92a5,#edc780)}.large-theme>.theme-picture span{position:absolute;top:20px;left:20px;color:#fff;font-weight:800;font-size:12px}.large-theme h2{font-size:30px}.large-theme p{font-size:15px;line-height:1.8;color:#615b55}.theme-detail-hero{text-align:center;padding:45px 0 35px}.theme-detail-hero h1{font-size:clamp(36px,5vw,62px)}.theme-detail-hero>p{font-size:18px;max-width:760px;margin-inline:auto}.theme-detail-picture{height:340px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(120deg,#717282,#e3c39e);margin-top:30px}.theme-prose{margin:35px auto 70px}.studio-hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:20px 0 55px}.studio-hero h1{font-size:clamp(36px,4.2vw,57px)}.studio-image{min-height:280px;border-radius:18px;position:relative;overflow:hidden;background:radial-gradient(circle at 68% 48%,#e7bb7b 0 14%,transparent 14.5%),linear-gradient(130deg,#3d3d5d,#97789a,#e4ad78)}.studio-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.studio-image span{position:absolute;bottom:20px;left:25px;color:white;font-size:13px;letter-spacing:.18em;font-weight:800}.studio-process{background:#292b35;color:#fff;border-radius:12px;padding:22px;display:flex;align-items:center;justify-content:space-evenly;gap:12px;flex-wrap:wrap;margin-bottom:70px;font-size:13px;font-weight:750}.studio-process b{color:#ffc66a}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.article-grid>a{min-height:210px;padding:29px;background:#fff;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column}.article-grid small{font-size:12px;color:#a66524}.article-grid h3{font-size:24px;margin:15px 0}.article-grid p{font-size:14px;color:var(--muted)}.article-grid span{font-weight:800;color:#ab5b1c;margin-top:auto;font-size:13px}.article-head{max-width:820px;padding:45px 0}.article-head h1{font-size:clamp(33px,4vw,50px)}.article-head p{font-size:19px;color:var(--muted)}.longread .lead{font-size:19px;font-weight:600;color:#53483d}.longread section{margin-bottom:43px}.longread section p{line-height:1.95}.article-end{border-top:1px solid var(--border);padding:20px 0}.search-page{max-width:1170px}.big-search{max-width:850px}.big-search>div{padding:7px}.search-suggestions{margin:50px 0}.search-results{margin:20px 0;display:grid;gap:13px}.search-results a{border:1px solid var(--border);background:white;border-radius:10px;padding:20px 25px}.search-results small{font-weight:800;color:#a36c32}.search-results h3{margin:6px 0;font-size:21px}.search-results p{font-size:14px;color:var(--muted);margin:0}.search-results span{font-size:12px;font-weight:800;color:#9f551c}.empty-results{margin:40px 0;padding:48px;background:#fff4e2;border-radius:13px}.about-layout{display:grid;grid-template-columns:205px minmax(0,800px);gap:60px;align-items:start}.about-menu{position:sticky;top:22px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px}.about-menu a{padding:9px 11px;font-size:13px}.about-menu a:hover{color:#bd6d1c;background:#fff5e4}.about-content section{border-bottom:1px solid var(--border);padding-bottom:35px}.about-content code{background:#fff0cc;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
@media(max-width:1100px){.desktop-nav{gap:16px}.wrap{width:min(100% - 44px,1280px)}.hero-copy{padding-right:20px}.magazine-layout,.drama-layout,.article-body-layout{gap:35px}.genre-grid{grid-template-columns:repeat(4,1fr)}.poster-grid{gap:14px}.large-theme{gap:24px}.large-theme>.theme-picture{height:260px}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.section{padding-block:55px}.desktop-nav{display:none}.menu-button{display:block}.category-inner{gap:20px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:48px 0 18px}.hero-art{min-height:260px;padding:6px 0 45px}.hero-art-inner{height:250px}.hero-art-caption{bottom:20px}.genre-grid{grid-template-columns:repeat(2,1fr)}.split-feature{grid-template-columns:42% 58%}.feature-text{padding:25px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.magazine-layout,.lab-layout{grid-template-columns:1fr}.world-grid{grid-template-columns:repeat(2,1fr)}.theme-grid,.tri-features{grid-template-columns:1fr 1fr}.discover{flex-direction:column;align-items:stretch;gap:20px}.search-form{width:100%}.filter-area{flex-direction:column;align-items:flex-start}.drama-hero{grid-template-columns:38% 1fr;gap:4%}.drama-cover{min-height:300px}.drama-layout,.article-body-layout{grid-template-columns:1fr}.drama-side{display:none}.large-theme>.theme-picture{height:220px}.about-layout{grid-template-columns:1fr}.about-menu{position:static;display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap}.drawer-overlay{display:block;position:fixed;inset:0;background:#17141acc;z-index:50}.drawer-overlay[hidden]{display:none}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(315px,85%);background:#fffdf8;box-shadow:-12px 0 35px #0002;z-index:51;padding:65px 27px 30px;display:flex;flex-direction:column;gap:8px;transform:translateX(110%);transition:transform .2s ease;visibility:hidden}.drawer.open{transform:translateX(0);visibility:visible}.drawer a{padding:10px;border-bottom:1px solid var(--border)}.drawer-close{position:absolute;right:15px;top:15px;border:0;background:transparent;font-size:26px;width:44px;height:44px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffdf8;z-index:19;border-top:1px solid var(--border);justify-content:space-around;align-items:center;height:58px;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{font-size:12px;font-weight:800}.site-footer{padding-bottom:70px}.back-top{bottom:72px}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.site-header .header-inner{height:66px}.search-link span{display:none}.brand strong{font-size:18px}.hero-copy h1{font-size:36px}.hero-copy{padding:44px 0 15px}.hero-art{min-height:220px}.hero-art-inner{height:200px;border-radius:60px 9px 60px 9px}.hero-art-caption{left:6%;right:4%;gap:7px;font-size:10px}.hero-art-caption strong{font-size:12px}.section-heading{align-items:start;flex-direction:column;gap:12px}.genre-grid{gap:10px}.genre{padding:15px;min-height:138px}.genre strong{font-size:17px}.genre small{font-size:11px}.split-feature{grid-template-columns:1fr}.feature-visual{min-height:300px}.feature-text{padding:27px}.feature-text h2{font-size:29px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.poster-info{padding:13px}.poster-info h3{font-size:16px}.poster{aspect-ratio:3/4}.poster-label{font-size:9px}.magazine-layout,.world-grid,.lab-layout,.tri-features,.theme-grid,.article-preview,.footer-layout,.library-highlights,.article-grid,.studio-hero{grid-template-columns:1fr}.world-card{min-height:0}.theme-card{grid-template-columns:95px 1fr;gap:13px}.theme-card h3{font-size:17px}.theme-card p{font-size:12px}.editor-note{padding:25px}.lab-steps{grid-template-columns:1fr 1fr}.lab-steps span{padding:15px;font-size:12px}.discover h2{font-size:25px}.search-form>div,.big-search>div{flex-wrap:wrap}.search-form input,.big-search input{width:100%;flex-basis:100%}.search-form button,.big-search button{width:100%}.service-strip,.foot-bottom{flex-direction:column;align-items:flex-start}.foot-bottom{gap:6px}.footer-layout{gap:20px}.footer-layout section:not(:first-child){gap:4px}.footer-layout section:not(:first-child) a{padding:3px 0}.page{padding-top:32px}.page-intro p{font-size:15px}.sort-form{width:100%;justify-content:space-between}.results-heading h2{font-size:23px}.drama-hero{grid-template-columns:1fr;gap:24px}.drama-cover{width:min(100%,350px);margin:auto;min-height:330px}.drama-summary h1{font-size:33px}.facts{grid-template-columns:1fr 1fr}.episodes summary{gap:10px}.episodes summary b{font-size:10px}.large-theme,.large-theme.reverse{grid-template-columns:1fr;gap:16px}.large-theme.reverse .theme-picture{order:0}.large-theme>.theme-picture{height:200px}.large-theme h2{font-size:25px}.large-theme p{font-size:14px}.theme-detail-picture{height:220px}.theme-detail-hero{padding:25px 0}.studio-process{justify-content:start;gap:8px;font-size:11px}.studio-process span{white-space:nowrap}.article-head{padding:30px 0}.prose p{font-size:15px}.related-banner{padding:25px}.about-menu{gap:4px}.brand img{width:85px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}