/* Champagne editorial system. Shared by every static page. */
:root{--paper:#fbf7f2;--paper-deep:#f0e9e2;--ink:#322620;--green:#843950;--green-hover:#6d2b40;--sage:#f1e5e2;--muted:#837570;--line:#e5d9cf;--white:#fffaf7;--gold:#a37d4f;--danger:#b03f48;--radius:4px;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",Georgia,serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;--nav-height:74px}
body{background:#f0eae3;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.75}
h1,h2,.brand,.page-title,.editorial-info h3{font-family:var(--serif)}
button,a,input{transition:background-color .18s,color .18s,border-color .18s}
a:hover{color:var(--green)}
.app-shell{max-width:1160px;margin:26px auto 0;background:var(--paper);border:1px solid #d9c8ba;box-shadow:0 8px 45px #694d3310;border-radius:3px;overflow:clip;--page-shell-width:1160px}
.pad{padding-left:40px;padding-right:40px}
.brand-header{padding:27px 40px 24px;margin:0;border-bottom:1px solid var(--line);gap:24px;min-height:114px}
.brand-identity{display:block;min-width:0}
.brand{display:flex;align-items:center;font-family:var(--serif);font-size:37px;letter-spacing:4px;line-height:1.2;color:var(--ink)}
.brand-seal{margin-left:12px;display:inline-flex;align-items:center;justify-content:center;width:23px;height:27px;border:1px solid var(--green);font-size:14px;font-weight:400;letter-spacing:0;color:var(--green)}
.brand-subtitle{margin:7px 0 0;padding:0;border:0;font-size:10px;letter-spacing:3px;font-family:var(--sans);font-weight:400;line-height:1.5;color:var(--muted)}
.age-label{font-size:9px;border:1px solid #c6aaa5;padding:0 3px;letter-spacing:0;border-radius:2px;margin-left:4px;color:var(--green)}
.desktop-nav{display:flex;align-items:center;gap:29px;margin-left:auto;padding:6px 20px 0 0}
.desktop-nav a{font-size:14px;color:var(--muted);position:relative;white-space:nowrap}
.desktop-nav a[aria-current],.desktop-nav a:hover{color:var(--green)}
.desktop-nav a[aria-current]:after{content:"";position:absolute;bottom:-11px;left:calc(50% - 3px);width:6px;height:6px;background:var(--green);border-radius:50%}
.header-actions{gap:5px;padding:0}
.icon-button{border-radius:50%;color:var(--ink)}
.header-actions .icon{width:22px;height:22px}
.theme-toggle{background:transparent;border:0}
.icon-button:hover{background:var(--sage);color:var(--green)}
.channel-tabs{border:0;border-bottom:1px solid var(--line);background:transparent;justify-content:start;display:flex;padding:0 40px;margin:0;gap:34px;height:62px;align-items:stretch}
.channel-tabs a{flex:0 0 auto;gap:7px;padding:0 4px;min-width:90px;font-size:15px;border-radius:0;border-bottom:2px solid transparent;color:var(--muted)}
.channel-tabs a>.icon{display:none}
.channel-tabs a[aria-current=page]{background:none;color:var(--green);border-bottom-color:var(--green);font-weight:600}
.channel-tabs a small{font-size:10px;color:var(--muted);font-weight:400}
.channel-tabs small .icon{width:11px;height:11px}
.home-main>.pad{padding-top:28px}
.home-search{position:absolute;right:40px;top:125px;width:325px;height:36px;min-height:36px;margin:0;border-radius:20px;background:#eee5dd;z-index:2}
.home-search .search-field{min-height:36px;padding-left:13px;gap:9px}
.home-search .search-field input{height:36px;font-size:12px}
.home-search .search-field>.icon{width:17px;height:17px;color:var(--muted)}
.home-search .button{height:36px;min-height:36px;padding:5px 13px}
.home-search .button>.icon{width:18px;height:18px}
.search-field,.input-wrap{border-radius:4px;background:var(--paper-deep)}
.search-field:focus-within,.input-wrap:focus-within{outline-color:var(--green)}
.home-focus{height:408px;border-radius:3px;margin:0;background:#342b26}
.focus-slide .focus-art{object-position:center;filter:saturate(.85)}
.focus-slide:after{background:linear-gradient(90deg,#201815bf 0%,#20181560 37%,#20181500 75%),linear-gradient(0deg,#20181585,transparent 45%)}
.focus-copy{left:44px;right:40px;bottom:59px;max-width:440px}
.focus-kicker{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;color:#eee0d0;margin-bottom:19px}
.focus-kicker i{display:block;width:25px;height:1px;background:#dfc7b2}
.focus-copy h2{font-family:var(--serif);font-size:45px;letter-spacing:3px;line-height:1.4;font-weight:600;margin-bottom:13px;text-shadow:0 1px 12px #0004}
.focus-copy .focus-description{max-width:270px;font-size:13px;line-height:1.9;color:#f1e6de;margin-bottom:16px}
.focus-copy .focus-meta{display:flex;gap:20px;color:#dfcfc4;font-size:11px}
.focus-read{display:inline-flex;align-items:center;gap:30px;border:1px solid #ffffff8a;padding:7px 15px;margin-top:25px;font-size:12px;color:white}
.focus-read>.icon{width:18px;height:18px}
.focus-controls{left:44px;right:24px;bottom:14px;justify-content:flex-end;gap:16px}
.focus-count{margin-right:auto;font-size:11px;letter-spacing:2px}
.focus-navigation{gap:9px}
.focus-controls button{height:30px;min-height:30px;width:30px}
.focus-controls .focus-arrow,.focus-controls .focus-toggle{border:1px solid #ffffff59;border-radius:50%}
.focus-controls .focus-arrow:hover,.focus-controls .focus-toggle:hover{background:#ffffff29}
.focus-dots span{width:5px;height:5px}
.focus-dots [aria-pressed=true] span{width:16px}
.catalog-nav{gap:0;margin:0 0 29px;padding:23px 0 21px;border-bottom:1px solid var(--line)}
.catalog-nav a{background:none;border:0;border-right:1px solid var(--line);border-radius:0;min-height:62px;gap:8px;padding:0;color:var(--ink);font-size:13px;letter-spacing:1px}
.catalog-nav a:last-child{border-right:0}
.catalog-nav a:hover{background:var(--sage)}
.catalog-nav-icon{width:30px;height:30px;color:var(--green)}
.catalog-nav-icon .icon{width:28px;height:28px;stroke-width:1.5}
.section-heading{margin-bottom:17px;gap:10px;align-items:center}
.section-heading h2{font-family:var(--serif);font-size:27px;letter-spacing:1px;font-weight:600;color:var(--ink);line-height:1.3}
.section-heading h2 small{font-size:9px;letter-spacing:1.6px;font-family:var(--sans);margin-left:10px;vertical-align:middle}
.more-link{font-size:12px;color:var(--muted)}
.more-link>.icon{width:15px;height:15px}
.home-section{margin-bottom:35px}
.editorial-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
.editorial-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.editorial-art{display:block;position:relative;height:246px;background:var(--paper-deep)}
.editorial-art>.art{height:100%;width:100%;border-radius:0}
.serial-badge{position:absolute;top:12px;left:12px;padding:2px 7px;color:#fff8f0;border:1px solid #f7eee14d;background:#342b2475;font-size:10px;backdrop-filter:blur(3px)}
.editorial-info{padding:15px 17px 17px}
.editorial-info h3{font-size:23px;letter-spacing:1px;line-height:1.5;margin-bottom:8px}
.editorial-info .tags{gap:5px}
.tags>:is(span,a){padding:1px 8px;font-size:11px;border-radius:20px;background:var(--sage);color:#755650}
.editorial-info p{font-size:12px;color:var(--muted);margin-top:7px}
.editorial-card-0 .editorial-art{height:100%;position:absolute;inset:0}
.editorial-card-0:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#221d18e6,transparent 70%)}
.editorial-card-0 .editorial-info{position:relative;z-index:1;margin-top:237px;color:#fff;padding:20px}
.editorial-card-0 .editorial-info a:hover{color:#fff4df}
.editorial-card-0 .editorial-info p{color:#eee5dd}
.editorial-card-0 .tags a{background:#ffffff30;color:#fff}
.editorial-card-0 h3{font-size:28px}
.book-grid.fresh-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.book-card .art{aspect-ratio:3/4;border:1px solid #dbcac0;border-radius:3px;filter:saturate(.85);background:var(--paper-deep)}
.book-card h3{font-size:14px;line-height:1.6;letter-spacing:0;margin-top:9px;font-family:var(--sans);font-weight:500}
.book-card p{font-size:10px;margin-top:2px;color:var(--muted)}
.home-ranking{background:var(--paper-deep);padding:24px;border:1px solid var(--line);border-radius:3px}
.home-ranking ol{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.home-ranking li{border-bottom:1px solid var(--line)}
.home-ranking li:nth-last-child(-n+2){border:0}
.home-ranking li>a{gap:15px;padding:13px 0}
.home-ranking .home-rank-number{font-family:Georgia,serif;font-size:28px;font-weight:400;font-style:italic;color:#ad9690;width:35px;text-align:left}
.home-ranking li:nth-child(-n+3) .home-rank-number{color:var(--green)}
.home-ranking .home-rank-cover{width:48px;height:65px;border-radius:2px}
.home-ranking h3{font-size:15px;font-weight:500}
.home-ranking li p{font-size:11px;margin-top:5px;color:var(--muted)}
.home-ranking li>a>.icon{width:16px}
.home-tags{padding-top:22px;border-top:1px solid var(--line);margin-bottom:28px}
.home-tag-grid{display:flex;flex-wrap:wrap;gap:9px}
.home-tag-grid a{min-width:64px;min-height:34px;padding:5px 15px;font-size:12px;border-radius:2px;background:transparent}
.catalog-introduction{display:flex;align-items:center;gap:20px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.intro-monogram{font-family:var(--serif);font-size:41px;color:var(--green);line-height:1;border:1px solid #b3978a;padding:12px}
.catalog-introduction h2{font-size:17px;font-weight:500;letter-spacing:1px;margin-bottom:8px}
.catalog-introduction p{font-size:11px;color:var(--muted);max-width:670px;line-height:1.9}
.age-stamp{margin-left:auto;text-align:center;color:#9b8279;font-family:Georgia,serif;font-size:28px;white-space:nowrap}
.age-stamp small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:2px}
.site-footer{padding:26px 20px 25px;color:var(--muted);font-size:10px;letter-spacing:1px}
.footer-links{font-size:11px;gap:25px}
.bottom-nav{max-width:1160px;background:#fbf7f2f5;border-color:var(--line)}
.bottom-nav a{font-size:12px;color:var(--muted)}
.bottom-nav a[aria-current=page]{color:var(--green)}
.bottom-nav a[aria-current=page] .icon{fill:#84395018;stroke-width:1.7}
.bottom-nav a:first-child[aria-current=page] .icon{fill:var(--green);stroke:var(--green)}
.button{border-radius:3px;background:var(--green);color:#fffaf7;font-size:14px}
.button.secondary,.button.outline{background:transparent;border:1px solid var(--green);color:var(--green)}
.button.secondary:hover,.button.outline:hover{background:var(--sage)}
.button.subtle{background:transparent;color:var(--muted)}
.button.secondary[aria-pressed=true]{background:var(--sage)}
.page-header{padding:18px 30px;margin:0;min-height:88px;border-bottom:1px solid var(--line)}
.page-header :is(h1,.page-title){font-family:var(--serif);font-size:26px;letter-spacing:2px;font-weight:600}
.page-header+.channel-tabs{margin-bottom:25px}
.breadcrumb{font-size:11px;margin:10px 0 25px;color:var(--muted)}
.detail-main{padding:0;min-height:65vh}
body[data-page=comic] .channel-tabs{display:none}
.detail-hero{height:330px;overflow:hidden;position:relative}
.detail-hero>.art{width:100%;height:100%;filter:saturate(.75);object-position:center}
.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#32262026,transparent 50%)}
.detail-body{max-width:890px;margin:0 auto;padding:0 30px}
.comic-intro{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;padding:0;align-items:start}
.comic-intro .detail-cover{width:210px;height:280px;min-height:0;max-height:none;margin-top:-77px;border:4px solid var(--paper);border-radius:4px;box-shadow:0 5px 12px #32262022;z-index:1}
.comic-info{padding-top:22px}
.comic-info h1{font-size:39px;line-height:1.5;margin:4px 0 10px;letter-spacing:1px;overflow-wrap:anywhere}
.detail-eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}
.author{font-size:16px;color:var(--muted)}
.comic-info .tags{margin:15px 0 12px}
.comic-info .tag-link{font-size:13px;padding:3px 13px}
.detail-status{color:var(--green);font-size:16px}
.comic-summary{display:block;font-size:15px;color:var(--muted);line-height:2;margin:23px 0 20px;overflow:visible}
.action-pair{gap:14px;margin:20px 0 14px}
.action-pair .button{min-height:56px;font-size:17px;font-family:var(--serif);letter-spacing:1px}
.detail-body>.breadcrumb{padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.chapter-list{border:0;border-top:1px solid var(--line);padding:0;border-radius:0;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}
.chapter-row{border-bottom:1px solid var(--line);min-height:66px;padding:17px 6px;font-size:14px;color:var(--muted)}
.chapter-row:last-child{border-bottom:1px solid var(--line)}
.chapter-row:hover{color:var(--green);background:var(--sage)}
.chapter-meta{font-size:10px;color:var(--green);gap:12px}
.chapter-row b{margin-right:14px}
.detail-body .chapters{margin-bottom:38px}
.chapter-list+.button{margin-top:12px}
.reader-shell{max-width:800px;background:var(--paper)}
body[data-page=reader]{background:var(--paper-deep)}
.reader-shell .page-header{min-height:76px}
.reader-panel{margin:0}
.reader-main{padding-top:0}
.reader-notice{font-size:11px;color:var(--muted);background:var(--paper-deep);padding:9px}
.reader-bottom{background:var(--paper);border-color:var(--line)}
.reader-panels .art{display:block;width:100%;height:auto;aspect-ratio:var(--media-ratio)}
.continue-card{padding:15px 0;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;margin-bottom:29px;gap:17px}
.continue-card .continue-cover{width:93px;height:64px;flex:none;border-radius:3px}
.continue-label{display:block;font-size:10px;color:var(--green);letter-spacing:2px;margin-bottom:3px}
.continue-card>.icon{color:var(--green)}
:root[data-site-theme=dark] .reader-shell{--paper:#211d1e;--paper-deep:#2c2527;--ink:#f2e5dc;--green:#d896aa;--green-hover:#e3a9ba;--sage:#3b2d32;--muted:#bcaba9;--line:#4a3b3e;--white:#241b1e}
.continue-card strong{font-size:15px;font-weight:500}
.continue-card small{font-size:11px;margin-top:3px}
.intro-heading h1{font-family:var(--serif);font-size:30px;margin-bottom:8px}
.filter-panel{background:var(--paper-deep);border-color:var(--line);border-radius:3px}
.filter-row button[aria-pressed=true],.rank-tabs [aria-selected=true]{background:var(--green);color:#fff}
.rank-tabs{border-color:var(--line);background:var(--paper-deep)}
.rank-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0}
.rank-number b{font-family:Georgia,serif;color:var(--green)}
.rank-number>.icon:last-child{display:none}
.rank-info p,.result-info p,.library-info p{color:var(--muted)}
.rank-info h2,.result-info h2,.library-info h2{font-size:23px}
.result-card,.library-card{border-color:var(--line)}
.profile{padding:40px 20px;background:var(--paper-deep);margin-bottom:20px}
.profile h1{font-family:var(--serif)}
.account-avatar{background:var(--paper);border-color:var(--line)}
.menu-row{border-radius:3px;border-color:var(--line);background:transparent}
.menu-icon{color:var(--green);background:var(--sage)}
.auth-content{padding-top:35px}
.auth-heading h1{font-size:36px}
.modal{border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink)}
.toast{background:#43322c;color:#fff8f0;border-radius:4px}
.scroll-top{background:var(--paper);border:1px solid var(--line);color:var(--green)}
.empty-state h2{font-family:var(--serif)}
::selection{background:#e5c7cb;color:#322620}
:root[data-site-theme=dark]{--paper:#211d1e;--paper-deep:#2c2527;--ink:#f2e5dc;--green:#d896aa;--green-hover:#e3a9ba;--sage:#3b2d32;--muted:#bcaba9;--line:#4a3b3e;--white:#241b1e;--danger:#f29c9c}
:root[data-site-theme=dark] body{background:#161314}
:root[data-site-theme=dark] .app-shell{background:var(--paper);border-color:var(--line)}
:root[data-site-theme=dark] .button:not(.outline):not(.secondary):not(.subtle){color:#21171b}
:root[data-site-theme=dark] .home-search{background:var(--paper-deep)}
:root[data-site-theme=dark] .home-search .button{background:transparent!important;color:var(--green)!important}
:root[data-site-theme=dark] .bottom-nav{background:#211d1ef5}
:root[data-site-theme=dark] .tags>:is(span,a){color:#e1bbc3;background:var(--sage)}
:root[data-site-theme=dark] .editorial-card-0 .tags a{color:white;background:#ffffff30}
:root[data-site-theme=dark] .home-ranking{background:var(--paper-deep)}
:root[data-site-theme=dark] .chapter-row{border-color:var(--line)}
@media(min-width:1000px){body:not([data-page=index]):not([data-page=account]) .app-shell{max-width:1160px;--page-shell-width:1160px}.app-shell{padding-bottom:0}.bottom-nav{position:static;transform:none;border-top:1px solid var(--line);background:transparent;margin:0 auto;max-width:none;min-height:80px;padding:12px 170px}.reader-bottom{max-width:798px}.reader-shell{padding-bottom:85px!important}.book-grid.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-ranking li:nth-child(even){grid-column:2}.home-ranking li:nth-child(odd){grid-column:1}}
@media(max-width:999px){.app-shell{margin:0 auto;border:0;max-width:760px;min-height:100dvh;--page-shell-width:760px}.bottom-nav{max-width:760px}.desktop-nav{display:none}.brand-header{padding:22px 25px;min-height:100px}.channel-tabs{padding:0 25px;justify-content:space-between;gap:15px}.channel-tabs a{min-width:0;flex:1}.home-search{position:static;width:100%;height:40px;margin:0 0 15px;background:var(--paper-deep)}.home-search .search-field input{height:40px}.home-main>.pad{padding-top:16px}.pad{padding-left:25px;padding-right:25px}.home-focus{height:340px}.focus-copy{bottom:58px;left:28px}.focus-copy h2{font-size:36px}.focus-read{display:none}.focus-description{display:none}.focus-kicker{font-size:9px;margin-bottom:12px}.focus-controls{left:28px;right:18px}.book-grid.fresh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.editorial-grid{grid-template-columns:1fr 1fr;gap:10px}.editorial-card-0{grid-row:span 2}.editorial-card-0 .editorial-info{position:absolute;bottom:0;left:0;right:0;margin:0;padding:15px}.editorial-card-0 .editorial-info h3{font-size:26px}.editorial-card:not(.editorial-card-0) .editorial-art{height:130px}.editorial-card:not(.editorial-card-0) .editorial-info{padding:8px 11px 9px}.editorial-card:not(.editorial-card-0) h3{font-size:18px;margin-bottom:2px}.editorial-info p{font-size:10px;margin-top:4px}.editorial-info .tags a{font-size:10px;padding:0 6px}.serial-badge{display:none}.home-ranking ol{gap:0 23px}.home-ranking{padding:20px}.section-heading h2{font-size:25px}.detail-hero{height:300px}.detail-body{padding:0 25px}.comic-intro{grid-template-columns:165px minmax(0,1fr);gap:24px}.comic-intro .detail-cover{width:165px;height:225px;margin-top:-54px}.comic-info h1{font-size:32px}.detail-eyebrow{display:none}.comic-info{padding-top:14px}.author{font-size:15px}.comic-info .tags{margin:9px 0}.detail-status{font-size:15px}.chapter-list{grid-template-columns:1fr}.chapter-row{min-height:67px}.reader-shell{padding-bottom:85px}.site-footer{padding-bottom:20px}.catalog-introduction .age-stamp{display:none}}
@media(max-width:540px){body{font-size:13px}.pad{padding-left:17px;padding-right:17px}.brand-header{padding:18px 20px 15px;min-height:90px;gap:12px}.brand{font-size:31px;letter-spacing:3px}.brand-seal{font-size:11px;width:18px;height:22px;margin-left:8px}.brand-subtitle{font-size:9px;letter-spacing:2px;margin-top:5px}.header-actions{gap:0}.header-actions .icon-button{width:36px;height:38px;min-height:38px;padding:8px}.header-actions .icon{width:23px;height:23px}.header-actions a[href="history.html"]{display:none}.channel-tabs{height:46px;padding:0 20px;gap:18px}.channel-tabs a{font-size:15px;padding:0 0 1px;min-height:46px;gap:5px}.channel-tabs a small{font-size:9px}.channel-tabs small .icon{width:9px;height:9px}.home-main>.pad{padding-top:12px}.home-search{height:37px;margin-bottom:12px;border-radius:30px}.home-search .search-field input{height:37px;font-size:12px}.home-focus{height:238px;margin-left:-5px;margin-right:-5px;border-radius:3px}.focus-slide:after{background:linear-gradient(0deg,#201815d9,transparent 75%)}.focus-copy{left:17px;bottom:42px;right:16px;max-width:none}.focus-kicker{display:none}.focus-copy h2{font-size:29px;letter-spacing:1px;line-height:1.35;margin-bottom:6px}.focus-copy .focus-meta{font-size:10px;gap:12px;flex-wrap:wrap;line-height:1.8;color:#f4e7de}.focus-controls{left:17px;right:13px;bottom:7px;gap:11px}.focus-count{font-size:10px;letter-spacing:1px}.focus-controls button{height:26px;min-height:26px;width:26px}.focus-controls .icon{width:12px;height:12px}.focus-navigation{gap:3px}.focus-dots button{width:22px}.catalog-nav{padding:18px 0 17px;margin-bottom:22px}.catalog-nav a{font-size:12px;gap:6px;min-height:49px;border:0}.catalog-nav-icon,.catalog-nav-icon .icon{width:26px;height:26px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:25px}.section-heading h2 small{display:none}.more-link{font-size:11px}.home-section{margin-bottom:26px}.editorial-grid{gap:8px;grid-template-columns:1.1fr 1fr}.editorial-card:not(.editorial-card-0) .editorial-art{height:95px}.editorial-card:not(.editorial-card-0) .editorial-info{padding:6px 8px}.editorial-card:not(.editorial-card-0) h3{font-size:16px;letter-spacing:0;margin-bottom:3px}.editorial-card-0 .editorial-info{padding:12px 10px}.editorial-card-0 .editorial-info h3{font-size:24px;line-height:1.4;margin-bottom:7px;letter-spacing:0}.editorial-info p{font-size:9px}.editorial-info .tags{gap:4px}.editorial-info .tags a{font-size:9px}.book-grid.fresh-grid{gap:16px 10px}.book-card h3{font-size:12px;margin-top:7px;line-height:1.5}.book-card p{font-size:9px}.book-card .art{aspect-ratio:3/4}.home-ranking{padding:17px 14px}.home-ranking ol{grid-template-columns:1fr}.home-ranking li:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.home-ranking li:last-child{border:0}.home-ranking li>a{padding:10px 0;gap:14px}.home-ranking .home-rank-number{font-size:26px;width:29px}.home-ranking .home-rank-cover{width:43px;height:58px}.home-ranking h3{font-size:14px}.home-ranking li p{font-size:10px}.home-tag-grid{gap:7px}.home-tag-grid a{min-width:54px;padding:3px 10px;min-height:30px;font-size:11px}.catalog-introduction{gap:13px;padding:20px 0}.intro-monogram{font-size:27px;padding:9px}.catalog-introduction h2{font-size:15px;line-height:1.7;letter-spacing:0}.catalog-introduction p{font-size:10px;line-height:1.8}.bottom-nav{padding-top:8px;min-height:70px}.bottom-nav a{gap:3px;min-height:49px;font-size:12px}.bottom-nav .icon{width:24px;height:24px}.site-footer{font-size:9px}.page-header{min-height:72px;padding:12px 13px}.page-header :is(h1,.page-title){font-size:25px;letter-spacing:1px}.page-header-tools .icon-button{width:35px;height:40px;min-height:40px;padding:8px}.page-header+.channel-tabs{margin-bottom:18px}.detail-hero{height:242px}.detail-body{padding:0 20px}.comic-intro{grid-template-columns:125px minmax(0,1fr);gap:17px}.comic-intro .detail-cover{width:125px;height:182px;margin-top:-37px;border-width:3px}.comic-info{padding-top:15px}.comic-info h1{font-size:27px;line-height:1.3;margin:0 0 10px}.author{font-size:13px}.comic-info .tags{gap:5px;margin:10px 0}.comic-info .tag-link{font-size:11px;padding:2px 10px}.detail-status{font-size:13px;line-height:1.7}.comic-summary{font-size:14px;margin:23px 0 24px;line-height:1.9}.action-pair{gap:9px;margin:20px 0 16px}.action-pair .button{font-size:16px;min-height:50px;padding:8px 5px;gap:8px;letter-spacing:0}.action-pair .icon{width:23px;height:23px}.detail-body>.breadcrumb{font-size:9px;padding-bottom:16px;margin-bottom:24px}.chapter-row{font-size:14px;min-height:64px;padding:16px 3px}.chapter-row b{margin-right:12px}.chapter-meta{font-size:9px;gap:7px}.chapter-meta .icon{width:13px;height:13px}.four-grid{gap:9px}.four-grid .book-card h3{font-size:11px}.four-grid .book-card p{font-size:8px}.intro-heading h1{font-size:28px}.rank-info h2,.result-info h2,.library-info h2{font-size:20px}.auth-content{padding-top:25px}.auth-heading h1{font-size:32px}.reader-shell .page-header :is(h1,.page-title){font-size:20px;letter-spacing:0}.continue-card{padding:11px 0;gap:13px}.continue-card .continue-cover{width:82px;height:61px}.continue-card strong{font-size:14px}.continue-card small{font-size:10px}}
@media(max-width:360px){.pad{padding-left:14px;padding-right:14px}.brand{font-size:28px}.brand-subtitle{font-size:8px}.channel-tabs{gap:12px;padding:0 15px}.channel-tabs a{font-size:14px}.channel-tabs a small{font-size:8px}.home-focus{height:212px}.focus-copy h2{font-size:27px}.editorial-card-0 .editorial-info h3{font-size:21px}.editorial-card:not(.editorial-card-0) h3{font-size:14px}.editorial-info p{font-size:8px}.detail-body{padding:0 16px}.comic-intro{grid-template-columns:108px minmax(0,1fr);gap:13px}.comic-intro .detail-cover{width:108px;height:160px}.comic-info h1{font-size:23px}.comic-info .tag-link{padding:2px 8px}.detail-status{font-size:12px}.author{font-size:12px}.detail-hero{height:220px}.action-pair .button{font-size:14px}.catalog-introduction h2{font-size:13px}.home-search .button{padding:5px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(min-width:1000px){
    .app-shell:not(.reader-shell){padding-bottom:calc(90px + env(safe-area-inset-bottom))}
    .bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);max-width:1160px;padding:10px 14px calc(9px + env(safe-area-inset-bottom));background:var(--paper)}
    body:is([data-page=index],[data-page=account],[data-page=novels],[data-video-page=home]) .bottom-nav{max-width:1160px}
}
/* Reserve room for the adult label when a channel subtitle grows. */
.brand-header .brand-subtitle:has(>.age-label){display:flex!important;align-items:center;gap:4px}
.brand-header .brand-subtitle>.header-subtitle-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-header .brand-subtitle>.age-label{flex:0 0 auto;margin-left:0}

/* Desktop channel links and search fill the available content row. */
@media(min-width:1000px){
 .channel-tabs a{flex:1 1 0;min-width:0}
 .home-search{position:static;inset:auto;width:100%;max-width:none;min-width:0;margin:0 0 18px}
}