@charset "UTF-8";
:root{--background:#F4F3EF;--paper:#FFFDF9;--surface:#fff;--sage:#78917D;--sage-deep:#526D58;--sage-soft:#E6EEE6;--persimmon:#D87958;--persimmon-deep:#B9563A;--persimmon-soft:#F9E9E2;--coffee:#39332F;--coffee-deep:#24201D;--coffee-soft:#EDE8E2;--lavender:#9687A8;--lavender-soft:#F0EDF4;--ice:#7596A5;--ice-soft:#E9F1F3;--apricot:#D9B58D;--apricot-soft:#F7EFE4;--title:#302F2B;--body:#55534E;--muted:#77746E;--border:#E3E2DA;--divider:#EAE9E2}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--body);font:16px/1.7 Inter,"Noto Sans SC",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:74px;background:rgba(255,253,249,.94);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1340px)/2));position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;color:var(--coffee);font-weight:800;font-size:20px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--sage-deep)}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--sage);color:white;display:grid;place-items:center;font-size:23px}.mainnav{display:flex;gap:30px;font-size:14px}.mainnav a:hover,.footer a:hover{color:var(--persimmon-deep)}.search-short{border:1px solid var(--border);border-radius:99px;padding:8px 16px;font-size:13px}.menu-toggle,.mobile-menu{display:none}.shell{max-width:1340px;margin:auto;padding:0 30px}.hero{margin:34px 0 70px;min-height:420px;background:var(--sage-soft);border-radius:22px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative}.hero-copy{padding:65px 7%;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--sage-deep)}h1,h2,h3{color:var(--title);line-height:1.22;letter-spacing:-.035em}.hero h1{font-size:clamp(38px,4.3vw,58px);margin:20px 0}.hero h1 em{font-style:normal;color:var(--persimmon-deep)}.hero-copy>p{max-width:480px;font-size:17px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--persimmon);color:white;border:0;border-radius:8px;padding:12px 22px;font-weight:700;cursor:pointer}.button:hover{background:var(--persimmon-deep)}.text-link{font-size:14px;font-weight:700}.hero-note{margin-top:38px;color:var(--sage-deep);font-size:12px;letter-spacing:1px}.hero-art{position:relative;min-height:420px;background:linear-gradient(135deg,#e3e9df,#f4e8dc);display:grid;place-items:center}.art-orbit{width:320px;height:320px;border:1px solid rgba(82,109,88,.25);border-radius:50%;position:absolute}.art-paper{width:230px;height:300px;background:var(--paper);box-shadow:18px 20px 0 rgba(57,51,47,.08);transform:rotate(5deg);padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:var(--coffee)}.art-paper span{font-size:10px;letter-spacing:3px;color:var(--sage-deep)}.art-paper b{font-size:45px;line-height:1.2}.art-paper small{font-size:9px;letter-spacing:2px}.art-stamp{position:absolute;right:12%;bottom:14%;border:1px solid var(--persimmon);color:var(--persimmon-deep);padding:10px 14px;font-size:11px;transform:rotate(-9deg)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:54px 0 22px}.section-head h2{font-size:30px;margin:8px 0}.section-head p{margin:0;color:var(--muted)}.section-head>a{font-size:13px;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{min-height:170px;padding:22px;border-radius:13px;display:flex;flex-direction:column;gap:8px;border:1px solid transparent}.category-tile>span{font-size:24px}.category-tile b{color:var(--coffee);font-size:17px}.category-tile small{font-size:12px;line-height:1.6}.category-tile i{font-style:normal;font-size:11px;font-weight:700;margin-top:auto}.tone-sage{background:var(--sage-soft)}.tone-lavender{background:var(--lavender-soft)}.tone-orange{background:var(--persimmon-soft)}.tone-apricot{background:var(--apricot-soft)}.tone-ice{background:var(--ice-soft)}.editorial-band{margin:76px 0;background:var(--coffee);color:#f7f3ec;padding:44px 5%;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;border-radius:16px}.editorial-band h2{color:#fffaf2;font-size:30px;margin:12px 0}.editorial-band .eyebrow{color:#c3d1c2}.editorial-band p{color:#ded8ce}.comic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.comic-card{min-width:0}.cover{display:block;position:relative;aspect-ratio:2/3;background:var(--coffee-soft);border-radius:10px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover>span{display:none}.cover-fallback{display:grid;place-items:center;background:linear-gradient(145deg,var(--sage-soft),var(--apricot-soft));color:var(--sage-deep)}.cover-fallback>span{display:block;font-size:12px;letter-spacing:2px}.card-copy{padding:12px 2px}.card-copy small{color:var(--sage-deep);font-size:11px}.card-copy h3{font-size:17px;margin:5px 0}.card-copy p{font-size:12px;line-height:1.65;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty{background:var(--paper);border:1px dashed #d3d2c9;border-radius:14px;padding:44px;text-align:center;margin:28px 0}.empty h2{margin-top:0}.empty p{max-width:700px;margin:10px auto 22px}.empty.compact{padding:25px;margin:25px 0}.feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:75px 0}.feature-columns article{background:var(--paper);padding:28px;border-top:3px solid var(--sage)}.feature-columns article:nth-child(2){border-color:var(--persimmon)}.feature-columns article:nth-child(3){border-color:var(--lavender)}.feature-columns span{font-size:10px;letter-spacing:2px;color:var(--muted)}.feature-columns h3{font-size:22px}.feature-columns p{font-size:14px}.feature-columns a{font-size:13px;font-weight:700}.page-intro{padding:60px 0 28px}.page-intro h1{font-size:42px;margin:12px 0}.page-intro p{margin:0;color:var(--muted)}.filter-panel{display:flex;align-items:end;gap:14px;padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:12px}.filter-panel label{display:grid;gap:7px;flex:1;font-size:12px;font-weight:700}.filter-panel input,.filter-panel select{width:100%;height:44px;border:1px solid var(--border);border-radius:7px;background:white;padding:0 12px;color:var(--body)}.results-line{display:flex;justify-content:space-between;margin:30px 0 18px;font-size:13px}.results-line span{color:var(--muted)}.pagination{display:flex;gap:8px;justify-content:center;margin:40px}.pagination a{padding:8px 13px;background:white;border-radius:6px}.pagination .current{background:var(--sage);color:white}.comic-detail{display:grid;grid-template-columns:280px 1fr;gap:48px;padding:55px 0}.detail-cover{background:var(--coffee-soft);aspect-ratio:2/3;border-radius:12px;overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-copy h1{font-size:42px;margin:15px 0}.lead{font-size:18px;line-height:1.9;max-width:800px}.meta-list{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.meta-list span{font-size:12px;background:var(--paper);padding:7px 11px;border-radius:6px}.notice{background:var(--apricot-soft);border-left:3px solid var(--apricot);padding:16px 20px;font-size:13px;margin:22px 0}.detail-section{padding:25px 0;border-top:1px solid var(--border)}.detail-section h2{font-size:26px}.curation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.curation-card{padding:24px;border-radius:12px;min-height:190px;display:flex;flex-direction:column}.curation-card span{font-size:10px;letter-spacing:2px}.curation-card b{font-size:21px;color:var(--coffee);margin-top:20px}.curation-card p{font-size:13px}.curation-card a{font-size:12px;font-weight:700;margin-top:auto}.collection-list{background:var(--paper);border-radius:14px;padding:10px 30px}.collection-list article{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--divider)}.collection-list article:last-child{border:0}.collection-list article>span{font-size:26px;color:var(--persimmon)}.collection-list h2{font-size:20px;margin:0 0 5px}.collection-list p{margin:0;font-size:13px;color:var(--muted)}.collection-list a{font-size:12px;font-weight:700}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.policy-grid article{background:var(--paper);padding:28px;border-radius:12px}.policy-grid h2{font-size:21px}.policy-grid p{font-size:14px}.footer{margin-top:80px;background:var(--coffee-deep);color:#e9e4dc;padding:42px max(30px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:1fr auto;gap:20px}.footer p{font-size:13px;color:#bdb7ae}.footer a{margin-left:20px;font-size:13px}.footer small{grid-column:1/-1;color:#aaa39a;font-size:11px}.reader-top{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.reader-top button{border:1px solid var(--border);background:white;border-radius:6px;padding:8px 12px}.reader-toolbar{display:flex;justify-content:center;gap:30px;padding:12px;background:var(--paper)}.reader-canvas{max-width:900px;margin:20px auto;background:#fff;text-align:center}.reader-canvas img{display:block;width:82%;height:auto;margin:0 auto}.reader-bottom{text-align:center;padding:24px}.menu-toggle{border:0;background:none;font-size:24px}.mobile-menu{position:fixed;z-index:30;inset:0 0 0 auto;width:min(320px,85vw);background:var(--paper);padding:35px;box-shadow:-20px 0 50px #0002}.mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:22px}.menu-close{align-self:end;border:0;background:none;font-size:16px}
@media(max-width:900px){.mainnav{gap:14px}.comic-grid{grid-template-columns:repeat(3,1fr)}.category-grid,.curation-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:48px 6%}.editorial-band{gap:25px}}
@media(max-width:650px){.topbar{height:64px;padding:0 16px}.mainnav,.search-short{display:none}.menu-toggle{display:block}.shell{padding:0 16px}.hero{grid-template-columns:1fr;margin:18px 0 45px}.hero-copy{padding:38px 25px 25px}.hero h1{font-size:37px}.hero-art{min-height:260px}.art-paper{width:170px;height:220px;padding:20px}.art-paper b{font-size:34px}.art-orbit{width:220px;height:220px}.section-head{margin:42px 0 18px}.section-head h2{font-size:25px}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-tile{min-height:155px;padding:15px}.category-tile b{font-size:14px}.category-tile small{font-size:11px}.editorial-band{grid-template-columns:1fr;margin:50px 0;padding:28px}.editorial-band h2{font-size:25px}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-copy h3{font-size:15px}.page-intro{padding:38px 0 20px}.page-intro h1{font-size:32px}.filter-panel{display:grid;grid-template-columns:1fr 1fr}.filter-panel label:first-child{grid-column:1/-1}.filter-panel .button{grid-column:1/-1}.comic-detail{grid-template-columns:110px 1fr;gap:18px;padding:30px 0}.detail-copy h1{font-size:25px}.lead{font-size:14px;line-height:1.7}.meta-list{gap:5px;margin:12px 0}.meta-list span{font-size:10px;padding:5px}.detail-copy .notice{font-size:11px;padding:10px}.curation-grid{grid-template-columns:1fr 1fr;gap:9px}.curation-card{padding:16px;min-height:180px}.curation-card b{font-size:17px}.collection-list{padding:5px 16px}.collection-list article{grid-template-columns:34px 1fr;gap:10px}.collection-list article>span{font-size:20px}.collection-list article>a{grid-column:2}.collection-list h2{font-size:17px}.policy-grid,.feature-columns{grid-template-columns:1fr}.footer{grid-template-columns:1fr;padding:32px 20px}.footer a{margin:0 18px 0 0}.footer small{grid-column:auto}.reader-top{gap:10px;flex-wrap:wrap;font-size:12px}.reader-canvas img{width:100%}.reader-toolbar{font-size:12px}.reader-toolbar input{max-width:130px}}