body{--bg:#f7fbfd;--panel:#fff;--line:#d6e4eb;--muted:#65808e;--text:#123a4e;--lime:#087aa9;background:var(--bg);color:var(--text)}
body .site-header{height:90px;background:#ffffffea;border-color:#dce8ee;gap:36px}
body .brand-logo{width:38px;height:38px;flex:0 0 auto;filter:drop-shadow(0 3px 0 #c0e6f6);transition:transform .2s}
body .brand:hover .brand-logo{transform:rotate(-4deg) scale(1.04)}
body .brand-tld{color:#087da9;font-weight:700}
body .brand-icon{background:#087da9;color:white;box-shadow:2px 3px 0 #c0e6f6}
body .brand-icon span{background:#fff;color:#1a8cb9}
body nav a:hover,body nav a.active{color:#087da9}
body .bookmark-count{background:#e2f3f9}
body .header-search{background:#f5fafc;border-color:#d6e4eb}
body .header-search input{color:#17465d}
body .profile-icon{background:#e1f2fa;color:#146d92}
body .button{border-color:#b7d2df;color:#184f69;box-shadow:0 3px 0 #d5e5ed;background:#fff}
body .button:hover{background:#e3f4fc;box-shadow:0 5px 0 #cedfe8}
body .button.primary{background:#075a80;border-color:#075a80;color:#fff;box-shadow:0 4px 0 #b0d9ea}
body .button.primary:hover{background:#0877a6}
body .live-dot{background:#0788bc;box-shadow:0 0 0 4px #0788bc12}
body .text-button{color:#175975}
body .section-heading h2{font-size:39px;letter-spacing:-1.8px}
body .section-heading .eyebrow{color:#527e91;font-size:9px}
body .section-link{color:#277495}
body .filter-row{border-color:#d7e6ed}
body .genre-chip{border-color:#d1e3ec;background:#fff;color:#527487}
body .genre-chip:hover,body .genre-chip.selected{border-color:#0d7ca9;background:#0d7ca9;color:#fff}
body .filter-row select{background:white;color:#315f75;border-color:#cde0e9}
body .cover{border:1px solid #bdd6e2;box-shadow:0 5px 0 #e3edf3;border-radius:9px}
body .cover-status{background:#fffffff0;color:#1f5871;border-color:#c8e1ed}
body .cover-arrow{color:white;background:#087ca9}
body .card-genres{color:#2484ab;font-size:8px}
body .manga-card h3{color:#163e55;font-size:17px}
body .card-bottom{color:#73909e}
body .card-bottom>span+span{color:#2e7595}
body footer{background:#fff;border-color:#d3e3ec}
body .footer-links{color:#4d748a}
body .copyright{color:#7e98a5;border-color:#e0eaf0}
body .chapter-list a{border-color:#d8e5ec;background:white}
body .chapter-list a:hover{border-color:#69accb;color:#1678a0}
body .detail-copy .synopsis{color:#56788a}
body .demo-strip{background:#e1f2f9;color:#277491}
body .demo-strip span{color:#6b8b9b}
body .install-modal{background:#f4fbff;color:#173f53;border-color:#bfdce9;box-shadow:0 25px 100px #08395733}
body .install-modal p{color:#648394}
body .install-modal .eyebrow{color:#47849f}
body .install-modal .text-button{color:#5c7d8c}
body .toast{background:#e5f5fd;color:#176586;border-color:#8abfd5}
@media(max-width:1100px){body .site-header{gap:24px}
}
@media(max-width:760px){body .site-header{height:76px;gap:20px}
body .section-heading h2{font-size:30px}
body .section-heading .eyebrow{font-size:7px}
body .manga-card h3{font-size:15px}
body .footer-links{flex-wrap:wrap;gap:18px}
body .header-search{background:#f2faff}
}
@media(max-width:420px){body .motion-toggle{font-size:8px;padding:4px 7px}
body .section-heading h2{font-size:27px}
body .section-link{font-size:8px}
body .brand{font-size:21px}
body .site-header{gap:14px}
}
.icon-arrow{display:inline-block;width:14px;height:14px;vertical-align:middle;flex-shrink:0}
.button .icon-arrow{width:15px;height:15px}
.cover-arrow .icon-arrow{margin-top:5px}

body .catalogue{padding-top:30px;padding-bottom:35px}
.catalogue-heading{position:relative;padding-right:135px;min-height:72px;align-items:center;margin-bottom:18px}
.catalogue-sketch{position:absolute;right:0;top:-18px;width:130px;height:104px;pointer-events:none}
.series-count{font-size:11px;color:#608194;white-space:nowrap}
.catalogue .section-heading h2{margin-top:10px}
.catalogue .filter-row{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-bottom:16px;margin-bottom:24px;min-width:0}
.catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.catalogue-actions{display:flex;align-items:center;gap:8px}
.catalogue-actions form{margin:0}
.catalogue-actions .motion-toggle,.catalogue-actions select{height:34px;border:1px solid #c9dfe9;border-radius:7px;background:#fff;color:#39718b;font-size:10px;padding:0 10px;line-height:normal}
.catalogue-actions .motion-toggle{min-width:96px}
.catalogue-actions select{width:116px;max-width:none}
.catalogue .genre-list{display:flex;flex-wrap:nowrap;gap:8px;height:auto;overflow-x:auto;min-width:0;padding:2px 1px 7px;margin:0;scrollbar-width:thin;scrollbar-color:#bdd7e3 transparent}
.catalogue .genre-list .genre-chip{display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:32px;padding:0 15px;font-size:10px;font-weight:500;border-radius:7px}
@media(max-width:760px){
 body .catalogue{padding:22px 20px 32px}
 .catalogue-heading{padding-right:82px;min-height:68px;margin-bottom:12px}
 .catalogue-sketch{right:-5px;top:-12px;width:88px;height:76px}
 .catalogue .section-heading h2{font-size:29px;letter-spacing:-1.4px}
 .catalogue .section-heading .eyebrow{font-size:7px;letter-spacing:1.4px}
 .catalogue .filter-row{gap:12px;margin-bottom:22px}
 .catalogue .genre-list{gap:7px}
 .catalogue .genre-list .genre-chip{height:32px;font-size:9px;padding-inline:12px}
 .discovery-page .manga-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px}
 body .manga-card h3{font-size:12px;line-height:1.35;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .discovery-page .card-genres{font-size:7px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0 5px}
 .discovery-page .card-bottom{display:block;font-size:8px;margin-top:7px}
 .discovery-page .card-bottom>span+span{display:none}
}
@media(max-width:360px){.catalogue .section-heading h2{font-size:25px}.catalogue-actions{gap:6px}.catalogue-actions .motion-toggle{min-width:86px;padding-inline:7px}.catalogue-actions select{width:106px;padding-inline:7px}.series-count{font-size:10px}}

body .site-footer .brand{font-size:clamp(44px,14vw,120px)}
body .site-footer .brand-logo{width:.9em;height:.9em;margin-right:.02em}
body .site-footer .footer-links{justify-content:center}