:root {
    --bg: #080b0e;
    --panel: #12161c;
    --ink: #f7f7fb;
    --muted: #9aa2ad;
    --accent: #8d52eb;
    --line: #252b35;
    color-scheme: dark
}

* {
    box-sizing: border-box
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: "Prompt", "Noto Sans Thai", Tahoma, Arial, sans-serif;
    line-height: 1.55
}

a {
    color: inherit;
    text-decoration: none
}

.footer-about-content>section,
.read-home>.read-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 420px
}

/* WCAG AA contrast corrections for compact labels and controls. */
.card-bookmark.is-saved {
    background: #7630c4;
    border-color: #9b64e8
}

.read-popular-cards .popular-fire {
    background: #a73b08
}

.rating-stars .is-empty,
.related-showcase .related-showcase-stats .related-stars-empty {
    color: #7f8998
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

.site-header {
    height: 58px;
    display: flex;
    align-items: center;
    padding: 0 22px;
    background: #080b0ef2;
    border-bottom: 1px solid #1b2028
}

.brand {
    font-style: italic;
    font-size: 1.23rem;
    font-weight: 900;
    letter-spacing: -1px;
    margin-right: 53px
}

.brand span {
    color: #8d52eb
}

.primary-nav {
    display: flex;
    gap: 32px;
    height: 100%;
    align-items: center
}

.primary-nav a {
    font-size: .78rem;
    font-weight: 600;
    color: #c8cbd1;
    white-space: nowrap
}

.primary-nav .is-current {
    color: #fff
}

.search {
    height: 32px;
    margin-left: auto;
    display: flex
}

.search input {
    width: 205px;
    background: #141820;
    border: 0;
    border-radius: 5px 0 0 5px;
    color: #fff;
    padding: 7px 10px;
    font-size: .76rem
}

.search button {
    background: #141820;
    border: 0;
    border-left: 1px solid #303541;
    border-radius: 0 5px 5px 0;
    color: #fff;
    font-size: 1.3rem;
    padding: 0 12px
}

.account-actions {
    display: flex;
    gap: 10px;
    margin-left: 14px
}

.login-button,
.register-button {
    height: 32px;
    display: grid;
    place-items: center;
    padding: 0 12px;
    border-radius: 5px;
    font-size: .76rem;
    font-weight: 700
}

.login-button {
    border: 1px solid #59606c
}

.register-button,
.button {
    background: linear-gradient(100deg, #7e42dd, #9d65f4)
}

main {
    min-height: 80vh
}

.home-shell {
    max-width: 1450px;
    margin: auto;
    padding: 0 2vw 50px
}

.hero-banner {
    min-height: 410px;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 7px 7px;
    background: radial-gradient(circle at 72% 38%, #315493 0, #15223b 25%, #0b1018 62%)
}

.hero-banner:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #080b0ef7, #080b0e88 41%, transparent 75%)
}

.hero-copy {
    max-width: 440px;
    padding: 108px 8%;
    position: relative;
    z-index: 1
}

.hero-copy h1 {
    font-size: 3.2rem;
    line-height: 1.1;
    margin: 18px 0 12px
}

.hero-copy p {
    color: #d0d3d9;
    max-width: 340px
}

.hero-labels,
.hero-actions {
    display: flex;
    gap: 10px
}

.badge {
    background: #1e232c;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: .73rem;
    font-weight: 700
}

.badge-primary {
    background: #8d52eb
}

.button {
    display: inline-block;
    border: 0;
    border-radius: 5px;
    color: #fff;
    padding: 12px 21px;
    font-weight: 700
}

.button-outline {
    background: transparent;
    border: 1px solid #8b929e
}

.hero-art {
    position: absolute;
    inset: 0 0 0 43%;
    display: grid;
    place-items: center;
    background: radial-gradient(ellipse at 65% 55%, #7199e088, transparent 46%)
}

.hero-art span {
    font: 900 12rem/.75 Arial;
    color: #6388ca25;
    letter-spacing: -.12em;
    transform: rotate(-7deg)
}

.hero-dots {
    display: flex;
    gap: 8px;
    margin-top: 40px
}

.hero-dots i {
    width: 30px;
    height: 5px;
    background: #767b84;
    border-radius: 10px
}

.hero-dots i:first-child {
    background: var(--accent)
}

.content-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 355px;
    gap: 20px;
    margin-top: 20px
}

.home-section {
    margin-bottom: 36px
}

.home-section h2,
.side-panel h2,
.announcement h2 {
    font-size: 1.25rem;
    margin: 0
}

.home-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

.home-section-heading>a {
    color: #a56cff;
    font-size: .85rem
}

.genre-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px
}

.genre-tile {
    background: var(--panel);
    border: 1px solid #1b2028;
    border-radius: 6px;
    text-align: center;
    padding: 18px 4px 13px;
    font-size: .8rem
}

.genre-tile span {
    display: block;
    color: #c49bff;
    font-size: 1.65rem;
    margin-bottom: 6px
}

.tabs {
    display: flex;
    gap: 28px;
    border-bottom: 1px solid var(--line);
    margin-bottom: 18px
}

.tabs a {
    font-size: .88rem;
    color: var(--muted);
    padding-bottom: 10px
}

.tabs .is-active {
    color: #b68aff;
    border-bottom: 2px solid var(--accent)
}

.featured-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px
}

.featured-card {
    background: var(--panel);
    border: 1px solid #222833;
    border-radius: 6px;
    padding: 9px;
    position: relative
}

.poster {
    aspect-ratio: 2/2.85;
    overflow: hidden;
    border-radius: 4px;
    background: #1c2330
}

.poster img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.featured-card h3 {
    font-size: .9rem;
    margin: 9px 0;
    height: 44px;
    overflow: hidden
}

.rank {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #4a505a;
    border-radius: 3px;
    padding: 1px 7px;
    z-index: 1;
    font-weight: 800
}

.featured-card:first-child .rank {
    background: #ffbe1d
}

.card-meta {
    display: flex;
    justify-content: space-between;
    color: var(--muted);
    font-size: .78rem
}

.card-meta span:last-child,
.ranking-list em {
    color: #f2c525
}

.update-list {
    border: 1px solid #202630;
    border-radius: 6px;
    overflow: hidden
}

.update-row {
    display: grid;
    grid-template-columns: 55px 1fr 120px 50px 115px;
    gap: 12px;
    align-items: center;
    padding: 9px;
    border-bottom: 1px solid #202630;
    background: var(--panel)
}

.update-row img,
.ranking-list img {
    object-fit: cover;
    border-radius: 3px
}

.update-row span,
.update-row time {
    color: var(--muted);
    font-size: .85rem
}

.update-row b {
    font-size: .65rem;
    background: #8954e7;
    padding: 3px 6px;
    border-radius: 3px
}

.side-panel,
.announcement {
    background: var(--panel);
    border: 1px solid #1e242e;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 14px
}

.ranking-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.ranking-list li {
    display: grid;
    grid-template-columns: 18px 34px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 7px 0;
    font-size: .82rem
}

.ranking-list em {
    font-style: normal;
    font-size: .76rem
}

.announcement {
    display: flex;
    gap: 13px
}

.announcement>span {
    background: #543497;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #d3b9ff;
    font-size: 1.5rem
}

.announcement h2 {
    font-size: .9rem
}

.announcement p {
    color: var(--muted);
    font-size: .78rem;
    margin: 3px 0
}

.section {
    max-width: 1340px;
    margin: 0 auto;
    padding: 55px 24px
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 28px 18px
}

.cover {
    aspect-ratio: 2/2.8;
    background: #292d26;
    border-radius: 5px;
    overflow: hidden
}

.cover img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.card h2 {
    font-size: 1rem;
    margin: 10px 0
}

.detail {
    max-width: 1340px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(220px, 360px) 1fr;
    gap: 30px;
    position: relative;
    padding-top: 38px;
    padding-bottom: 38px;
    background: radial-gradient(ellipse at 78% 18%, #26385d 0, #101722 38%, #0b0e13 75%);
    border: 1px solid #273140;
    border-radius: 10px;
}

.detail-cover img{width:100%;max-width:260px;aspect-ratio:2/2.8;object-fit:cover;border:1px solid #8e4df0;border-radius:8px;box-shadow:0 12px 35px #0008}.detail h1{font-size:2rem;line-height:1.15;margin:8px 0}.detail .tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.detail .tags a{padding:5px 9px;border-radius:4px;background:#211a35;color:#c497ff;font-size:.72rem}.detail dl{display:grid;gap:8px;margin:20px 0}.detail dl div{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid #202733;padding-bottom:6px}.detail dt{color:#9da6b4}.detail dd{margin:0;color:#f2f4f8}.prose{max-width:1340px}.prose p{max-width:900px;line-height:1.8;color:#c8ced8}.chapters{max-width:1340px}.chapters li a{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center}

.chapters {
    list-style: none;
    padding: 0
}

.chapters li {
    border-bottom: 1px solid var(--line);
    padding: 12px
}

.reader {
    text-align: center
}

.pages {
    max-width: 980px;
    margin: auto
}

.pages img {
    width: 100%
}

.error {
    text-align: center;
    padding: 100px 20px
}

footer {
    border-top: 1px solid var(--line);
    padding: 40px 20px;
    text-align: center;
    color: var(--muted)
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

@media(max-width:1000px) {
    .primary-nav {
        gap: 14px
    }

    .primary-nav a {
        font-size: .7rem
    }

    .brand {
        margin-right: 24px
    }

    .content-columns {
        grid-template-columns: 1fr
    }

    .genre-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width:760px) {

    .primary-nav,
    .account-actions {
        display: none
    }

    .search {
        margin-left: auto
    }

    .site-header {
        padding: 0 16px
    }

    .hero-banner {
        min-height: 365px
    }

    .hero-copy {
        padding: 65px 25px
    }

    .hero-copy h1 {
        font-size: 2.4rem
    }

    .hero-art {
        left: 35%;
        opacity: .55
    }

    .featured-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .genre-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .update-row {
        grid-template-columns: 48px 1fr auto
    }

    .update-row span,
    .update-row b {
        display: none
    }

    .detail {
        grid-template-columns: 1fr
    }
}
.detail-cover{display:flex;align-items:center;justify-content:center}
.detail-stats{display:flex;align-items:center;gap:14px;margin:14px 0;padding:10px 0;border-bottom:1px solid var(--line);color:#c8ced8;font-size:.78rem}.detail-stats span:first-child{color:#ffc62e;font-weight:700}
.detail-extra{display:grid;grid-template-columns:110px 1fr;gap:7px 14px;margin:12px 0;color:#9da6b4;font-size:.78rem}.detail-extra strong{color:#f2f4f8;font-weight:500}
.chapters{margin:0;padding:10px 16px;background:linear-gradient(120deg,#111521,#121824);border:1px solid #252d3b;border-radius:8px}.chapters li{border-bottom:1px solid #222a35;padding:9px 0}.chapters li:last-child{border-bottom:0}.chapters li a{color:#dfe4ec}.chapters li a strong{font-size:.78rem}.chapters li a span{color:#9da6b4;font-size:.72rem}.chapters li a time{color:#9da6b4;font-size:.68rem}
.breadcrumb{display:flex;align-items:center;gap:10px;padding:14px 5px 8px 5px;color:#8f98a8;font-size:.72rem}.breadcrumb a{color:#a56cff}.breadcrumb span:last-child{color:#aeb6c3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prose{max-width:1340px;margin-top:18px;padding:18px 24px;background:linear-gradient(110deg,#111522,#20163a);border:1px solid #30254f;border-radius:8px}.prose h2{margin:0 0 8px;font-size:1.05rem}.prose p{max-width:none;line-height:1.8;color:#c8ced8;font-size:.78rem}
.detail-lower{display:grid;margin-top: 18px;margin-bottom: 18px;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:12px;max-width:1340px;padding:0;background:transparent;border:0}
.detail-chapters,.detail-info-panel{min-width:0;background:linear-gradient(135deg,#111521,#10141d);border:1px solid #252d3b;border-radius:8px;padding:10px 14px}
.detail-info-panel h2,.detail-chapters h2{font-size:1rem;margin:0}
.detail-info-list{display:grid;gap:12px;margin:16px 0 4px}.detail-info-list div{display:grid;grid-template-columns:115px 1fr;gap:10px}.detail-info-list dt{color:#9da6b4}.detail-info-list dd{margin:0;color:#dfe4ec}
@media (max-width:700px){.detail-lower{grid-template-columns:1fr}.detail-info-list div{grid-template-columns:100px 1fr}.breadcrumb{width:100%;min-width:0;gap:5px;padding:9px 2px 6px;font-size:.62rem;white-space:nowrap;overflow:hidden}.breadcrumb a{flex:0 0 auto}.breadcrumb span:last-child{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail h1{max-width:100%;font-size:clamp(.95rem,5vw,1.2rem);line-height:1.3;overflow-wrap:anywhere}}
@media (max-width:700px){.detail-actions{width:100%;gap:8px}.detail-actions .button{flex:1 1 160px;min-width:0;height:40px;padding:8px 10px}.detail h1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}}
.breadcrumb a:first-child::before{content:'⌂';display:inline-block;margin-right:6px;font-size:.85em;color:#9da6b4}
.detail.section{max-width:1340px}
.detail-lower.section{width:100%;max-width:1340px}
.prose.section{max-width:1340px;padding:18px 24px;background:linear-gradient(120deg,#111321,#211741);border:1px solid #3b2662;border-radius:8px}
.prose.section h2{font-size:1.05rem;margin:0 0 12px}.prose.section p{max-width:none;margin:0;font-size:.78rem;line-height:1.8}
.detail-chapters .section-head{margin-bottom:8px}.detail-chapters .section-head span{font-size:.8rem;color:#c9d0dc}.detail-chapters{min-height:170px}.detail-info-panel{min-height:170px}
.detail h1{font-size:clamp(1.45rem,2.2vw,2rem);max-width:820px}.detail .muted{font-size:.85rem}.detail dl{font-size:.82rem}.detail dl div{grid-template-columns:90px 1fr}.detail .detail-extra{font-size:.72rem}.detail .detail-stats{font-size:.75rem}
.detail h1{font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.2}.detail .muted{font-size:.72rem}.detail .tags a{font-size:.65rem;padding:4px 8px}.detail dl{font-size:.72rem}.detail .detail-extra{font-size:.65rem}.detail .detail-stats{font-size:.68rem}.detail .button{font-size:.72rem;padding:9px 14px}
.detail h1{font-size:clamp(1rem,1.4vw,1.3rem)}.detail .muted{font-size:.66rem}.detail .tags a{font-size:.6rem;padding:3px 7px}.detail dl{font-size:.67rem}.detail .detail-extra{font-size:.6rem}.detail .detail-stats{font-size:.63rem}
.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px}.detail-actions .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.detail-actions .button{min-width:132px;height:38px}.detail-actions .button-primary{background:#8741e8;color:#fff;border:1px solid #8741e8}.detail-actions .button-outline{background:transparent;border:1px solid #596273;color:#e9edf5;cursor:pointer}.detail-actions .button-outline.is-saved{background:#7134cf;border-color:#a66cff;color:#fff;box-shadow:0 0 14px #7134cf66}
.chapters li a span:empty{display:none}.chapters li a{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.chapters li a strong{font-size:.78rem;color:#f5f7fb}
.detail > div:nth-child(2) > dl,.detail > div:nth-child(2) > .detail-extra{display:none}
.detail-overview{margin-top:16px;border-top:1px solid #293142;padding-top:14px}.detail-stat-cards{display:flex;gap:24px;margin-bottom:15px}.detail-stat-cards>span{display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:center;color: #ffc329;font-size: .82rem;}.detail-stat-cards b{color:#f6f8fc}.detail-stat-cards small{grid-column:1/-1;color:#9ba5b4;font-size:.6rem}.detail-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.detail-data-grid dl{display:grid;gap:7px;margin:0}.detail-data-grid dl div{display:grid;grid-template-columns:90px 1fr;gap:8px;border:0;padding:0}.detail-data-grid dt{font-size:.67rem;color:#9fa8b6}.detail-data-grid dd{font-size:.67rem;color:#eef1f5;line-height:1.45}@media(max-width:700px){.detail-data-grid{grid-template-columns:1fr}.detail-stat-cards{gap:12px;flex-wrap:wrap}}
.related-manga ul{list-style:none;margin:10px 0 0;padding:0}.related-manga li+li{border-top:1px solid #222a35}.related-manga a{display:flex;gap:9px;align-items:center;padding:8px 0;color:#eef1f5;text-decoration:none}.related-manga img{width:34px;height:46px;object-fit:cover;border-radius:4px;background:#171d27}.related-manga span{min-width:0;display:grid;gap:3px}.related-manga b{font-size:.7rem;line-height:1.3;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}.related-manga small{color:#a4adba;font-size:.58rem}
.related-manga img{width:52px;height:72px}.related-manga a{gap:12px;padding:10px 0}.related-manga b{font-size:.76rem}.related-manga small{font-size:.64rem}
.chapters .chapter-pending{display:grid;place-items:center;min-height:58px;border:0;color:#aeb7c4;font-size:.8rem}
.chapter-search{position:sticky;z-index:5;top:0;display:flex;height:36px;align-items:center;gap:8px;margin:0 0 10px;padding:0 12px;border:1px solid #2d3b58;border-radius:7px;background:#0a1020;color:#7f8da8;box-shadow:0 8px 14px #080d18cc}.chapter-search:focus-within{border-color:#7140dc;box-shadow:0 0 0 2px #6d36db22,0 8px 14px #080d18cc}.chapter-search input{width:100%;border:0;outline:0;background:transparent;color:#e8ebf5;font:inherit;font-size:.76rem}.chapter-search input::placeholder{color:#68758d}.chapter-search-empty{margin:8px 0;padding:14px;border:1px dashed #34415a;border-radius:7px;color:#8e99ad;font-size:.76rem;text-align:center}.chapter-search-empty[hidden],.chapters>li[hidden]{display:none}
.detail-chapters{overflow:visible}.chapter-list-scroll{max-height:530px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#6040a8 #111827}.chapter-list-scroll::-webkit-scrollbar{width:7px}.chapter-list-scroll::-webkit-scrollbar-track{background:#111827}.chapter-list-scroll::-webkit-scrollbar-thumb{border-radius:8px;background:#6040a8}@media(max-width:700px){.chapter-list-scroll{max-height:420px}}
.detail-chapters{align-self:start;padding:12px;background:radial-gradient(circle at 8% 0,#28165b55,transparent 24%),linear-gradient(145deg,#0d1326,#090e1b);border-color:#273452}.chapter-section-head{justify-content:flex-start;gap:10px;padding:2px 2px 10px}.chapter-heading-icon{display:grid!important;place-items:center;width:28px;height:28px;border-radius:50%;background:#6730d844;color:#a875ff!important;box-shadow:0 0 16px #7040e877}.detail-chapters .chapters{display:grid;gap:7px;padding:0;background:transparent;border:0}.detail-chapters .chapters li{position:relative;padding:0;border:1px solid #25324b;border-radius:7px;background:linear-gradient(100deg,#11182b,#0c1323);overflow:hidden}.detail-chapters .chapters li::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#6f35ec}.detail-chapters .chapters li.is-latest{border-color:#5931a9;box-shadow:0 0 12px #6935dc55}.detail-chapters .chapters li a{display:grid;grid-template-columns:18px max-content minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 12px;color:#e8ebf5}.chapter-play{display:grid!important;place-items:center;width:14px;height:14px;border:1px solid #7884a0;border-radius:50%;color:#aab4cc!important;font-size:.72rem;line-height:1}.chapter-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-chapters .chapters time{display:flex;align-items:center;gap:5px;white-space:nowrap}@media(max-width:520px){.detail-chapters .chapters li a{grid-template-columns:18px minmax(0,1fr) auto}.chapter-title{display:none!important}}
.detail-chapters .chapters time{justify-self:end;text-align:right}
.detail-lower{grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr)}.detail-lower .related-manga{display:block;margin-top:0}
.related-showcase{max-width:none;padding:16px;background:radial-gradient(circle at 10% 8%,#30206d55,transparent 26%),linear-gradient(145deg,#0f1428,#111726);border:1px solid #5635a2;border-radius:12px;box-shadow:0 14px 40px #0005}.related-showcase header{display:flex;align-items:center;gap:9px;margin:0 0 12px}.related-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#5d2ade33;color:#a868ff;font-size:1.15rem;box-shadow:0 0 18px #733efc88}.related-showcase h2{margin:0;font-size:.9rem}.related-showcase header p{margin:1px 0 0;color:#aeb7c7;font-size:.65rem}.related-showcase-list{display:grid;gap:8px}.related-manga .related-showcase-card{display:grid;grid-template-columns:64px minmax(0,1fr) 12px;gap:9px;align-items:center;padding:6px;background:linear-gradient(100deg,#11182a,#0d1424);border:1px solid #27344e;border-radius:9px;color:#f4f6fb;text-decoration:none;transition:.2s ease}.related-showcase-card:hover{transform:translateY(-2px);border-color:#7544d8}.related-showcase-card>img{width:64px;height:86px;object-fit:cover;border-radius:6px;box-shadow:0 0 12px #7646fb55}.related-showcase-copy{min-width:0}.related-showcase-copy h3{margin:0 0 4px;font-size:.72rem;line-height:1.35;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}.related-showcase-copy>p{margin:0;color:#b5bdcb;font-size:.62rem;display:-webkit-box;overflow:hidden;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.related-showcase-stats{display:flex;align-items:center;gap:8px;margin:6px 0;color:#b7a9ed;font-size:.66rem}.related-showcase-stats i{height:14px;border-left:1px solid #566074}.related-showcase-stats b{color:#ffc933}.related-showcase-tags{display:flex;flex-wrap:wrap;gap:4px}.related-showcase-tags span,.related-showcase-tags em{padding:3px 5px;border-radius:4px;background:#2c1d5b;color:#bd90ff;font-size:.55rem;font-style:normal}.related-showcase-tags em{background:#1b2438;color:#aab4c5}.related-showcase .related-showcase-arrow{display:grid;place-items:center;min-width:0;color:#eef1f5}@media(max-width:700px){.detail-lower{grid-template-columns:1fr}.related-showcase{padding:18px;border-radius:16px}.related-manga .related-showcase-card{grid-template-columns:84px minmax(0,1fr) 12px;gap:12px;padding:8px}.related-showcase-card>img{width:84px;height:116px}.related-showcase-copy h3{font-size:1rem}.related-showcase h2{font-size:1.2rem}}
.footer-about{margin-top:40px;border-top:1px solid #252a34;background:linear-gradient(180deg,#0d1118,#090c11)}.footer-about-inner{max-width:1340px;margin:auto;padding:36px 24px}.footer-about h2{margin:0 0 10px;color:#f1f3f7;font-size:clamp(1.1rem,2vw,1.45rem)}.footer-about p{max-width:980px;margin:0;color:#929cab;font-size:.76rem;line-height:1.8}@media(max-width:700px){.footer-about{margin-top:28px}.footer-about-inner{padding:28px 16px}.footer-about p{font-size:.7rem}}
.related-showcase .related-showcase-stats{display:grid;justify-items:start;gap:4px}.related-showcase .related-showcase-stats b{display:inline-flex;align-items:center;gap:0;overflow:visible;font-size:.68rem;letter-spacing:0;white-space:nowrap;line-clamp:unset;-webkit-line-clamp:unset}.related-showcase .related-showcase-stats .related-stars-filled,.related-showcase .related-showcase-stats .related-stars-empty{display:inline;color:#ffc933;letter-spacing:-1px}.related-showcase .related-showcase-stats .related-stars-empty{color:#46505f}.related-showcase .related-rating-value{margin-left:3px;color:#ffc933;letter-spacing:0}
.footer-about-lead{max-width:900px!important;margin-bottom:26px!important;color:#b1bac8!important;font-size:.8rem!important}.footer-about-content{columns:3;column-gap:34px}.footer-about-content section{break-inside:avoid;margin:0 0 24px}.footer-about-content h3{margin:0 0 7px;color:#cdb3f5;font-size:.82rem}.footer-about-content p{margin:0;color:#7f8998;font-size:.68rem;line-height:1.8}@media(max-width:1000px){.footer-about-content{columns:2}}@media(max-width:650px){.footer-about-content{columns:1}.footer-about-lead{font-size:.72rem!important}.footer-about-content p{font-size:.67rem}}

/* Bundled global styles */

/* Bundled: header.css */
.site-header {
    height: 58px;
    min-height: 58px;
    padding: 0 28px;
}

.brand {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    height: 100%;
    margin-right: 62px;
}

.brand img {
    display: block;
    width: auto;
    height: 52px;
    max-width: 150px;
    object-fit: contain;
}

.primary-nav {
    gap: 39px;
}

.search {
    height: 36px;
    margin-left: auto;
}

.search input {
    width: 260px;
    padding: 8px 12px;
    border-radius: 7px 0 0 7px;
}

.search button {
    padding: 0 14px;
    border-radius: 0 7px 7px 0;
    font-size: 1.45rem;
    cursor: pointer;
}

@media (max-width: 1000px) {
    .primary-nav {
        gap: 14px;
    }

    .brand {
        margin-right: 24px;
    }
}

@media (max-width: 760px) {
    .site-header {
        gap: 12px;
        height: 60px;
        min-height: 60px;
        padding: 0 12px;
    }

    .primary-nav {
        display: none;
    }

    .brand {
        height: 100%;
        margin-right: 0;
    }

    .brand img {
        width: 44px;
        height: 44px;
        max-width: none;
    }

    .search {
        flex: 1 1 auto;
        min-width: 0;
        height: 36px;
        margin-left: 0;
    }

    .search input {
        flex: 1 1 auto;
        width: 0;
        min-width: 0;
    }

    .search button {
        flex: 0 0 42px;
        padding: 0;
    }
}

@media (max-width: 380px) {
    .site-header {
        gap: 8px;
        padding-inline: 8px;
    }

    .brand img {
        width: 40px;
        height: 40px;
    }
}


/* Bundled: home-card-clamp.css */
.read-card h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.carousel-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: transparent;
  font-size: 0;
}

.carousel-arrow::before {
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1;
  transform: translateY(-1px);
}

.carousel-arrow--previous::before {
  content: '‹';
}

.carousel-arrow--next::before {
  content: '›';
}

.read-pagination {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 18px;
}

.read-pagination a {
  display: inline-grid;
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
  place-items: center;
  font-family: Arial, sans-serif;
  font-size: .75rem;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  border: 1px solid #303846;
  border-radius: 4px;
  color: #b9c0cc;
  font-size: .72rem;
  text-align: center;
}

.read-pagination a:hover,
.read-pagination .is-active {
  background: #8648e9;
  border-color: #8648e9;
  color: #fff;
}

.read-pagination .read-pagination-arrow {
  font-size: 1.25rem;
  line-height: 1;
}

.trending-tabs {
  display: flex;
  gap: 16px;
  margin: -3px 0 10px;
  border-bottom: 1px solid #252d38;
}

.trending-tabs button {
  flex: 1;
  padding-bottom: 6px;
  border: 0;
  background: transparent;
  color: #929aa7;
  font-size: .68rem;
  text-align: center;
  cursor: pointer;
}

.trending-tabs button:hover,
.trending-tabs .is-active {
  border-bottom: 2px solid #8e4bea;
  color: #c99aff;
}

.ranking-panel li {
  grid-template-columns: 14px 34px minmax(0, 1fr) auto;
  gap: 8px;
  min-height: 48px;
}

.ranking-panel li > em {
  font-size: .66rem;
  color: #d4d8df;
}

.ranking-panel li > a {
  min-width: 0;
  font-size: .69rem;
  line-height: 1.25;
}

.ranking-panel li > a b,
.ranking-panel li > a small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ranking-panel li > a small {
  margin-top: 3px;
  color: #9299a5;
  font-size: .58rem;
  font-weight: 400;
}

.ranking-panel li > strong {
  color: #b264ff;
  font-size: .6rem;
  font-weight: 500;
}

.read-cards-empty {
  grid-column: 1 / -1;
  margin: 12px 0;
  color: #9aa2ad;
  text-align: center;
}

.card-bookmark {
  position: absolute;
  z-index: 3;
  top: 6px;
  right: 6px;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #687180;
  border-radius: 5px;
  background: #0b0f155c;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
}

.read-card > a > span:not(.rating-stars) {
  display: inline-grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
}

.card-bookmark:hover {
  border-color: #a25bff;
}

.card-bookmark.is-saved {
  background: #a566ff;
  border-color: #a566ff;
  color: #fff;
}

.read-popular-cards .popular-fire {
  background: #f36d22;
  color: #fff;
}

.read-card p {
  display: flex;
  justify-content: space-between;
  gap: 6px;
}

.read-card p time {
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
}

.read-category-panel a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  overflow: hidden;
  text-align: center;
}

.read-category-panel > div:last-child {
  grid-auto-rows: 58px;
}

.read-card .rating {
  display: flex;
  align-items: center;
  margin-top: 3px;
  font-size: .63rem;
  font-weight: 600;
}

.read-card .popular-views {
  margin-left: auto;
  color: #b264ff;
  font-size: .68rem;
  font-weight: 600;
  white-space: nowrap;
}

.read-card .rating > span:nth-child(2) {
  color: #ffc62e;
}

.read-card .rating-stars {
  letter-spacing: -1px;
  margin-right: 5px;
}

.read-card .rating-stars i {
  font-style: normal;
}

.read-card .rating-stars .is-filled {
  color: #ffc62e;
}

.read-card .rating-stars .is-empty {
  color: #46505f;
}

.read-card > a img {
  transition: transform .25s ease;
}

.read-card > a img { transform: translateZ(0); backface-visibility: hidden; image-rendering: auto; }
.read-card:hover > a img { transform: scale(1.03) translateZ(0); }

.read-card .rating > span:last-child:not(.popular-views) {
  color: #a4abb7;
}

.read-cards.read-popular-cards {
  grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 670px) {
  .read-cards.read-popular-cards {
    display: flex;
    grid-template-columns: none;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .read-cards.read-popular-cards::-webkit-scrollbar {
    display: none;
  }

  .read-cards.read-popular-cards .read-card {
    flex: 0 0 46%;
    scroll-snap-align: start;
  }
}


/* Bundled: pagination.css */
.site-pagination{display:flex;justify-content:center;gap:7px;margin:36px 0 0}.site-pagination a{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid #323b48;border-radius:5px;color:#c5cdda;font-family:Arial,sans-serif;font-size:.82rem;line-height:1;text-decoration:none}.site-pagination a:hover,.site-pagination a[aria-current="page"]{border-color:#8d4be9;background:#8d4be9;color:#fff}


/* Bundled: manga-card-meta.css */
.manga-list-page .card-meta{display:flex;align-items:center;justify-content:space-between;min-height:1.2em;margin:0;color:#9da6b4;font-size:.67rem}.manga-list-page .card-meta span,.manga-list-page .card-meta time{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-list-page .card-meta time{max-width:52%;text-align:right}.manga-list-page .card-rating{display:flex;align-items:center;gap:5px;margin-top:6px;color:#d5dbe5;font-size:.7rem;font-weight:700;line-height:1}.manga-list-page .card-rating span{color:#ffc62e;letter-spacing:-1px;font-size:.78rem}
.manga-list-page .card-rating i{font-style:normal}.manga-list-page .card-rating .is-filled{color:#ffc62e}.manga-list-page .card-rating .is-empty{color:#46505f}
.manga-list-page .card-rating .card-rating-score{color:#ffc62e;letter-spacing:0;font-size:.7rem}.manga-list-page .card-rating .card-views{margin-left:auto;color:#b264ff;letter-spacing:0;font-size:.68rem;white-space:nowrap}
.manga-list-page .card{position:relative}.manga-list-page .card-bookmark{position:absolute;top:7px;right:7px;z-index:2;width:30px;height:30px;border:1px solid #aeb8c8;border-radius:5px;background:#0b0f15cc;color:#fff;font-size:1rem}

.synopsis-text.is-collapsed{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4}.synopsis-toggle{margin-top:10px;padding:6px 12px;border:1px solid #6540a5;border-radius:6px;background:#25183f;color:#d6baff;font:inherit;font-size:.72rem;cursor:pointer}.synopsis-toggle:hover{border-color:#8f61db;background:#342157;color:#fff}

/* Five-star manga rating */
.manga-rating{position:relative}.manga-rating summary{display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:38px;padding:0 14px;border:1px solid #596273;border-radius:6px;background:transparent;color:#e9edf5;font-size:.72rem;font-weight:700;cursor:pointer;list-style:none}.manga-rating summary::-webkit-details-marker{display:none}.manga-rating summary:hover,.manga-rating[open] summary{border-color:#9c63ec;background:#2a1946;color:#fff}.manga-rating-popover{position:absolute;z-index:50;top:calc(100% + 9px);right:0;width:230px;padding:14px;border:1px solid #7346ad;border-radius:10px;background:linear-gradient(145deg,#13172b,#0b0f1d);box-shadow:0 18px 40px #000b;text-align:center}.manga-rating-popover>strong{display:block;color:#f4f1fb;font-size:.78rem}.manga-rating-popover>small{display:block;margin-top:3px;color:#9ba6ba;font-size:.62rem}.manga-rating-stars{display:flex;justify-content:center;gap:6px;margin:12px 0}.manga-rating-stars button{padding:0;border:0;background:transparent;color:#9ba5b8;font-size:1.55rem;line-height:1;cursor:pointer;transition:color .15s,transform .15s}.manga-rating-stars button:hover,.manga-rating-stars button.is-selected{color:#ffc52b;transform:translateY(-2px)}.manga-rating-stars button:disabled{cursor:wait;opacity:.6}.manga-rating-popover p{margin:0;color:#f5f7fb;font-size:.72rem}.manga-rating-popover p b{margin-right:5px;font-size:1.1rem}.manga-rating-popover p span{color:#ffc52b;letter-spacing:-2px}.manga-rating-popover em{display:block;min-height:14px;margin-top:8px;color:#bda4df;font-size:.62rem;font-style:normal}@media(max-width:700px){.manga-rating-popover{left:0;right:auto}}
/* Manga detail: phone layout */
@media(max-width:700px){.detail-overview{margin-top:12px;padding-top:12px}.detail-stat-cards{justify-content:space-between;gap:6px;margin-bottom:12px}.detail-stat-cards>span{font-size:.76rem}.detail-stat-cards small{font-size:.58rem}.detail-data-grid{gap:12px}.detail-data-grid dl{gap:6px}.detail-data-grid dl div{grid-template-columns:88px minmax(0,1fr);gap:6px}.detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.detail-actions .button,.detail-actions .manga-rating{width:100%;min-width:0}.detail-actions .button{height:38px;padding:8px 6px;font-size:.68rem}.detail-actions .manga-rating summary{width:100%;min-width:0;height:38px;padding:0 6px;font-size:.68rem;box-sizing:border-box}.manga-rating-popover{right:0;left:auto;width:min(230px,calc(100vw - 44px))}}
.detail-chapters .chapters li.is-read{border-color:#286b58;background:linear-gradient(100deg,#102c27,#0d1e22)}.detail-chapters .chapters li.is-read::before{background:#45d9a1}.detail-chapters .chapters li.is-read a{color:#9ce8cb}.detail-chapters .chapters li.is-read .chapter-play{border-color:#45d9a1;color:#45d9a1!important}