@charset "UTF-8";
:root{--background:#F4F3EF;--paper:#FFFDF9;--surface:#fff;--sage:#78917D;--sage-deep:#526D58;--sage-soft:#E6EEE6;--persimmon:#D87958;--persimmon-deep:#B9563A;--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:#85827B;--border:#E3E2DA;--divider:#EAE9E2;--max:1340px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--persimmon);outline-offset:3px}.topbar{height:74px;padding:0 max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;gap:34px;background:rgba(255,253,249,.94);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;color:var(--coffee);font-weight:800;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:600}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--sage);color:white;font-size:21px}.main-nav{display:flex;gap:25px;margin:auto;font-size:14px}.main-nav a:hover,.footer a:hover{color:var(--persimmon-deep)}.quick-search{display:flex;border:1px solid var(--border);border-radius:30px;overflow:hidden;background:white}.quick-search input{width:150px;border:0;padding:8px 13px;min-width:0}.quick-search button{border:0;background:var(--sage);color:white;padding:7px 15px;cursor:pointer}.menu-toggle,.mobile-menu{display:none}.site-main{max-width:var(--max);margin:auto;padding:0 28px}.hero{margin:30px 0 72px;min-height:420px;border-radius:22px;background:var(--paper);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;position:relative}.hero-copy{padding:58px 6vw 46px 58px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--sage-deep);font-weight:800}.kicker{color:var(--persimmon-deep);font-size:14px;font-weight:700;margin:24px 0 8px}.hero h1{font-size:clamp(38px,4vw,58px);line-height:1.18;letter-spacing:-2px;color:var(--coffee);margin:0 0 18px}.hero h1 em{font-style:normal;color:var(--sage-deep)}.hero-copy>p:not(.kicker){max-width:480px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:9px 21px;border-radius:7px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer}.primary{background:var(--persimmon);color:white}.primary:hover{background:var(--persimmon-deep)}.secondary{background:var(--sage-soft);color:var(--sage-deep)}.text-link{font-size:14px;font-weight:700;color:var(--coffee)}.hero-note{margin-top:28px;color:var(--muted);font-size:12px}.hero-art{background:var(--sage-soft);position:relative;min-height:400px;display:grid;place-items:center;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid rgba(82,109,88,.18);border-radius:50%;width:390px;height:390px}.hero-art:after{width:290px;height:290px}.art-sheet{position:absolute;display:flex;flex-direction:column;justify-content:center;padding:25px;font-weight:900;letter-spacing:2px;box-shadow:0 20px 45px #39332f1c}.sheet-one{width:230px;height:300px;background:var(--coffee);color:#f8f0e5;transform:rotate(-8deg);font-size:31px;left:22%;top:14%}.sheet-one b{color:#d87958;font-size:42px}.sheet-one span{font-size:9px;margin-top:25px;letter-spacing:1px}.sheet-two{width:150px;height:205px;background:var(--persimmon);color:white;right:10%;bottom:10%;transform:rotate(9deg);font-size:30px}.art-stamp{position:absolute;right:11%;top:12%;border:1px solid var(--sage-deep);border-radius:50%;width:88px;height:88px;display:grid;place-items:center;text-align:center;font-size:10px;line-height:1.3;color:var(--sage-deep);transform:rotate(12deg)}.section{margin:0 0 76px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2,.page-intro h1{font-size:32px;line-height:1.25;color:var(--coffee);margin:6px 0}.section-heading p,.page-intro p{margin:6px 0;color:var(--muted)}.section-heading>a{font-size:13px;font-weight:700;color:var(--sage-deep);white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category-tile{min-height:160px;padding:23px;border-radius:12px;background:white;border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.category-tile:hover,.collection-card:hover{transform:translateY(-3px)}.category-tile>span{font-size:20px;font-weight:800;color:var(--coffee)}.category-tile p{font-size:13px;margin:5px 0 12px}.category-tile b{font-size:12px;color:var(--sage-deep)}.tone-sage{background:#e6eee6}.tone-lavender{background:#f0edf4}.tone-persimmon{background:#f9e9e2}.tone-apricot{background:#f7efe4}.tone-ice{background:#e9f1f3}.tone-coffee{background:#ede8e2}.tone-gold{background:#f3eddf}.empty-editor,.empty-state{background:var(--paper);border:1px dashed #c9c9bd;border-radius:14px;padding:42px;text-align:center}.empty-symbol{font-size:34px;color:var(--persimmon)}.empty-editor h3,.empty-state h2{color:var(--coffee);margin:6px}.empty-editor p{max-width:610px;margin:8px auto 22px}.comic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.comic-card{min-width:0}.comic-card>a{display:block}.cover{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;background:var(--coffee-soft)}.cover-fallback{aspect-ratio:2/3;border-radius:10px;background:linear-gradient(145deg,var(--sage-soft),var(--apricot-soft));display:grid;place-items:center;text-align:center;padding:15px;color:var(--coffee);font-weight:800}.comic-card h3{font-size:16px;color:var(--coffee);margin:11px 0 3px}.comic-card p,.comic-card small{font-size:13px;color:var(--muted);margin:0}.split-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;background:var(--coffee);color:#f8f4ed;padding:42px;border-radius:18px}.split-feature h2{font-size:36px;line-height:1.25;color:white;margin:10px 0}.split-feature p{max-width:430px;color:#d2cbc1}.reading-demo{display:flex;align-items:center;justify-content:center;gap:12px;min-height:230px;background:#514941;border-radius:12px;padding:20px}.demo-panel{height:180px;flex:1;background:#e6eee6;color:var(--sage-deep);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;letter-spacing:2px}.demo-panel b{font-size:36px}.demo-panel.narrow{height:145px;background:#f9e9e2;color:var(--persimmon-deep)}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.collection-card{padding:23px;border-radius:12px;background:var(--paper);border:1px solid var(--border);min-height:205px;display:flex;flex-direction:column;transition:transform .2s}.collection-card:nth-child(3n+2){background:var(--lavender-soft)}.collection-card:nth-child(3n){background:var(--ice-soft)}.collection-card span{font-size:11px;color:var(--sage-deep);font-weight:800}.collection-card h3,.collection-card h2{color:var(--coffee);font-size:19px;margin:13px 0 5px}.collection-card p{font-size:13px;margin:0 0 15px}.collection-card b{font-size:12px;color:var(--persimmon-deep);margin-top:auto}.closing-banner{padding:30px 36px;background:var(--apricot-soft);border-radius:14px;display:flex;align-items:center;justify-content:space-between}.closing-banner h2{margin:7px 0;color:var(--coffee)}.footer{max-width:var(--max);margin:0 auto;padding:35px 28px 25px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:12px}.footer strong{color:var(--coffee)}.footer p,.footer small{color:var(--muted);font-size:13px}.footer nav{display:flex;gap:20px;font-size:13px}.footer small{grid-column:1/-1}.page-intro{padding:56px 0 34px}.page-intro h1{font-size:40px}.library-layout{display:grid;grid-template-columns:220px 1fr;gap:32px;margin-bottom:70px}.filter-panel{background:var(--paper);border-radius:12px;padding:22px;height:max-content}.filter-panel h2{font-size:15px;color:var(--coffee)}.filter-link{display:block;padding:7px 0;font-size:14px}.filter-link:hover{color:var(--persimmon-deep)}.filter-panel hr{border:0;border-top:1px solid var(--border);margin:16px 0}.library-search{display:flex;gap:10px;margin-bottom:15px}.library-search input,.library-search select{min-width:0;border:1px solid var(--border);background:white;border-radius:7px;padding:10px}.library-search input{flex:1}.result-meta{font-size:12px;color:var(--muted);margin:14px 0}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.pagination{display:flex;gap:7px;margin-top:28px}.pagination a{padding:7px 12px;background:white;border-radius:5px}.pagination .active{background:var(--sage);color:white}.breadcrumbs{font-size:12px;color:var(--muted);padding:25px 0}.comic-hero{display:grid;grid-template-columns:260px 1fr;gap:42px;background:var(--paper);padding:32px;border-radius:16px}.poster{max-height:390px}.comic-summary h1{font-size:38px;color:var(--coffee);margin:7px 0}.comic-summary>p{max-width:760px}.original-title{color:var(--muted)}.meta-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.meta-chips span{padding:4px 10px;background:var(--sage-soft);border-radius:20px;font-size:12px}.detail-columns{display:grid;grid-template-columns:1fr 280px;gap:50px;padding:48px 10px}.detail-columns h2{color:var(--coffee)}.detail-aside{background:var(--paper);border-radius:12px;padding:22px;height:max-content}.detail-aside h3{color:var(--coffee);margin-top:0}.detail-aside dl{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;font-size:13px}.detail-aside dt{color:var(--muted)}.detail-aside dd{margin:0;color:var(--coffee)}.character-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.character-list>div{background:var(--paper);padding:15px;border-radius:9px}.chapter-list{padding:0;list-style:none;background:var(--paper);border-radius:10px}.chapter-list li+li{border-top:1px solid var(--divider)}.chapter-list a{display:flex;justify-content:space-between;padding:14px 18px}.chapter-list small{color:var(--muted)}.editorial-list{margin-bottom:70px}.editorial-row{display:grid;grid-template-columns:300px 1fr;gap:30px;padding:28px;margin-bottom:12px;border-radius:12px}.editorial-row h2{color:var(--coffee);margin:5px 0}.editorial-picks{display:flex;flex-direction:column;justify-content:center;gap:8px}.editorial-picks a{background:#ffffffa6;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;gap:20px}.editorial-picks small,.not-configured{color:var(--muted)}.collection-grid.large{margin-bottom:70px;grid-template-columns:repeat(2,1fr)}.collection-grid.large .collection-card{min-height:230px;padding:30px}.collection-detail{margin-bottom:70px;background:var(--paper);padding:32px;border-radius:14px}.collection-detail>p{max-width:800px}.about-grid{display:grid;grid-template-columns:1fr 300px;gap:50px;margin-bottom:45px}.about-grid article{background:var(--paper);padding:30px;border-radius:12px}.about-grid h2{color:var(--coffee)}.error-page{text-align:center;padding:110px 20px}.error-page h1{font-size:38px;color:var(--coffee)}
@media(max-width:1050px){.main-nav{gap:13px}.quick-search input{width:110px}.category-grid,.collection-grid{grid-template-columns:repeat(2,1fr)}.comic-grid{grid-template-columns:repeat(3,1fr)}.hero-copy{padding-left:35px}.library-layout{grid-template-columns:180px 1fr}}
@media(max-width:760px){.topbar{height:64px;padding:0 16px;gap:12px}.main-nav,.quick-search{display:none}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--border);background:white;border-radius:6px;padding:7px 12px}.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(320px,85vw);background:var(--paper);z-index:50;padding:65px 25px;box-shadow:-10px 0 30px #0002}.mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:18px}.menu-close{position:absolute;right:20px;top:18px;border:0;background:none}.site-main{padding:0 16px}.hero{margin:16px 0 50px;grid-template-columns:1fr}.hero-copy{padding:35px 25px}.hero h1{font-size:40px}.hero-art{min-height:260px}.sheet-one{width:160px;height:205px;font-size:22px;left:23%}.sheet-one b{font-size:30px}.sheet-two{width:110px;height:145px;font-size:22px}.section{margin-bottom:52px}.section-heading h2{font-size:25px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-tile{min-height:150px;padding:15px}.category-tile>span{font-size:17px}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.split-feature{grid-template-columns:1fr;padding:25px;gap:20px}.split-feature h2{font-size:30px}.reading-demo{min-height:180px}.demo-panel{height:135px}.demo-panel.narrow{height:110px}.collection-grid{grid-template-columns:1fr 1fr;gap:9px}.collection-card{padding:16px;min-height:210px}.collection-card h3{font-size:16px}.closing-banner{align-items:flex-start;flex-direction:column;padding:23px}.footer{padding:28px 16px;grid-template-columns:1fr}.footer nav{flex-wrap:wrap}.footer small{grid-column:auto}.page-intro{padding:38px 0 25px}.page-intro h1{font-size:32px}.library-layout{grid-template-columns:1fr;gap:15px}.filter-panel{display:flex;flex-wrap:wrap;gap:7px 13px;padding:15px}.filter-panel h2{width:100%;margin:2px}.filter-panel hr{display:none}.filter-link{padding:3px 7px;background:var(--sage-soft);border-radius:5px}.library-search{flex-wrap:wrap}.library-search input{flex-basis:100%}.library-search select{flex:1}.comic-hero{grid-template-columns:105px 1fr;padding:17px;gap:16px}.poster{max-height:none}.comic-summary h1{font-size:25px}.comic-summary>p{font-size:13px}.comic-summary .hero-actions{flex-wrap:wrap;gap:8px}.comic-summary .button{padding:7px 12px;min-height:40px}.detail-columns,.about-grid{grid-template-columns:1fr;gap:20px;padding:28px 0}.detail-columns{padding:28px 0}.detail-aside{order:2}.character-list{grid-template-columns:1fr}.chapter-list a{gap:10px;flex-direction:column}.editorial-row{grid-template-columns:1fr;gap:12px;padding:20px}.editorial-picks a{flex-direction:column;gap:3px}.collection-grid.large{grid-template-columns:1fr}.collection-detail{padding:20px}.error-page{padding:80px 10px}.error-page h1{font-size:29px}}
@media(max-width:360px){.category-grid,.collection-grid{grid-template-columns:1fr}.hero h1{font-size:35px}.comic-hero{grid-template-columns:85px 1fr}.meta-chips span{font-size:10px}}