@charset "UTF-8";
:root{--background:#F4F3EF;--paper:#FFFDF9;--surface:#fff;--surface-soft:#ECEFEA;--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;--ice:#7596A5;--apricot:#D9B58D;--title:#302F2B;--body:#55534E;--muted:#77746D;--border:#E3E2DA;--divider:#EAE9E2;--max:1340px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--title);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ice);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:99}.topbar{height:74px;display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100vw - var(--max))/2));background:var(--paper);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:20px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--sage);color:#fff;border-radius:12px;font-size:24px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);font-weight:650;line-height:1.3}.topnav{display:flex;gap:25px;margin:auto;font-size:14px;color:#55534e}.topnav a[aria-current=page]{color:var(--sage-deep);font-weight:750}.top-search{display:flex;border:1px solid var(--border);border-radius:30px;padding:4px;background:#fff}.top-search input{width:145px;border:0;outline:0;padding:5px 10px;background:transparent;font-size:13px}.top-search button{border:0;border-radius:22px;background:var(--coffee);color:white;padding:6px 13px;font-size:12px;cursor:pointer}.menu-toggle,.mobile-menu{display:none}.shell{max-width:var(--max);margin:auto;display:grid;grid-template-columns:176px minmax(0,1fr);gap:34px;padding:28px 26px 80px}.side-nav{position:sticky;top:100px;align-self:start;padding:18px 0;color:var(--body);font-size:14px}.side-label,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--sage-deep)}.side-nav>a{display:block;padding:9px 12px;border-radius:9px}.side-nav>a:hover{background:var(--sage-soft)}.side-note{margin:35px 8px 0;padding:15px 0;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.main-content{min-width:0}.hero{min-height:425px;background:var(--coffee);color:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;position:relative}.hero-copy{padding:55px 48px;position:relative;z-index:2}.hero .eyebrow{color:#B9C9B9}.hero-kicker{color:#E9C0AE;font-size:14px;letter-spacing:2px;margin:30px 0 5px}.hero h1{font-size:clamp(38px,4.3vw,60px);line-height:1.18;letter-spacing:-2px;margin:0 0 18px}.hero h1 em{font-style:normal;color:#D6B69A}.hero-copy>p:not(.hero-kicker){color:#E5E0D9;max-width:440px;font-size:15px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--persimmon);color:white;padding:12px 20px;border:0;border-radius:7px;font-weight:750;font-size:14px;cursor:pointer}.button:hover{background:var(--persimmon-deep)}.text-link{font-size:13px;color:#F0E7DC}.hero-art{position:relative;min-height:370px;background:radial-gradient(circle at 55% 48%,#819783 0 17%,transparent 17.5%),linear-gradient(135deg,#718675,#3e5145 62%,#292724);overflow:hidden}.hero-art:before{content:"";position:absolute;width:290px;height:390px;border:1px solid #ffffff55;border-radius:48% 48% 8px 8px;transform:rotate(18deg);top:45px;left:20%}.hero-art:after{content:"";position:absolute;width:190px;height:260px;border:1px solid #ffffff66;border-radius:50% 50% 3px 3px;transform:rotate(-22deg);top:90px;left:39%}.hero-orbit{position:absolute;width:330px;height:330px;border:1px solid #ffffff55;border-radius:50%;top:35px;left:18%}.hero-stamp{position:absolute;z-index:1;top:26%;left:32%;font-size:22px;line-height:1.1;letter-spacing:4px;font-weight:900;color:#fff9;text-align:center;transform:rotate(-8deg)}.hero-art-caption{position:absolute;bottom:22px;right:25px;font-size:9px;letter-spacing:2px;color:#fff9}.section{margin-top:66px}.intro-strip{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding:10px 4px 0}.intro-strip h2,.section-heading h2{font-size:28px;line-height:1.25;margin:8px 0 0;letter-spacing:-.7px}.intro-strip>p{margin:0;color:var(--body);font-size:14px;max-width:490px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-heading>a{font-size:13px;color:var(--sage-deep);font-weight:700}.section-note{font-size:12px;color:var(--muted)}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.channel-tile{min-height:178px;padding:19px 18px;border-radius:11px;position:relative;overflow:hidden;transition:transform .2s}.channel-tile:hover{transform:translateY(-3px)}.channel-1,.channel-6{background:var(--sage-soft)}.channel-2,.channel-7{background:var(--lavender-soft,#F0EDF4)}.channel-3{background:var(--persimmon-soft)}.channel-4,.channel-8{background:var(--apricot-soft,#F7EFE4)}.channel-5{background:var(--ice-soft)}.channel-emoji{font-size:23px}.channel-number{position:absolute;right:16px;top:13px;color:#0004;font-size:12px;font-weight:800}.channel-tile h3{margin:12px 0 3px;font-size:19px}.channel-tile p{font-size:12px;color:var(--body);margin:0 0 10px;max-width:220px}.channel-tile b{font-size:11px;color:var(--sage-deep)}.feature-band{background:var(--sage-deep);color:#fff;border-radius:14px;padding:36px 42px;display:flex;justify-content:space-between;align-items:center;min-height:260px}.feature-band .eyebrow{color:#D9E3D8}.feature-band h2{font-size:34px;line-height:1.25;margin:14px 0}.feature-band p{color:#e6ece6;font-size:14px;max-width:470px}.button-light{background:#fff;color:var(--sage-deep);margin-top:10px}.feature-index{width:190px;height:190px;border:1px solid #ffffff66;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(8deg)}.feature-index span,.feature-index small{font-size:9px;letter-spacing:2px}.feature-index strong{font-size:72px;line-height:1.2}.empty-inline{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:35px;text-align:center}.empty-inline>span{font-size:10px;letter-spacing:2px;color:var(--sage-deep);font-weight:800}.empty-inline h2,.empty-inline h3{margin:8px 0;font-size:22px}.empty-inline p{font-size:14px;color:var(--muted);max-width:620px;margin:0 auto 12px}.empty-inline a{color:var(--sage-deep);font-size:13px;font-weight:750}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.editorial-card{padding:25px;border-radius:12px;min-height:230px}.editorial-sage{background:#E5ECE5}.editorial-apricot{background:#F5EBDD}.editorial-ice{background:#E6EFF1}.editorial-card h2{font-size:25px;line-height:1.25;margin:17px 0 9px}.editorial-card p{font-size:13px;color:var(--body)}.editorial-card a{font-size:12px;font-weight:800;color:var(--sage-deep)}.collection-list{border-top:1px solid var(--border)}.collection-list>a{display:grid;grid-template-columns:65px 1fr 30px;gap:14px;align-items:center;padding:18px 10px;border-bottom:1px solid var(--border)}.collection-list>a>span{font-size:20px;color:var(--persimmon);font-weight:800}.collection-list h3{margin:0;font-size:17px}.collection-list p{margin:3px 0 0;font-size:12px;color:var(--muted)}.collection-list b{font-size:20px;color:var(--sage-deep)}.closing-cta{margin-top:65px;background:var(--persimmon-soft);padding:40px;border-radius:14px;text-align:center}.closing-cta h2{font-size:32px;line-height:1.25;margin:12px 0 20px}.comic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.comic-card{min-width:0}.comic-cover{display:flex;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:var(--coffee-soft);align-items:center;justify-content:center}.comic-cover img,.detail-cover img{width:100%;height:100%;object-fit:cover}.cover-fallback{background:linear-gradient(145deg,#E6EEE6,#F9E9E2);color:var(--coffee);padding:20px;text-align:center;font-size:22px;font-weight:800;display:flex;flex-direction:column;justify-content:center;gap:15px}.cover-fallback small{font-size:9px;letter-spacing:2px}.comic-meta>span{font-size:10px;color:var(--sage-deep)}.comic-meta h3{font-size:17px;margin:3px 0}.comic-meta p{font-size:12px;color:var(--muted);margin:0}.footer{max-width:var(--max);margin:0 auto;padding:28px 26px 40px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:15px;color:var(--muted);font-size:12px}.footer strong{color:var(--coffee)}.footer p{margin:4px 0}.footer nav{display:flex;gap:18px}.footer>small{grid-column:1/-1}.page-intro{padding:35px 4px 38px;border-bottom:1px solid var(--border);position:relative}.page-intro h1{font-size:42px;margin:8px 0;letter-spacing:-1.5px}.page-intro h1 span{color:var(--persimmon)}.page-intro>p{max-width:680px;color:var(--body);margin:0;font-size:14px}.library-intro{padding-right:150px}.library-count{position:absolute;right:15px;bottom:35px;display:flex;align-items:baseline;gap:8px}.library-count strong{font-size:36px;color:var(--sage-deep)}.library-count span{font-size:12px;color:var(--muted)}.library-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:25px;padding-top:30px}.filter-panel{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:17px;height:max-content}.filter-panel h2{font-size:16px;margin:0 0 12px}.filter-panel h3{font-size:13px}.filter-link{display:block;padding:7px 4px;font-size:12px;color:var(--body)}.filter-link:hover{color:var(--sage-deep)}.filter-panel hr{border:0;border-top:1px solid var(--border);margin:14px 0}.library-search{display:flex;gap:10px;margin-bottom:20px}.library-search input{flex:1;min-width:0;border:1px solid var(--border);border-radius:7px;padding:11px 13px;background:#fff}.result-toolbar{display:flex;justify-content:space-between;margin-bottom:15px;font-size:13px;font-weight:750}.result-toolbar small{font-weight:400;color:var(--muted)}.library-comics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pagination{display:flex;justify-content:center;gap:7px;margin-top:25px}.pagination a{padding:6px 12px;background:#fff;border-radius:5px}.pagination .current{background:var(--sage-deep);color:#fff}.breadcrumb{font-size:12px;color:var(--muted);padding:20px 0}.comic-detail{display:grid;grid-template-columns:240px 1fr;gap:35px;padding:15px 0 40px}.detail-cover{aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:var(--sage-soft)}.detail-copy{padding:15px 0}.detail-copy h1{font-size:38px;margin:10px 0}.detail-synopsis{font-size:15px;max-width:700px;color:var(--body)}.detail-copy dl{display:grid;grid-template-columns:100px 1fr;gap:7px;font-size:13px;margin:24px 0}.detail-copy dt{color:var(--muted)}.detail-copy dd{margin:0}.chapter-list{list-style:none;padding:0;border-top:1px solid var(--border)}.chapter-list li{border-bottom:1px solid var(--border)}.chapter-list a{display:flex;justify-content:space-between;padding:14px}.chapter-list small{color:var(--muted)}.ranking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-top:28px}.ranking-card{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:24px;display:grid;grid-template-columns:48px 1fr;gap:15px}.rank-no{font-size:25px;color:var(--persimmon);font-weight:850}.ranking-card h2{margin:7px 0;font-size:21px}.ranking-card p{font-size:13px;color:var(--body)}.ranking-card a{font-size:12px;color:var(--sage-deep);font-weight:800}.collection-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-top:30px}.collection-tile{min-height:220px;padding:27px;border-radius:12px;background:var(--sage-soft);display:flex;flex-direction:column;align-items:flex-start}.collection-tile:nth-child(2n){background:var(--apricot-soft,#F7EFE4)}.collection-tile:nth-child(3n){background:var(--ice-soft)}.collection-tile>span{font-size:9px;letter-spacing:2px;color:var(--sage-deep);font-weight:800}.collection-tile h2{font-size:25px;margin:25px 0 4px}.collection-tile p{font-size:13px;color:var(--body);max-width:450px}.collection-tile b{margin-top:auto;font-size:12px;color:var(--sage-deep)}.collection-detail{padding:30px 0}.collection-detail h2{font-size:32px}.collection-detail>p{max-width:700px;color:var(--body)}.about-hero{padding:40px 4px}.about-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-top:28px}.about-columns article{background:var(--paper);border:1px solid var(--border);padding:25px;border-radius:10px}.about-columns h2{font-size:22px;margin:10px 0}.about-columns p,.copyright-note li{font-size:14px;color:var(--body)}.copyright-note{margin-top:25px;padding:28px;background:var(--sage-soft);border-radius:10px}.copyright-note h2{font-size:20px}.empty-state{text-align:center;padding:90px 15px}.empty-state>span{font-size:70px;color:var(--persimmon);font-weight:900}.empty-state h1{font-size:30px}.empty-state p{color:var(--muted)}