@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav a{font-size:10px}.header-inner{gap:18px;padding:0 22px}.hero-stage{padding-left:22px;padding-right:22px}.hero-visual{height:460px}.poster-main{left:12%}.poster-side{right:5%}.work-grid-four{grid-template-columns:repeat(2,1fr)}.work-grid-four .work-art{height:290px}.section{padding-top:75px;padding-bottom:75px}.category-tile{min-height:190px}.footer-top{gap:3%}}
@media(max-width:900px){.desktop-nav,.header-favorite,.header-app{display:none}.menu-toggle{display:block;font-size:12px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:7px 12px}.mobile-nav{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:var(--cream);box-shadow:var(--shadow);padding:8px 0}.mobile-nav:not([hidden]){display:flex}.header-inner{padding:0 24px}.hero-stage{grid-template-columns:1fr;min-height:auto;padding-top:45px}.hero-copy{padding-bottom:30px}.hero-visual{height:430px;width:min(600px,100%);margin:0 auto}.hero-bottom{margin-top:30px}.feature-split,.ai-feature,.collection-banner,.app-preview{grid-template-columns:1fr}.feature-art{height:370px;max-width:550px;width:100%;margin:auto}.feature-text{padding:15px 0}.ai-feature{padding-left:30px;padding-right:30px}.ai-feature-visual{max-width:600px;width:100%;margin:auto}.mosaic-layout{grid-template-columns:1fr .8fr}.vertical-heading{min-height:330px}.update-section,.topic-section,.faq-preview{grid-template-columns:1fr;gap:35px}.update-title h2 br{display:none}.collection-art{max-width:550px;width:100%;margin:auto}.browse-guide{grid-template-columns:.8fr 1.2fr;gap:5%}.app-preview-visual{max-width:600px;width:100%;margin:auto}.footer-top{grid-template-columns:1.4fr 1fr 1fr;row-gap:35px}.footer-brand{grid-column:1/-1}.detail-hero{grid-template-columns:.7fr 1.3fr;gap:5%}.detail-art{height:350px}.reader-layout{grid-template-columns:1fr 180px;gap:5%}}
@media(max-width:680px){body{font-size:14px;padding-bottom:58px}.site-header{height:64px}.header-inner{padding:0 17px}.brand{font-size:15px}.brand-mark{width:34px;height:34px}.mobile-nav{top:64px}.header-actions{gap:10px}.hero-stage{padding:35px 18px 0}.hero-copy h1{font-size:49px}.hero-lead{font-size:13px}.hero-search{padding-left:12px}.hero-search input{font-size:10px;padding:9px 7px}.hero-search button{font-size:10px;padding:10px 12px}.hero-proof{gap:12px;font-size:9px}.hero-visual{height:360px;border-radius:48% 48% 20px 20px}.poster-main{width:190px;height:285px;left:13%;top:45px;padding:18px}.poster-main b{font-size:27px}.poster-side{width:120px;height:205px;right:6%;top:135px;padding:15px}.poster-side b{font-size:19px}.hero-bottom{align-items:flex-start;gap:12px;flex-wrap:wrap;padding:15px 0}.hero-bottom>div{order:3;width:100%;gap:15px;flex-wrap:wrap}.hero-index{margin-left:auto}.ticker-band{padding:14px 18px;gap:10px}.ticker-band p{font-size:10px}.ticker-band>span:first-child{display:none}.section{padding:60px 18px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px}.section-heading h2,.vertical-heading h2,.topic-intro h2,.community-head h2,.faq-preview h2{font-size:30px}.category-ribbon{grid-template-columns:repeat(2,1fr);gap:9px}.category-tile{min-height:175px;padding:17px}.category-tile strong{font-size:18px}.category-tile small{font-size:10px}.feature-art{height:300px}.feature-text h2{font-size:37px}.work-grid-four,.work-grid-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.work-grid-four .work-art,.work-art{height:190px}.work-copy{padding:12px 1px}.work-copy h3{font-size:14px}.work-copy p{font-size:10px}.ai-feature{padding:55px 18px}.ai-feature-copy h2{font-size:38px}.ai-feature-visual{height:300px}.ai-frame{width:105px;height:150px;padding:12px}.ai-frame b{font-size:19px}.frame-a{left:4%}.frame-b{left:36%;top:90px}.frame-c{right:2%}.ai-ring{width:250px;height:250px}.mosaic-layout{grid-template-columns:1fr}.mosaic-large{height:300px}.mosaic-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr;min-height:170px}.mosaic-quote{padding:18px}.mosaic-quote p{font-size:15px}.mosaic-mini{padding:18px}.mosaic-mini b{font-size:18px}.vertical-section{padding-left:18px;padding-right:18px}.vertical-heading{grid-template-columns:1fr .6fr;min-height:300px}.vertical-device{width:145px;height:250px;border-width:5px;padding:5px}.device-screen{border-radius:20px;padding:25px 10px 12px}.device-screen b{font-size:19px}.vertical-rail{grid-template-columns:1fr}.work-compact{grid-template-columns:90px 1fr}.work-compact .work-art{height:120px}.update-section{gap:25px}.update-title h2{font-size:34px}.update-list a{grid-template-columns:65px 1fr 15px;gap:8px}.update-list a span{display:none}.update-list strong{font-size:11px}.collection-banner{padding:55px 18px}.collection-banner h2{font-size:37px}.collection-art{height:230px}.collection-card{width:110px;height:160px;font-size:18px}.card-one{left:5%;top:45px}.card-two{left:37%;top:5px}.card-three{right:3%;top:55px}.author-row{grid-template-columns:1fr}.author-card{padding-top:16px}.topic-section{padding-left:18px;padding-right:18px}.topic-line{grid-template-columns:28px 1fr 18px;gap:8px}.topic-line small{display:none}.topic-line strong{font-size:12px}.community-head{align-items:flex-start;flex-direction:column}.community-cards{grid-template-columns:1fr}.community-cards article{min-height:0}.browse-guide{grid-template-columns:1fr;gap:25px}.guide-illustration{height:220px;max-width:360px;width:100%;margin:auto}.guide-copy h2,.app-preview h2{font-size:33px}.guide-links{gap:14px}.app-preview{padding:55px 18px}.app-preview-visual{height:220px}.app-window{width:250px;height:165px}.faq-preview{gap:25px}.closing-stage{padding:60px 18px}.closing-stage h2{font-size:42px}.closing-flower{font-size:100px;margin:0}.site-footer{padding:45px 18px 18px}.footer-top{grid-template-columns:1fr 1fr;gap:28px 15px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;line-height:1.7}.footer-bottom span:nth-child(2){order:3;width:100%}.mobile-dock{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;height:58px;background:rgba(255,254,248,.97);border-top:1px solid var(--line);justify-content:space-around;align-items:center;backdrop-filter:blur(14px)}.mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:0;font-size:18px;color:var(--mauve-deep);line-height:1.2}.mobile-dock small{font-size:9px;color:var(--ink-3)}.breadcrumb{padding:17px 18px 0}.page-intro{padding:35px 18px;min-height:220px}.page-intro h1{font-size:39px}.page-intro p{font-size:12px}.page-intro-visual{width:110px;height:130px}.page-intro-visual .visual-fallback{font-size:40px}.intro-orbit{width:115px;height:115px;margin-right:0;flex:none}.intro-orbit:before{inset:12px}.intro-orbit:after{inset:28px}.interest-grid{grid-template-columns:repeat(2,1fr);gap:10px}.interest-tile{padding:17px;min-height:210px}.interest-tile h2{font-size:19px}.interest-tile p{font-size:10px}.rank-list>a{grid-template-columns:40px 1fr 15px;gap:10px}.rank-no{font-size:24px}.rank-list h3{font-size:14px}.rank-list p{font-size:10px}.editorial-item{grid-template-columns:38px 1fr;gap:12px}.editorial-item>span{font-size:22px}.editorial-item h2{font-size:19px}.editorial-item p{font-size:11px}.editorial-meta{flex-direction:column}.contributor-grid,.policy-grid{grid-template-columns:1fr}.notice-panel{padding:20px;gap:12px}.notice-panel h2{font-size:18px}.three-steps,.help-columns{grid-template-columns:1fr}.split-info,.contact-panel{grid-template-columns:1fr;gap:25px}.device-showcase{height:280px}.faq-list summary{font-size:12px;gap:12px}.faq-list details p{margin-left:30px}.category-feature{align-items:flex-start;padding:20px}.category-feature h2{font-size:20px}.category-stat{min-width:72px;padding-left:12px}.category-stat strong{font-size:30px}.category-stat small{display:none}.detail-hero{grid-template-columns:1fr;padding:0 18px;gap:25px;margin-top:20px}.detail-art{height:280px;width:min(330px,100%);margin:auto}.detail-copy h1{font-size:34px}.detail-lead{font-size:13px}.detail-body{grid-template-columns:1fr;gap:25px}.detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-aside>a{grid-column:1/-1}.reader-header{padding:0 18px;margin-top:30px}.reader-header h1{font-size:34px}.reader-meta{flex-direction:column;gap:5px}.reader-layout{grid-template-columns:1fr}.reader-aside{position:static;order:-1;display:flex;flex-direction:row;flex-wrap:wrap;border-left:0;border-bottom:1px solid var(--line);padding:0 0 15px}.reader-aside .eyebrow{width:100%}.aside-work{width:100%}.reader-visual{height:170px;padding:22px}.reader-visual-mark{font-size:48px}.reader-visual>span{font-size:8px}.shelf-grid{grid-template-columns:1fr}.shelf-toolbar h2{font-size:22px}.shelf-toolbar .button{font-size:10px;padding:8px 12px}.search-dialog{padding:42px 20px 25px}.search-dialog h2{font-size:25px}.search-dialog form{border-radius:18px;flex-wrap:wrap}.search-dialog input{flex-basis:100%}.search-dialog form .button{width:100%}.result-search{border-radius:16px;flex-wrap:wrap}.result-search input{flex-basis:100%}.result-search button{width:100%}.work-grid-three .work-art{height:170px}.error-page h1{font-size:24px}}
@media(max-width:380px){.hero-copy h1{font-size:43px}.hero-proof{font-size:8px}.work-grid-four,.work-grid-three{grid-template-columns:1fr}.work-grid-four .work-art,.work-art{height:230px}.page-intro-visual{width:85px;height:110px}.vertical-heading{grid-template-columns:1fr .5fr}.vertical-device{width:125px;height:220px}}

.genre-atlas{background:#F7F1E2;max-width:none;padding-left:max(30px,calc((100% - 1260px)/2));padding-right:max(30px,calc((100% - 1260px)/2))}.genre-atlas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.genre-atlas-grid a{min-height:150px;padding:20px;background:#FFFEF8;border-radius:var(--radius-card);display:flex;flex-direction:column;justify-content:space-between}.genre-atlas-grid a:nth-child(2){background:#E9EEE2}.genre-atlas-grid a:nth-child(3){background:#F5E6D5}.genre-atlas-grid b{font-size:10px;color:#C39A31}.genre-atlas-grid strong{font-size:19px}.genre-atlas-grid span{font-size:10px;color:var(--ink-3)}.craft-method{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}.craft-method h2,.series-panel h2,.creator-lab h2,.mood-selector h2,.device-tips h2{font-size:clamp(30px,3.5vw,43px);line-height:1.3;letter-spacing:-.05em;margin:12px 0}.craft-method-copy p,.series-panel p,.creator-lab-top p{font-size:12px;color:var(--ink-2);line-height:2;max-width:400px}.craft-steps{border-top:1px solid var(--line)}.craft-steps div{display:grid;grid-template-columns:85px 1fr 1fr;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.craft-steps span,.craft-steps small{font-size:9px;color:var(--ink-3)}.craft-steps b{font-size:14px}.series-spotlight{background:#E9EEE2;max-width:none;padding-left:max(30px,calc((100% - 1260px)/2));padding-right:max(30px,calc((100% - 1260px)/2));display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.series-panel p{max-width:420px}.series-index a{display:grid;grid-template-columns:110px 1fr 20px;gap:12px;padding:20px 0;border-bottom:1px solid rgba(61,56,45,.15);align-items:center}.series-index a:first-child{border-top:1px solid rgba(61,56,45,.15)}.series-index span{font-size:8px;color:var(--mauve-deep);letter-spacing:.1em}.series-index b{font-size:13px}.series-index i{font-style:normal}.creator-lab-top{max-width:650px;margin-bottom:30px}.memo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.memo-cards article{padding:26px;background:#F4EACD;border-radius:var(--radius-card);min-height:190px}.memo-cards article:nth-child(2){background:#E9EEE2}.memo-cards article:nth-child(3){background:#F6E7D7}.memo-cards span{font-size:9px;color:var(--mauve-deep);letter-spacing:.13em}.memo-cards h3{font-size:20px;margin:25px 0 8px}.memo-cards p{font-size:11px;color:var(--ink-2);line-height:1.9}.mood-selector{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center;background:#F7F1E2;max-width:none;padding-left:max(30px,calc((100% - 1260px)/2));padding-right:max(30px,calc((100% - 1260px)/2))}.mood-pills{display:flex;flex-wrap:wrap;gap:10px}.mood-pills a{background:#FFFEF8;border:1px solid var(--line);border-radius:var(--radius-pill);padding:12px 18px;font-size:11px}.mood-pills b{color:#C39A31;margin-left:15px}.device-tips{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}.device-tips-art{height:260px;border-radius:150px 150px 15px 15px;background:linear-gradient(150deg,#D9C27C,#9DAF8D);padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.device-tips-art span{font-size:10px;letter-spacing:.2em}.device-tips-art b{font-size:24px;line-height:1.4}.device-tips ul{padding-left:18px;color:var(--ink-2);font-size:12px;line-height:2.2}.trust-strip{background:#3B3326;color:#fff;max-width:none;padding-left:max(30px,calc((100% - 1260px)/2));padding-right:max(30px,calc((100% - 1260px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.trust-strip .eyebrow{color:#E7C45D}.trust-strip h2{font-size:28px;line-height:1.4;margin:10px 0}.trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-points a{border-left:1px solid rgba(245,227,160,.3);padding:8px 14px;display:flex;flex-direction:column;gap:8px}.trust-points b{font-size:12px;color:#F5E3A0}.trust-points span{font-size:9px;color:rgba(255,255,255,.65)}
@media(max-width:680px){.genre-atlas,.series-spotlight,.mood-selector,.trust-strip{padding-left:18px;padding-right:18px}.genre-atlas-grid{grid-template-columns:repeat(2,1fr)}.genre-atlas-grid a{min-height:130px;padding:15px}.genre-atlas-grid strong{font-size:16px}.craft-method,.series-spotlight,.mood-selector,.device-tips,.trust-strip{grid-template-columns:1fr;gap:25px}.craft-steps div{grid-template-columns:65px 1fr}.craft-steps small{grid-column:2}.series-index a{grid-template-columns:90px 1fr 15px}.series-index b{font-size:11px}.memo-cards{grid-template-columns:1fr}.memo-cards article{min-height:0}.memo-cards h3{margin:15px 0 6px}.device-tips-art{height:210px;max-width:330px;width:100%;margin:auto}.trust-points{grid-template-columns:1fr}.trust-points a{border-left:0;border-top:1px solid rgba(245,227,160,.3);padding:13px 0}}