@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#16151d;--panel:#22212b;--header:#201f28;--text:#e8e7ed;--muted:#a3a0af;--border:#33313f;--accent:#f47925;--input:#302e3b;--soft:#292733}
:root[data-theme=light]{color-scheme:light;--bg:#f0f1f4;--panel:#fff;--header:#fff;--text:#262530;--muted:#686675;--border:#e4e3e9;--input:#f2f1f5;--soft:#f5f4f8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.7 'Noto Sans Thai',Tahoma,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover,a:hover{color:var(--accent)}.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}.accent{color:var(--accent)}.topline{border-bottom:1px solid var(--border);background:var(--header);color:var(--muted);font-size:10px;padding:5px 0}.header{background:var(--header)}.header-inner{height:88px;display:flex;align-items:center;gap:55px}.brand{display:flex;align-items:center;gap:12px;font-size:35px;line-height:1;font-weight:800;white-space:nowrap}.brand-mark{font-family:Arial,sans-serif;font-style:italic;background:var(--accent);color:white;padding:10px 9px 9px 5px;border-radius:5px;letter-spacing:-5px;font-size:30px;transform:skew(-7deg)}.brand-mark span{color:#28232d}.brand small{display:block;letter-spacing:2px;font-size:7px;margin-top:8px;color:var(--muted)}.search{display:flex;background:var(--input);border-radius:4px;max-width:460px;flex:1;overflow:hidden;height:38px}.search input{border:0;background:transparent;padding:9px 14px;min-width:0;width:100%;color:var(--text);outline-offset:-3px}.search button{width:46px;display:grid;place-items:center;flex:none}.theme-toggle{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}.switch{width:35px;height:19px;border-radius:20px;background:var(--accent);padding:3px;display:flex;justify-content:flex-end}.switch i{width:13px;height:13px;background:white;border-radius:50%}[data-theme=light] .switch{justify-content:flex-start;background:#aaa}.main-nav{background:var(--accent);color:white}.nav-inner{display:flex;align-items:stretch;min-height:44px}.nav-inner button{padding:11px 18px;font-size:12px;font-weight:600;white-space:nowrap}.nav-inner button:hover,.nav-inner button.active{background:#0002;color:white}.bookmark-nav{margin-left:auto}#saved-count{font-size:10px;background:#0003;padding:1px 5px;border-radius:3px;margin-left:3px}.featured{position:relative;margin:24px 0 0}.feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{position:relative;isolation:isolate;min-height:244px;overflow:hidden;background:#252433;border-radius:5px;color:white;display:flex;align-items:center;gap:20px;padding:27px}.feature-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:blur(2px);opacity:.4}.feature-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14131cdb,#14131c85);z-index:-1}.feature-cover{width:120px;height:176px;flex-shrink:0;position:relative;border:3px solid #ffffff20;box-shadow:0 4px 20px #0006;border-radius:4px;overflow:hidden;padding:0}.feature-cover img{width:100%;height:100%;object-fit:cover}.feature-copy{min-width:0}.feature-kicker{color:#ffc38e;font-size:10px;font-weight:600}.feature-copy h2{font-size:19px;line-height:1.5;margin:5px 0 10px}.feature-copy h2 button{text-align:left;padding:0;font-weight:700}.feature-meta{font-size:10px;line-height:1.8;color:#ccc6d2;margin:0 0 8px}.feature-meta b{color:#f3f0f7}.feature-desc{font-size:11px;color:#b9b5c3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px}.feature-link{font-size:10px;border:1px solid #ffffff35;border-radius:3px;padding:4px 12px}.slide-controls{display:flex;justify-content:center;align-items:center;gap:13px;height:33px;color:var(--muted);font-size:10px}.slide-controls button{font-size:21px;line-height:1}.genre-strip{display:flex;gap:7px;flex-wrap:wrap;background:var(--panel);padding:13px;border-radius:4px}.genre-strip button{background:var(--soft);border:1px solid var(--border);border-radius:3px;padding:4px 13px;color:var(--muted);font-size:11px}.genre-strip button.active,.genre-strip button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.genre-strip .all-manga{margin-left:auto}.intro{padding:22px 0 18px}.intro h1{font-size:19px;margin:0 0 7px;font-weight:600}.intro p{font-size:12px;line-height:1.9;margin:0;color:var(--muted)}.panel{background:var(--panel);border-radius:4px;overflow:hidden;margin-bottom:22px;border:1px solid var(--border)}.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);min-height:48px;padding:10px 17px;gap:12px}.section-heading h2{font-size:15px;font-weight:600;margin:0;padding-left:10px;border-left:3px solid var(--accent);line-height:1.4}.section-caption,.text-button{font-size:10px;color:var(--muted)}.text-button{background:var(--soft);border-radius:3px;padding:3px 9px}.popular-cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;padding:18px}.poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:3px;background:var(--soft)}.cover{display:block;padding:0;width:100%;height:100%;text-align:left;position:relative;color:white}.cover img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.cover:hover img{transform:scale(1.04)}.poster-title{position:absolute;inset:auto 0 0;padding:30px 10px 13px;background:linear-gradient(transparent,#070a16dd);font-weight:700;font-size:17px;line-height:1.5;white-space:pre-line;text-shadow:0 1px 4px #000}.type-badge{position:absolute;top:6px;left:6px;font:700 8px/1.5 Arial,sans-serif;background:#3372a0;color:white;padding:2px 5px;border-radius:2px;pointer-events:none}.save{position:absolute;right:5px;top:5px;background:#0b0c18bd;width:26px;height:26px;border-radius:3px;color:white;font-size:18px;line-height:1}.save[aria-pressed=true]{color:#fff;background:var(--accent)}.mini-title{padding:9px 0 3px;font-size:12px;line-height:1.5;font-weight:600;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%}.mini-meta{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-top:4px;gap:4px}.status-dot{color:var(--accent)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.main-column,.sidebar{min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 17px 0;color:var(--muted);font-size:10px;gap:10px}.toolbar p{margin:0}.toolbar select{border:1px solid var(--border);border-radius:3px;color:var(--text);background:var(--soft);padding:3px;font-size:10px}.updates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px;gap:23px 18px}.update-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:start}.update-card .poster{aspect-ratio:2/3}.update-card .poster-title{font-size:10px;padding:20px 5px 5px}.update-card .save{width:21px;height:21px;font-size:15px;top:3px;right:3px}.update-card .type-badge{display:none}.update-title{font-size:11px;text-align:left;font-weight:600;line-height:1.6;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.update-info{margin:7px 0 5px;color:var(--muted);font-size:10px}.chapter-pill{background:var(--soft);border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-size:9px;display:inline-block;color:var(--muted)}.update-tag{font-size:9px;color:var(--muted);margin:5px 0 0}.list-footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 18px;color:var(--muted);font-size:10px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:18px}.category-grid .update-card{grid-template-columns:85px minmax(0,1fr)}.category-grid .update-title{font-size:12px}.category-grid .update-tag{font-size:10px}.top-badge{font:700 9px Arial,sans-serif;background:var(--accent);color:white;border-radius:3px;padding:4px 6px}.ranking-tabs{display:flex;margin:14px 14px 0;border:1px solid var(--border);border-radius:4px;overflow:hidden}.ranking-tabs button{flex:1;font-size:11px;padding:6px;background:var(--soft)}.ranking-tabs button.active{background:var(--accent);color:white}.ranking{list-style:none;padding:0 15px;margin:0}.ranking li{display:grid;grid-template-columns:25px 47px minmax(0,1fr);gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid var(--border)}.ranking li:last-child{border-bottom:0}.rank-number{width:25px;height:29px;display:grid;place-items:center;border:1px solid var(--border);border-radius:3px;font-size:12px;color:var(--muted)}.ranking li:first-child .rank-number{background:var(--accent);color:#fff;border-color:var(--accent)}.rank-cover{width:47px;height:65px;border-radius:3px;object-fit:cover}.rank-title{font-size:11px;line-height:1.5;font-weight:600;padding:0;text-align:left}.rank-meta{font-size:9px;line-height:1.7;color:var(--muted);margin:4px 0 0}.rank-empty{display:block!important;color:var(--muted);font-size:12px}.category-links{padding:10px 17px}.category-links button{display:flex;justify-content:space-between;width:100%;padding:10px 0;font-size:12px;border-bottom:1px solid var(--border)}.category-links button:last-child{border:0}.category-links span{font-size:10px;color:var(--muted)}.saved-note{padding:23px;text-align:center}.saved-note>span{font-size:30px;color:var(--accent)}.saved-note h2{font-size:14px;margin:5px 0}.saved-note p{font-size:11px;color:var(--muted);margin-bottom:16px}.primary{background:var(--accent);color:white;border-radius:4px;padding:8px 15px;font-size:12px;font-weight:600}.primary:hover{background:#d96113;color:white}.empty{text-align:center;padding:45px 20px}.empty>span{font-size:32px;color:var(--accent)}.empty h3{font-size:15px}.empty p{color:var(--muted);font-size:12px}[hidden]{display:none!important}footer{margin-top:15px;border-top:3px solid var(--accent);background:var(--header);text-align:center;padding:28px 0 22px}.footer-brand{font-size:25px;font-weight:800}footer p{font-size:12px;margin:7px 0;color:var(--muted)}footer small{font-size:10px;color:var(--muted)}.back-top{display:block;margin-top:16px;font-size:11px;color:var(--accent)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;width:min(700px,calc(100% - 30px));padding:30px}dialog::backdrop{background:#080711cc;backdrop-filter:blur(4px)}.close{position:absolute;top:8px;right:8px;background:var(--soft);border-radius:3px;width:28px;height:28px}.detail-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:25px;align-items:center}.detail-art{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:4px}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-copy h2{font-size:23px;line-height:1.5;margin:10px 0}.detail-copy p{font-size:12px;line-height:1.9;color:var(--muted)}.detail-category{color:var(--accent);font-size:11px}.demo-note{border-top:1px solid var(--border);padding-top:12px;font-size:10px!important}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:var(--accent);color:white;box-shadow:0 5px 25px #0005;padding:11px 20px;border-radius:5px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90%;width:max-content}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.container{width:calc(100% - 32px)}.content-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-cards{gap:12px;grid-template-columns:repeat(7,minmax(0,1fr))}.poster-title{font-size:14px}.feature-card{padding:20px;gap:14px}.feature-cover{width:100px;height:150px}.feature-copy h2{font-size:17px}.header-inner{gap:35px}.nav-inner button{padding-inline:13px}}
@media(max-width:800px){.content-layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.sidebar>section:first-of-type{grid-row:span 2}.sidebar .panel{margin-bottom:0}.popular-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.popular-cards>article:nth-child(n+5){display:none}.feature-card{min-height:220px}.feature-cover{width:85px;height:130px}.feature-copy h2{font-size:15px}.feature-desc{display:none}.header-inner{gap:25px}.theme-toggle #theme-label{display:none}.nav-inner{overflow-x:auto}.bookmark-nav{margin-left:0}.genre-strip .all-manga{margin-left:0}.updates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.update-card{grid-template-columns:65px minmax(0,1fr)}footer{margin-top:25px}}
@media(max-width:580px){.container{width:calc(100% - 24px)}.topline{font-size:9px}.header-inner{height:auto;min-height:116px;flex-wrap:wrap;gap:12px;padding-block:15px}.brand{font-size:28px}.brand-mark{font-size:24px;padding:8px}.brand small{font-size:6px}.theme-toggle{margin-left:auto}.search{order:3;flex-basis:100%;max-width:none;height:34px}.nav-inner button{font-size:11px;padding:11px 12px}.featured{margin-top:15px}.feature-cards{grid-template-columns:1fr;gap:12px}.feature-card{min-height:205px;padding:20px}.feature-card:nth-child(2){display:none}.feature-cover{width:105px;height:155px}.feature-copy h2{font-size:18px}.feature-desc{display:-webkit-box;font-size:10px}.genre-strip{padding:10px;gap:6px}.genre-strip button{padding:3px 8px;font-size:10px}.intro{padding-block:18px}.intro h1{font-size:17px}.intro p{font-size:11px}.section-heading{padding:11px 12px;min-height:44px}.section-heading h2{font-size:14px}.popular-cards{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:12px}.popular-cards>article:nth-child(4){display:none}.poster-title{font-size:13px;padding-inline:7px}.mini-title{font-size:11px}.mini-meta{font-size:9px;flex-wrap:wrap}.type-badge{font-size:7px;left:4px;top:4px}.updates-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 12px;gap:22px 12px}.update-card{grid-template-columns:60px minmax(0,1fr);gap:8px}.update-title{font-size:10px;min-height:32px}.update-info{font-size:9px}.update-tag{font-size:8px}.chapter-pill{font-size:8px;padding:2px 4px}.toolbar{padding:12px 12px 0;font-size:9px}.toolbar select{font-size:9px;max-width:96px}.category-grid{grid-template-columns:1fr;padding:14px;gap:17px}.category-grid .update-card{grid-template-columns:75px minmax(0,1fr)}.category-grid .update-card+.update-card{padding-top:17px;border-top:1px solid var(--border)}.category-grid .update-title{min-height:auto}.category-grid .update-info{font-size:11px}.sidebar{grid-template-columns:1fr}.sidebar>section:first-of-type{grid-row:auto}.list-footer{padding:11px 12px;font-size:9px}.detail-layout{grid-template-columns:1fr}.detail-art{width:135px;margin:auto}.detail-copy h2{font-size:21px}dialog{padding:25px}.feature-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.brand{font-size:29px}.brand-mark{letter-spacing:-4px;font-size:26px}.brand small{font-size:7px;letter-spacing:1.3px}.intro a,.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.seo-article{margin-top:6px}.article-body{padding:22px 28px;max-width:960px;margin:auto;font-size:14px;line-height:2}.article-body>p{color:var(--muted);margin:0 0 18px}.article-body h3{font-size:18px;margin:27px 0 10px;font-weight:600}.article-body details{border-top:1px solid var(--border);padding:13px 0}.article-body summary{cursor:pointer;font-weight:500}.article-body details p{color:var(--muted);font-size:13px;margin:10px 0 0}footer small{display:block}footer a[href="#manga-guide"]{display:inline-block;color:var(--accent);font-size:11px;margin-top:12px}@media(max-width:580px){.brand{font-size:25px}.article-body{padding:18px;font-size:13px}.article-body h3{font-size:16px}.seo-article .section-heading h2{line-height:1.7}}