/*
Theme Name: VoraToon Final
Description: VoraToon-style comic catalog and reader for WordPress.
Version: 1.0.0
*/
:root{--bg:#080c14;--bg2:#0d131e;--card:#111925;--card2:#172130;--edge:#263448;--white:#f6f8fb;--muted:#8c9aab;--orange:#ff7f00;--orange-soft:#ffb35b;--green:#38d39b;--blue:#54a8ff;--danger:#ff6767}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--white);background:radial-gradient(ellipse at 50% -10%,#142238 0,transparent 650px),var(--bg);font:14px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,rgba(255,127,0,.025),transparent 35%,rgba(74,147,255,.018))}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,12,20,.9);border-bottom:1px solid rgba(38,52,72,.85);backdrop-filter:blur(18px)}.topbar{height:72px;display:flex;align-items:center;gap:31px}.brand{display:flex;align-items:center;gap:3px;font-size:25px;font-weight:950;letter-spacing:-1.5px;color:var(--orange);white-space:nowrap}.brand em{font-style:normal;color:#fff}.main-nav{display:flex;gap:23px;color:#9ca9b9;font-size:13px;font-weight:750}.main-nav a{padding:25px 0;position:relative}.main-nav a.active,.main-nav a:hover{color:#fff}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange)}.header-tools{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--muted)}.search-trigger{display:flex;gap:8px;align-items:center;border:1px solid var(--edge);background:var(--card);border-radius:9px;color:#9baabd;padding:8px 11px}.search-trigger input{width:130px;border:0;outline:0;color:#fff;background:transparent}.theme-icon,.profile-icon{font-size:20px}.premium{border:0;border-radius:7px;background:var(--orange);padding:9px 12px;color:#1d1207;font-weight:800}.ad-slot{height:92px;margin:18px 0;border:1px dashed #304057;border-radius:10px;background:rgba(14,20,31,.75);display:grid;place-items:center;color:#57677b;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.hero-wrapper{position:relative;margin:22px 0 32px}.hero{min-height:355px;display:flex;align-items:flex-end;border:1px solid var(--edge);border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(90deg,#17263b 0%,rgba(16,27,42,.87) 37%,rgba(12,18,28,.25) 100%),linear-gradient(130deg,#1d3e5f,#111826 60%,#3a1909)}.hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.37;mix-blend-mode:screen}.hero-content{position:relative;z-index:1;width:min(620px,80%);padding:48px}.hero-label{font-size:11px;color:var(--orange-soft);font-weight:850;letter-spacing:1.5px;text-transform:uppercase}.hero h1{font-size:clamp(31px,5vw,56px);line-height:1.04;letter-spacing:-2px;margin:9px 0 14px}.hero p{color:#b0bccb;max-width:560px;margin:0 0 22px}.hero-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:19px}.pill{background:rgba(18,31,47,.9);border:1px solid rgba(104,133,165,.35);border-radius:5px;padding:3px 8px;color:#ccd7e1;font-size:11px}.cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:var(--orange);color:#15100b;font-weight:850}.hero-dots{position:absolute;z-index:2;bottom:18px;right:28px;display:flex;gap:6px}.hero-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#7f8da0}.hero-dots i.active{background:var(--orange);width:22px;border-radius:10px}.section{margin:30px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title{display:flex;align-items:center;gap:10px;margin:0;font-size:20px}.section-title:before{content:"";width:4px;height:21px;border-radius:3px;background:var(--orange)}.view-all{color:var(--orange-soft);font-size:12px}.comic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.comic-card{min-width:0}.comic-cover{aspect-ratio:2/3;position:relative;border-radius:8px;overflow:hidden;background:var(--card2);border:1px solid var(--edge)}.comic-cover img{display:block;width:100%;height:100%;object-fit:cover}.comic-cover:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.63))}.status-badge{position:absolute;z-index:1;top:7px;left:7px;padding:3px 6px;border-radius:4px;font-size:9px;font-weight:850;background:var(--orange);color:#191008}.status-badge.completed{background:var(--green)}.comic-title{margin:8px 0 2px;font-size:12px;font-weight:750;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comic-sub{margin:0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-columns{display:grid;grid-template-columns:1.35fr .9fr;gap:20px}.panel{border:1px solid var(--edge);border-radius:11px;background:rgba(17,25,37,.84);padding:17px}.update-list{display:grid;gap:7px}.update-card{display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center;border-radius:8px;padding:9px;background:var(--card2);transition:.15s}.update-card:hover{background:#203047}.mini-cover{width:52px;height:66px;object-fit:cover;border-radius:5px;background:#243247}.update-name{font-size:12px;font-weight:800;line-height:1.25}.update-meta{color:var(--muted);font-size:10px;margin-top:3px}.chapter-pair{text-align:right;display:grid;gap:5px}.chapter-pair a{font-size:11px;color:#ced8e4}.chapter-pair a:hover{color:var(--orange-soft)}.announcement{display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:9px;background:linear-gradient(120deg,#14263b,#132031);border:1px solid #214463}.announce-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#193d60;color:var(--blue);font-size:17px}.announce-title{font-weight:800;font-size:13px}.announce-copy{color:var(--muted);font-size:11px;margin-top:3px}.new-list{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.new-card .new-cover{aspect-ratio:1.72/1;border-radius:8px;overflow:hidden;background:var(--card2)}.new-cover img{width:100%;height:100%;object-fit:cover}.new-card p{font-weight:750;font-size:11px;margin:7px 0 0}.social-bento{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.social-card{min-height:90px;border:1px solid var(--edge);border-radius:10px;padding:15px;display:flex;align-items:center;gap:11px}.social-card.discord{background:linear-gradient(135deg,#1c1740,#241e57)}.social-card.facebook{background:linear-gradient(135deg,#142b55,#142a45)}.social-card.donate{background:linear-gradient(135deg,#38200d,#44250e)}.social-symbol{font-size:25px}.social-name{font-size:13px;font-weight:850}.social-desc{color:#9caabd;font-size:10px}.site-footer{border-top:1px solid var(--edge);margin-top:55px;padding:28px 0;color:var(--muted);font-size:11px}.page-heading{padding:32px 0 18px}.page-heading h1{font-size:30px;margin:0 0 5px}.page-heading p{color:var(--muted);margin:0}.filter-panel{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:8px;margin-bottom:22px}.filter-panel input,.filter-panel select{border:1px solid var(--edge);border-radius:8px;background:var(--card);color:var(--white);padding:10px 11px;outline:0}.filter-panel button{border:0;border-radius:8px;background:var(--orange);font-weight:850}.series-header{padding:35px 0 25px;display:grid;grid-template-columns:185px 1fr;gap:26px}.series-cover{width:185px;aspect-ratio:2/3;object-fit:cover;border-radius:10px;background:var(--card2);border:1px solid var(--edge)}.series-header h1{font-size:38px;line-height:1.05;margin:4px 0 10px}.series-info{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.series-info span{padding:4px 8px;background:var(--card2);border-radius:5px;color:#b7c4d2;font-size:11px}.series-description{color:#aab7c5;max-width:750px}.chapter-toolbar{display:flex;align-items:center;justify-content:space-between;margin:5px 0 12px}.chapter-toolbar h2{font-size:20px;margin:0}.chapter-list{border:1px solid var(--edge);border-radius:10px;padding:8px;background:rgba(17,25,37,.75)}.chapter-row{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:7px;color:#c9d3df}.chapter-row:nth-child(odd){background:rgba(25,36,51,.65)}.chapter-row:hover{color:#fff;background:#24354a;border-left:3px solid var(--orange)}.chapter-time{color:var(--muted);font-size:10px}.reader-page{background:#05070b}.reader-page .site-footer{display:none}.reader-bar{position:sticky;top:0;z-index:10;height:58px;background:rgba(9,13,20,.95);border-bottom:1px solid #202b3a;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.reader-bar a{color:#c5d0db;font-size:12px}.reader-bar strong{font-size:13px}.reader-content{width:min(900px,100%);margin:auto;background:#000;min-height:calc(100vh - 58px)}.reader-content img{display:block;width:100%;height:auto;margin:0 auto}.reader-content .wp-block-image{margin:0}.reader-content p{margin:0}.reader-content figure{margin:0}.empty{border:1px dashed var(--edge);border-radius:10px;padding:40px;text-align:center;color:var(--muted)}.bottom-nav{display:none}
@media(max-width:1000px){.comic-grid{grid-template-columns:repeat(4,1fr)}.new-list{grid-template-columns:repeat(3,1fr)}.filter-panel{grid-template-columns:repeat(3,1fr)}.filter-panel input{grid-column:1/-1}.main-nav{gap:13px}.home-columns{grid-template-columns:1fr}}
@media(max-width:620px){body{padding-bottom:61px}.container{width:calc(100% - 22px)}.site-header{height:57px}.topbar{height:57px;justify-content:center}.brand{font-size:22px}.main-nav,.header-tools{display:none}.ad-slot{height:60px;margin:11px 0}.hero{min-height:360px;border-radius:11px}.hero-content{width:100%;padding:27px 21px}.hero h1{font-size:34px}.hero-dots{right:18px}.comic-grid{grid-template-columns:repeat(3,1fr);gap:11px}.comic-title{font-size:11px}.new-list{grid-template-columns:repeat(2,1fr)}.social-bento{grid-template-columns:1fr}.page-heading{padding:25px 0 16px}.filter-panel{grid-template-columns:1fr 1fr}.filter-panel input{grid-column:1/-1}.series-header{grid-template-columns:110px 1fr;gap:15px;padding-top:22px}.series-cover{width:110px}.series-header h1{font-size:24px}.series-description{grid-column:1/-1}.panel{padding:13px}.bottom-nav{display:flex;position:fixed;z-index:60;bottom:0;left:0;right:0;height:61px;justify-content:space-around;background:#101722;border-top:1px solid var(--edge)}.bottom-nav a{display:grid;place-items:center;align-content:center;gap:1px;color:var(--muted);font-size:9px}.bottom-nav a.active{color:var(--orange)}.bottom-nav b{font-size:19px}.reader-bar{height:53px;padding:0 11px}.reader-content{min-height:calc(100vh - 53px)}}
html[data-theme="light"],html[data-theme="light"] body{--bg:#f8fafc;--bg2:#f1f5f9;--card:#fff;--card2:#f1f5f9;--edge:#dbe3ee;--white:#0f172a;--muted:#64748b}html[data-theme="light"] body{background:#f8fafc;color:#0f172a}html[data-theme="light"] .site-header{background:#fff}html[data-theme="light"] .search-trigger{background:#fff}html[data-theme="light"] .search-trigger input{color:#0f172a}html[data-theme="light"] .panel,html[data-theme="light"] .chapter-list{background:#fff}html[data-theme="light"] .reader-page{background:#f8fafc}.vt-carousel{position:relative}.vt-carousel-track{position:relative}.vt-hero-slide{display:none}.vt-hero-slide.active{display:flex}.vt-carousel-btn{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:38px;height:48px;border:1px solid var(--edge);border-radius:8px;background:rgba(8,12,20,.75);color:#fff;font-size:30px;cursor:pointer}.vt-carousel-btn:hover{background:var(--orange);color:#111}.vt-carousel-btn.prev{left:13px}.vt-carousel-btn.next{right:13px}.hero-dots i{cursor:pointer}@media(max-width:620px){.vt-carousel-btn{width:30px;height:40px;font-size:24px}.hero-content{width:100%}}.vt-carousel-track{min-height:355px}.vt-carousel .vt-hero-slide{display:flex;position:absolute;inset:0;opacity:0;transform:translateX(24px);pointer-events:none;transition:opacity 1.4s ease,transform 1.4s ease}.vt-carousel .vt-hero-slide.active{position:relative;opacity:1;transform:translateX(0);pointer-events:auto}@media(max-width:620px){.vt-carousel-track{min-height:360px}}
/* Reference reader alignment */
.reader-screen-topNavbar{height:64px!important;background:#0a0e17!important;border-bottom:1px solid #1f2937!important}.reader-screen-topNavbar a,.reader-screen-topNavbar strong{color:#f8fafc!important}.reader-content{width:min(720px,100%)!important;background:#000!important}.reader-content img{display:block!important;width:100%!important;height:auto!important;margin:0!important}.vt-reader-nav{max-width:720px!important;background:#0a0e17;padding:10px;border-color:#1f2937!important}.vt-reader-nav a{border-color:#1f2937!important;color:#f8fafc!important}@media(max-width:620px){.reader-screen-topNavbar{height:56px!important;padding:0 12px!important}.reader-content{width:100%!important}.vt-reader-nav{margin-bottom:64px!important}}
/* Reference global layout alignment */
:root{--app-bg:#0a0e17;--app-header:#000;--app-page-gutter:clamp(12px,2.5vw,32px);--app-content-max:1200px;--app-bottom-nav-height:60px}body{font-family:Arial,"Helvetica Neue",sans-serif;background:var(--app-bg);color:#f8fafc}.container{width:min(var(--app-content-max),calc(100% - 30px))}.site-header{background:#000;border-bottom:1px solid #1f2937}.topbar{height:70px}.main-nav a{border-radius:999px;padding:9px 13px}.main-nav a.active,.main-nav a:hover{background:rgba(248,250,252,.16);color:#f8fafc}.main-nav a.active:after{display:none}.bottom-nav{height:60px;background:#000;border-top:1px solid #1f2937}.bottom-nav a{min-width:44px}.bottom-nav a.active{color:#f8fafc}.bottom-nav b{font-size:18px}@media(min-width:1200px){.container{width:80%;max-width:none}.bottom-nav{display:none}}@media(max-width:620px){body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.container{width:calc(100% - 24px)}.site-header{height:60px}.topbar{height:60px}.bottom-nav{display:flex;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}
/* Reference component geometry */
.hero-wrapper{margin-top:20px;width:100%;overflow:hidden}.hero{aspect-ratio:720/380;min-height:0;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.1)}.hero-content{padding:3.5cqi 3.5cqi 3.5cqi 0;max-width:90%}.hero-pills{gap:6px}.hero-dots{margin-top:15px;bottom:auto;right:auto;left:50%;transform:translateX(-50%);position:relative}.section{margin-top:30px}.section-header{margin-bottom:15px}.section-title{font-size:1.2rem}.view-all{background:rgba(29,155,240,.1);border-radius:20px;color:#1d9bf0;padding:7px 14px}.comic-grid{gap:10px}.comic-cover{border-radius:6px}.update-card{border-radius:6px}.site-footer{min-height:32px;padding:8px 15px calc(60px + env(safe-area-inset-bottom) + 8px);margin-top:30px}@media(min-width:1200px){.site-footer{padding-bottom:8px}}@media(max-width:620px){.hero-wrapper{margin-top:14px}.hero{aspect-ratio:720/380}.hero-content{padding:3.5cqi 3.5cqi 3.5cqi 0}.section{margin-top:25px}.comic-grid{gap:8px}.site-footer{padding-bottom:calc(60px + env(safe-area-inset-bottom) + 8px)}}
/* Reference mobile header */
.topbar-mobile{display:none}.topbar-mobile img{display:block}.mobile-profile,.mobile-search{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:transparent;color:#f8fafc;text-decoration:none}.mobile-profile img{width:35px;height:35px;border-radius:50%;object-fit:cover}.logo-center{width:108px;height:36px;display:flex;align-items:center;justify-content:center}.logo-center img{width:108px;height:auto;max-height:36px;object-fit:contain}.logo-text{color:var(--orange);font-size:21px;font-weight:950;letter-spacing:-1.2px;white-space:nowrap}.mobile-header-actions{display:flex;align-items:center;gap:6px}.mobile-premium{font-size:0!important;padding:7px 10px!important;border-radius:20px!important;background:#0a0e17!important;border:1px solid #1f2937!important;color:#f8fafc!important}.mobile-premium:first-letter{font-size:14px}@media(max-width:1199px){.topbar-mobile{display:flex;align-items:center;justify-content:space-between;height:60px;padding:10px var(--app-page-gutter,15px)}.site-header>.topbar{display:none}.site-header{height:60px}}@media(min-width:1200px){.topbar-mobile{display:none}}@media(max-width:620px){.topbar-mobile{height:60px;padding:10px 12px}.site-header{height:60px}.logo-center{width:108px}}
/* Reference filter/update controls */
.update-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.update-tabs,.update-filters{display:flex;gap:5px;flex-wrap:wrap}.update-toolbar button{border:1px solid #1f2937;border-radius:6px;background:#0a0e17;color:#94a3b8;padding:8px 12px;cursor:pointer}.update-toolbar button.active,.update-toolbar button:hover{background:#ff7f00;color:#111;border-color:#ff7f00}.browse-filters{display:flex;gap:8px;grid-column:1/-1}.browse-filters label{display:grid;gap:5px;flex:1;color:#94a3b8;font-size:11px}.browse-filters input,.browse-filters select{border:1px solid var(--edge);border-radius:8px;background:var(--card);color:var(--white);padding:10px 11px;outline:0}@media(max-width:620px){.update-toolbar{display:grid;gap:8px}.update-tabs,.update-filters{justify-content:space-between}.update-toolbar button{flex:1;padding:7px 8px;font-size:11px}.browse-filters{display:grid;grid-template-columns:1fr 1fr}.browse-filters label:last-child{grid-column:1/-1}}
/* Reference series detail geometry */
.series{max-width:1200px;margin:0 auto}.series-header{grid-template-columns:250px 1fr;gap:30px;padding:42px 0 28px}.series-cover{width:250px;border-radius:8px}.series-header h1{font-size:clamp(30px,4vw,46px)}.series-stats{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:8px;max-width:460px;margin:18px 0}.series-stats>div{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--edge);border-radius:8px;background:var(--card)}.series-stats strong{font-size:14px;color:var(--white)}.series-stats small{color:var(--muted);font-size:10px}.chapter-list{background:var(--card);border-radius:8px}.chapter-row{min-height:44px}.vt-chapter-tools{max-width:100%;margin:0 0 12px}.vt-chapter-tools input,.vt-chapter-tools select{background:var(--card)!important;border-color:var(--edge)!important}@media(max-width:620px){.series-header{grid-template-columns:110px 1fr;gap:14px;padding:24px 0 20px}.series-cover{width:110px}.series-header h1{font-size:24px}.series-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin:14px 0 0}.series-stats>div{padding:8px 6px;text-align:center}.series-stats strong{font-size:11px}.series-stats small{font-size:9px}.series-description{font-size:12px}.chapter-list{padding:5px}}
/* Reference logo and Browse heading */
.logo-desktop{display:flex;align-items:center;width:150px;height:38px}.logo-desktop img{display:block;width:108px;height:auto;max-height:38px;object-fit:contain}.logo-desktop .logo-text{font-size:25px}@media(max-width:1199px){.logo-desktop{display:none}}
/* Reference social section responsive */
.social-section{margin-top:30px}.social-section .section-title:before{display:none}.social-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.social-card{min-height:90px;padding:15px;border:1px solid var(--edge);border-radius:10px;display:flex;align-items:center;gap:11px}.social-symbol{font-size:25px}.social-card span:last-child{display:grid;gap:2px}.social-name{font-size:13px;font-weight:850}.social-desc{color:var(--muted);font-size:10px}.social-card.discord{background:linear-gradient(135deg,#1c1740,#241e57)}.social-card.facebook{background:linear-gradient(135deg,#142b55,#142a45)}.social-card.donate{background:linear-gradient(135deg,#38200d,#44250e)}@media(max-width:620px){.social-bento{grid-template-columns:1fr}.social-card{min-height:76px}}
/* Reference New and Completed series */
.home-series-section{margin-top:30px}.home-series-section .section-title:before{display:none}.new-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.new-card{min-width:0}.new-card .new-cover{aspect-ratio:1.72/1;border-radius:6px;overflow:hidden;background:var(--card);border:1px solid var(--edge)}.new-card .new-cover img{display:block;width:100%;height:100%;object-fit:cover}.new-card p{margin:7px 0 0;font-size:11px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:620px){.new-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-series-section{margin-top:25px}}
/* Reference update thumbnail treatment */
.mini-cover{overflow:hidden}.mini-cover img{display:block;width:100%;height:100%;object-fit:cover}.update-card{min-height:76px}@media(max-width:620px){.update-card{grid-template-columns:48px 1fr auto;gap:9px}.mini-cover{width:48px;height:60px}}
/* Reference hero cover */
.hero-cover-img{position:absolute;right:5%;top:6%;z-index:2;height:88%;width:auto;max-width:31%;object-fit:cover;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.6)}.hero-content{padding-right:36%;max-width:100%}@media(max-width:620px){.hero-cover-img{right:5%;height:55%;max-width:28%;top:7%}.hero-content{padding-right:34%;padding-left:0}.hero-content p{max-width:62%}.hero h1{max-width:65%}}
/* Reference ranking item */
.ranking-list{display:grid;gap:8px}.ranking-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;background:var(--card);border:1px solid var(--edge);transition:.2s}.ranking-item:hover{background:var(--card2)}.rank-number{width:28px;text-align:center;color:var(--orange);font-size:18px}.rank-cover{width:48px;height:66px;overflow:hidden;border-radius:6px;background:var(--card2);flex:0 0 auto}.rank-cover img{display:block;width:100%;height:100%;object-fit:cover}.rank-info{display:grid;gap:3px;min-width:0;flex:1}.rank-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-meta{color:var(--muted);font-size:11px}.rank-rating{color:#fbbf24;font-size:11px}.chapter-arrow{color:var(--orange);font-size:20px}@media(max-width:620px){.ranking-item{gap:9px;padding:10px}.rank-cover{width:42px;height:58px}.rank-title{font-size:12px}.rank-meta{font-size:10px}}
/* Reference reader series header */
.reader-screen-topNavbar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:0 18px}.reader-series-block{display:flex;align-items:center;gap:10px;min-width:0}.reader-series-block>span{display:grid;gap:1px;min-width:0}.reader-series-block a{font-size:11px;color:#94a3b8!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.reader-series-block strong{font-size:13px;color:#f8fafc}.reader-series-thumbnail{display:block;width:38px;height:48px;object-fit:cover;border-radius:4px}@media(max-width:620px){.reader-screen-topNavbar{padding:0 10px;gap:6px}.reader-series-thumbnail{width:30px;height:40px}.reader-series-block a{max-width:130px;font-size:10px}.reader-series-block strong{font-size:11px}}
/* Reference social card class mapping */
.social-card.card-discord{background:linear-gradient(135deg,#1c1740,#241e57)}.social-card.card-facebook{background:linear-gradient(135deg,#142b55,#142a45)}.social-card.card-donate{background:linear-gradient(135deg,#38200d,#44250e)}
/* Reference update series cards */
.update-series-list{display:flex;flex-direction:column;gap:10px}.update-series-card{display:flex;gap:15px;padding:10px;background:var(--card);border:1px solid var(--edge);border-radius:8px}.update-series-cover{width:140px;height:199px;flex:0 0 auto;overflow:hidden;border-radius:6px;background:var(--card2)}.update-series-cover img{display:block;width:100%;height:100%;object-fit:cover}.update-series-info{display:flex;flex:1;min-width:0;flex-direction:column}.update-series-title{font-size:15px;font-weight:700;margin-bottom:12px}.update-series-chapters{display:flex;flex-direction:column;gap:5px;margin-top:auto}.update-series-chapter{display:flex;justify-content:space-between;gap:10px;padding:10px 8px;border-radius:5px;background:var(--card2);font-size:12px}.update-series-chapter small{color:var(--muted);white-space:nowrap;font-size:10px}@media(max-width:620px){.update-series-card{gap:10px}.update-series-cover{width:clamp(110px,35vw,140px);height:auto;aspect-ratio:1748/2480}.update-series-title{font-size:12px;margin-bottom:8px}.update-series-chapter{padding:8px 6px;font-size:10px}.update-series-chapter small{font-size:9px}}
/* Reference typography */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("/wp-content/themes/voratoon-final/assets/plus-jakarta-sans.woff2") format("woff2")}body{font-family:"Plus Jakarta Sans",Arial,sans-serif}
/* Reference chapter count header */
.chapter-toolbar h2{font-size:1.15rem;font-weight:700}.chapter-toolbar .chapter-time{border:1px solid var(--edge);border-radius:6px;padding:7px 10px;background:var(--card)}@media(max-width:620px){.chapter-toolbar{gap:10px}.chapter-toolbar h2{font-size:1rem}.chapter-toolbar .chapter-time{font-size:9px;padding:6px 8px}}
/* Reference Browse heading/filter controls */
.page-heading>div{min-width:0}.series-count{display:block;color:var(--muted);font-size:12px;margin:-2px 0 6px}.filters-toggle{display:none;border:1px solid var(--edge);border-radius:8px;background:var(--card);color:var(--white);padding:10px 14px}@media(max-width:620px){.page-heading{align-items:center}.filters-toggle{display:block}.filter-panel{margin-top:12px}.series-count{font-size:11px}}
/* Reference ranking tabs */
.tab-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:14px;margin-bottom:18px}.tab{border-radius:8px;color:var(--muted);font-size:13px;padding:8px 12px}.tab:hover,.tab.active{background:rgba(255,127,0,.14);color:var(--orange)}.tab-spacer{flex:1}@media(max-width:620px){.tab-row{gap:4px}.tab{font-size:11px;padding:7px 8px}.tab-spacer{display:none}}
/* Reference Browse sort controls */
.sort-controls{display:flex;align-items:center;gap:4px;grid-column:1/-1;flex-wrap:wrap}.sort-controls span,.sort-controls button{border:1px solid var(--edge);border-radius:6px;background:var(--card);color:var(--muted);padding:8px 10px;font-size:11px}.sort-controls span{color:var(--white);background:var(--card2)}.sort-controls button{cursor:pointer}.sort-controls button:hover{color:var(--orange);border-color:var(--orange)}@media(max-width:620px){.sort-controls{gap:4px}.sort-controls span,.sort-controls button{flex:1;text-align:center;padding:7px 5px;font-size:10px}}
/* Reference icon font mapping */
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url("/wp-content/themes/voratoon-final/assets/fa-solid-900.woff2") format("woff2")}.main-nav a:before,.bottom-nav b:before{font-family:"Font Awesome 6 Free";font-weight:900;font-style:normal}.main-nav a{display:inline-flex;align-items:center;gap:6px}.main-nav a:nth-child(1):before{content:"\f015"}.main-nav a:nth-child(2):before{content:"\f0e7"}.main-nav a:nth-child(3):before{content:"\f002"}.main-nav a:nth-child(4):before{content:"\f521"}.main-nav a:nth-child(5):before{content:"\f0f3"}.main-nav a:nth-child(6):before{content:"\f02d"}.bottom-nav b{font-size:0}.bottom-nav b:before{font-size:18px}.bottom-nav a:nth-child(1) b:before{content:"\f015"}.bottom-nav a:nth-child(2) b:before{content:"\f0e7"}.bottom-nav a:nth-child(3) b:before{content:"\f002"}.bottom-nav a:nth-child(4) b:before{content:"\f521"}.bottom-nav a:nth-child(5) b:before{content:"\f0f3"}.bottom-nav a:nth-child(6) b:before{content:"\f02d"}
/* Reference reader footer */
.reader-page .site-footer.reader-footer{display:flex;min-height:32px;align-items:center;justify-content:center;padding:8px 12px calc(64px + env(safe-area-inset-bottom) + 8px);background:var(--app-bg);margin-top:0;border-top:0}@media(min-width:1200px){.reader-page .site-footer.reader-footer{padding-bottom:8px}}
/* Reference reader controls */
.reader-top-actions{display:flex;align-items:center;gap:8px}.reader-top-actions button,.reader-scroll-controls button,.reader-bottom-controls button,.reader-bottom-controls a{border:1px solid #263448;border-radius:7px;background:#111925;color:#f8fafc;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.reader-top-actions button{background:transparent;border:0;color:#cbd5e1}.reader-top-actions span{font-size:10px}.reader-inline-area{max-width:720px;margin:0 auto;background:#0a0e17;color:#f8fafc;padding:16px 12px}.reader-bottom-navbar{position:fixed;z-index:20;left:0;right:0;bottom:0;background:#0a0e17;border-top:1px solid #1f2937;padding:8px 12px}.reader-bottom-controls{max-width:720px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;gap:10px}.reader-bottom-next{text-align:right}.reader-scroll-controls{position:fixed;z-index:21;right:14px;bottom:72px;display:grid;gap:6px}.reader-page .reader-footer{padding-bottom:72px}@media(min-width:1200px){.reader-bottom-navbar{position:static}.reader-scroll-controls{bottom:20px}.reader-page .reader-footer{padding-bottom:8px}}@media(max-width:620px){.reader-top-actions{gap:2px}.reader-top-actions button{padding:3px}.reader-bottom-navbar{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.reader-page .reader-footer{padding-bottom:calc(64px + env(safe-area-inset-bottom) + 8px)}}
html.reader-light .reader-content{background:#f8fafc!important}html.reader-light .reader-screen-topNavbar,html.reader-light .reader-bottom-navbar,html.reader-light .reader-inline-area{background:#fff!important;color:#0f172a;border-color:#dbe3ee}html.reader-light .reader-top-actions button,html.reader-light .reader-bottom-controls button,html.reader-light .reader-bottom-controls a{color:#0f172a;border-color:#dbe3ee}
html.reader-light .reader-screen-topNavbar,html.reader-light .reader-bottom-navbar,html.reader-light .reader-inline-area,html.reader-light .reader-comments{background:#0a0e17!important;color:#f8fafc!important;border-color:#1f2937!important}html.reader-light .reader-screen-topNavbar a,html.reader-light .reader-screen-topNavbar strong,html.reader-light .reader-top-actions button,html.reader-light .reader-bottom-controls button,html.reader-light .reader-bottom-controls a,html.reader-light .reader-comments h2,html.reader-light .reader-comments header button{color:#f8fafc!important;border-color:#263448!important}.reader-back-link{display:inline-flex!important;align-items:center;white-space:nowrap;font-size:13px!important;font-weight:700}.reader-mobile-series-link{display:none!important}
/* Reference reader comments */
.reader-comments{max-width:720px;margin:0 auto;padding:16px 12px 22px;background:#0a0e17;color:#f8fafc;border-top:1px solid #1f2937}.reader-comments header{display:flex;align-items:center;justify-content:space-between}.reader-comments h2{font-size:16px;margin:0}.reader-comments header button{border:0;background:transparent;color:#cbd5e1;font-size:18px}.reader-reactions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.reader-reactions button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #263448;border-radius:8px;background:#111925;color:#f8fafc;padding:10px;font-size:20px}.reader-reactions span{font-size:10px;color:#94a3b8;text-align:left}@media(max-width:620px){.reader-comments{padding-bottom:18px}.reader-reactions{gap:5px}.reader-reactions button{padding:8px 2px;gap:4px;font-size:16px}.reader-reactions span{font-size:8px}}
 .reader-mobile-series-link{display:none;color:#f8fafc!important;font-size:16px!important}@media(max-width:620px){.reader-mobile-series-link{display:inline-flex;align-items:center;justify-content:center}}
/* Reference desktop container geometry */
:root{--app-content-max:1440px}.container{width:min(var(--app-content-max),calc(100% - (2 * var(--app-page-gutter))))}.series{max-width:1440px}@media(max-width:620px){.container{width:calc(100% - 24px)}.series{width:100%}}
/* Reference ranking row geometry */
.ranking-page{max-width:1440px}.ranking-page .page-heading{padding-bottom:20px}.ranking-page .page-heading h1{display:flex;align-items:center;gap:10px}.ranking-icon{color:#b16cff;font-size:22px}.main-tabs,.sub-tabs{display:flex;gap:8px;border-bottom:1px solid var(--edge);padding-bottom:10px;margin-bottom:10px}.sub-tabs{border-bottom:0;margin-bottom:16px}.main-tab-btn,.sub-tab-btn{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:7px;cursor:pointer}.main-tab-btn.active,.sub-tab-btn.active{background:rgba(255,127,0,.15);color:var(--orange);font-weight:700}.list-container{display:flex;flex-direction:column;gap:8px}.comic-row{display:grid;grid-template-columns:70px 80px minmax(0,1fr);gap:14px;align-items:center;padding:10px 12px;border:1px solid var(--edge);border-radius:8px;background:var(--card);min-height:100px}.comic-row:hover{background:var(--card2)}.comic-rank-col{display:flex;align-items:center;gap:8px;justify-content:center}.comic-rank-num{font-size:20px;font-weight:800;color:var(--orange)}.comic-rank-trend{color:#38d39b;font-size:14px}.comic-row .comic-cover{width:80px;height:104px;aspect-ratio:auto;border:0;border-radius:5px}.comic-row .comic-cover img{width:100%;height:100%;object-fit:cover}.comic-info-col{min-width:0}.comic-title-row{display:flex;align-items:center;gap:8px}.comic-title-row .comic-title{font-size:15px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-up{font-size:9px;color:#111;background:var(--orange);border-radius:4px;padding:3px 5px;font-weight:800}.comic-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-top:8px}.comic-stars{color:#ffb35b}.comic-rating-text{color:var(--white);margin-left:4px}.meta-divider{color:#435267}.comic-synopsis{color:var(--muted);font-size:11px;margin:8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:620px){.ranking-page{width:calc(100% - 24px)}.ranking-page .page-heading h1{font-size:22px}.main-tabs,.sub-tabs{gap:3px}.main-tab-btn,.sub-tab-btn{font-size:11px;padding:8px 9px}.comic-row{grid-template-columns:34px 58px minmax(0,1fr);gap:8px;padding:8px}.comic-rank-num{font-size:16px}.comic-row .comic-cover{width:58px;height:78px}.comic-title-row .comic-title{font-size:12px}.comic-meta-row{font-size:8px;gap:4px;margin-top:5px}.comic-synopsis{font-size:9px;margin-top:5px}}
/* Reference Browse filter layout */
.browse-page{max-width:1440px;margin:auto}.browse-page .header-title{display:flex;align-items:center;gap:10px;padding:32px 0 18px}.browse-page .header-title h1{font-size:30px;margin:0}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 8px;border-radius:12px;background:#25334a;color:#cbd5e1;font-size:11px}.mobile-action-bar{display:none}.filter-sidebar{margin-bottom:22px}.sidebar-header{display:none}.sidebar-content{display:flex;flex-direction:column;gap:12px}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.filters-left{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--edge);border-radius:7px;background:var(--card);color:#cbd5e1;padding:9px 11px;font-size:11px}.filter-btn select,.filter-btn input{border:0;outline:0;background:transparent;color:inherit;font-size:inherit;max-width:150px}.filter-btn select option{background:var(--card)}.search-container{display:flex;align-items:center;gap:7px;border:1px solid var(--edge);border-radius:7px;background:var(--card);color:var(--muted);padding:8px 10px}.search-container input{width:180px;border:0;outline:0;background:transparent;color:var(--white);font-size:11px}.apply-filter{border:0;border-radius:7px;background:var(--orange);color:#17100a;padding:9px 14px;font-weight:750}.secondary-filters{justify-content:flex-start}.secondary-filters .filter-btn input{width:145px}.browse-page .comic-grid{margin-top:8px}@media(max-width:620px){.browse-page{width:calc(100% - 24px)}.browse-page .header-title{padding:24px 0 14px}.browse-page .header-title h1{font-size:23px}.mobile-action-bar{display:flex;gap:8px;margin-bottom:12px}.mobile-action-bar .search-container{flex:1}.mobile-action-bar .search-container input{width:100%}.mobile-filter-toggle{border:1px solid var(--edge);border-radius:7px;background:var(--card);color:var(--white);padding:0 12px;font-size:11px}.filter-sidebar{display:none}.filter-sidebar.is-open{display:block}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sidebar-header h2{font-size:18px;margin:0}.close-btn{border:0;background:transparent;color:var(--white);font-size:22px}.sidebar-content{gap:8px}.filters-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.filters-left{display:contents}.filter-btn{min-width:0;padding:8px;font-size:10px}.filter-btn select,.filter-btn input{max-width:100%;width:100%;font-size:10px}.desktop-search{display:none}.secondary-filters .filter-btn:last-of-type{grid-column:1/-1}.apply-filter{grid-column:1/-1}.browse-page .comic-grid{margin-top:10px}}
/* Reference New and Completed carousel geometry */
.new-series-list{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:10px;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x}.new-series-list::-webkit-scrollbar{display:none}.new-series-card{min-width:160px;width:160px;scroll-snap-align:start}.new-series-cover{aspect-ratio:1748/2480;border-radius:8px;overflow:hidden;position:relative;width:100%;background:var(--card2)}.new-series-cover img{display:block;width:100%;height:100%;object-fit:cover}.new-series-card p{font-size:11px;font-weight:700;line-height:1.25;margin:7px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media(max-width:620px){.new-series-list{gap:10px}.new-series-card{min-width:115px;width:115px}.new-series-card p{font-size:10px}}
/* Reference comic-grid breakpoints */
@media(min-width:600px) and (max-width:899px){.comic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}@media(min-width:900px) and (max-width:1199px){.comic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}}@media(min-width:1200px){.comic-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}}
/* Reference hero carousel geometry */
.hero-wrapper{overflow:hidden}.vt-carousel-track{display:flex;align-items:center;overflow:visible;min-height:0;padding:20px 0;transition:transform .4s cubic-bezier(.25,1,.5,1)}.vt-carousel .vt-hero-slide{display:flex;position:relative;inset:auto;flex:0 0 60%;height:auto;aspect-ratio:720/380;margin:0 -15px;opacity:.45;transform:scale(.88);transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s ease;pointer-events:none}.vt-carousel .vt-hero-slide.active{position:relative;opacity:1;transform:scale(1);pointer-events:auto;z-index:5}.vt-carousel .vt-hero-slide:first-child{margin-left:20%}.vt-carousel .vt-hero-slide:last-child{margin-right:20%}@media(max-width:620px){.vt-carousel-track{padding:10px 0}.vt-carousel .vt-hero-slide{flex-basis:85%;margin:0 -10px;transform:scale(.88)}.vt-carousel .vt-hero-slide:first-child{margin-left:7.5%}.vt-carousel .vt-hero-slide:last-child{margin-right:7.5%}}
/* Reference homepage update grid */
.updates-layout{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.updates-layout .update-series-card{display:flex;flex-direction:column;gap:8px;padding:0;background:transparent;border:0;border-radius:0}.updates-layout .update-series-cover{width:100%;height:auto;aspect-ratio:1748/2480;border-radius:6px}.updates-layout .update-series-title{font-size:13px;line-height:1.3;text-align:center;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.updates-layout .update-series-chapters{margin-top:2px;gap:4px}.updates-layout .update-series-chapter{padding:8px 7px;font-size:10px;margin:0}.updates-layout .update-series-chapter small{font-size:9px}@media(min-width:600px){.updates-layout{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.updates-layout{gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1200px){.updates-layout{gap:20px;grid-template-columns:repeat(6,minmax(0,1fr))}}
/* Reference hero content geometry */
.hero-content{display:flex;flex-direction:column;justify-content:center;height:100%;max-width:90%;padding:3.5cqi 3.5cqi 3.5cqi 0}.hero-top-block{display:flex;align-items:center;gap:0;height:80%;margin-bottom:2cqi}.hero-stats-vertical{display:flex;flex-direction:column;gap:1.2cqi;z-index:2}.hero-stat-pill{display:flex;align-items:center;gap:1.2cqi;justify-content:flex-start;padding:.8cqi 1.8cqi .8cqi 2.5cqi;white-space:nowrap;border:0;border-radius:4px;color:#fff;font-size:clamp(.55rem,1.8cqi,.75rem);font-weight:700;box-shadow:2px 2px 8px rgba(0,0,0,.3)}.hero-stat-pill.star{background:#f59e0b}.hero-stat-pill.bookmark{background:#ec4899}.hero-stat-pill.views{background:#06b6d4}.hero-stat-pill.rank{background:#10b981}.hero-cover-img{position:static;aspect-ratio:148/210;border-radius:8px;box-shadow:4px 8px 20px rgba(0,0,0,.6);flex-shrink:0;height:100%;width:auto;max-width:none;object-fit:cover}.hero-bottom-block{display:flex;flex-direction:column;gap:1cqi;padding-left:2.5cqi}.hero-genres{display:flex;flex-wrap:wrap;gap:6px}.hero-genre-pill{background:#ff7f00;border:0;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#fff;font-size:clamp(.5rem,1.5cqi,.7rem);font-weight:700;padding:.5cqi 2cqi}@media(max-width:620px){.hero-content{max-width:90%;padding:3.5cqi 3.5cqi 3.5cqi 0}.hero-cover-img{height:100%;max-width:none;top:auto;right:auto}.hero-stat-pill{font-size:clamp(.5rem,2.2cqi,.7rem)}}
/* Reference series actions and chapter header */
.series-copy{min-width:0}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 13px;border:1px solid var(--edge);border-radius:7px;background:var(--card);color:var(--white);font-size:11px;text-decoration:none}.action-buttons .btn-first{background:var(--orange);border-color:var(--orange);color:#17100a;font-weight:750}.chapters-section{margin-top:0}.chapters-section .vt-chapter-tools{display:flex;gap:8px;margin:0 0 10px}.chapters-section .vt-chapter-tools input,.chapters-section .vt-chapter-tools select{padding:9px 10px;border:1px solid var(--edge);border-radius:7px;background:var(--card);color:var(--white);font-size:11px}.chapters-section .vt-chapter-tools input{flex:1}.chapters-section .vt-chapter-tools select{width:125px}@media(max-width:620px){.action-buttons{margin-bottom:18px}.action-buttons .btn{flex:1;padding:8px 5px;font-size:10px}.chapters-section .vt-chapter-tools{display:grid;grid-template-columns:1fr 110px}.chapters-section .vt-chapter-tools input{min-width:0}.series-copy{grid-column:2}.series-header>.series-copy .series-description{grid-column:auto}}
/* Reference social card geometry */
.social-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.social-card{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:110px;overflow:hidden;padding:14px 6px;position:relative;text-align:center}.social-card span:last-child{display:flex;flex-direction:column;align-items:center;gap:2px}.social-symbol{font-size:25px;line-height:1.1}.social-name{font-size:12px}.social-desc{font-size:9px}@media(min-width:768px){.social-bento{gap:15px}}@media(max-width:620px){.social-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.social-card{min-height:96px;padding:12px 4px}.social-symbol{font-size:21px}.social-name{font-size:10px}.social-desc{font-size:8px}}
/* Reference footer geometry */
.site-footer{display:flex;min-height:32px;align-items:center;justify-content:center;border-top:0;background:var(--app-bg);margin-top:0;padding:8px var(--app-page-gutter) calc(var(--app-bottom-nav-height) + env(safe-area-inset-bottom) + 8px)}@media(min-width:1200px){.site-footer{padding-bottom:8px}}
/* Reference desktop logo sizing */
@media(min-width:1200px){.logo-desktop{width:150px}.logo-desktop img{width:150px;max-width:100%}}
/* Reference homepage update view toggle */
.update-header-actions{display:flex;align-items:center;gap:10px}.update-view-toggles{display:flex;gap:4px}.update-view-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--edge);border-radius:6px;background:var(--card);color:var(--muted);cursor:pointer}.update-view-toggle.active{background:var(--orange);color:#fff}.updates-layout.updates-list-view{grid-template-columns:1fr}.updates-layout.updates-list-view .update-series-card{flex-direction:row;gap:15px;padding:10px;background:var(--card);border:1px solid var(--edge);border-radius:8px}.updates-layout.updates-list-view .update-series-cover{width:140px;height:199px;flex:0 0 auto}.updates-layout.updates-list-view .update-series-info{flex:1}.updates-layout.updates-list-view .update-series-title{text-align:left;margin-bottom:8px}@media(max-width:620px){.update-header-actions{gap:5px}.update-view-toggle{width:27px;height:27px}.updates-layout.updates-list-view .update-series-card{gap:10px}.updates-layout.updates-list-view .update-series-cover{width:clamp(110px,35vw,140px);height:auto}}
/* Reference Updates page grid/list */
.update-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.update-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view-toggles{display:flex;gap:4px;margin-left:6px}.updates-layout:not(.updates-list-view) .update-series-card{display:flex;flex-direction:column;gap:8px;padding:0;background:transparent;border:0;border-radius:0}.updates-layout:not(.updates-list-view) .update-series-cover{width:100%;height:auto;aspect-ratio:1748/2480}.updates-layout:not(.updates-list-view) .update-series-title{text-align:center;margin:0}.updates-layout:not(.updates-list-view) .update-series-chapters{margin-top:2px}.updates-layout.updates-list-view{grid-template-columns:1fr}.updates-layout.updates-list-view .update-series-card{display:flex;flex-direction:row;gap:15px;padding:10px;background:var(--card);border:1px solid var(--edge);border-radius:8px}.updates-layout.updates-list-view .update-series-cover{width:140px;height:199px;flex:0 0 auto}.updates-layout.updates-list-view .update-series-title{text-align:left;margin-bottom:8px}@media(max-width:620px){.update-toolbar{align-items:flex-start}.update-filters{width:100%;justify-content:space-between}.updates-layout.updates-list-view .update-series-card{gap:10px}.updates-layout.updates-list-view .update-series-cover{width:clamp(110px,35vw,140px);height:auto}}
/* Reference mobile active navigation indicator */
@media(max-width:1199px){.bottom-nav a.active{position:relative;color:#f8fafc}.bottom-nav a.active:after{content:"";position:absolute;right:-5px;top:1px;width:6px;height:6px;border-radius:50%;background:#1d9bf0}}
/* Reference account empty state */
.account-page{max-width:760px;margin:0 auto}.account-empty{display:flex;align-items:flex-start;gap:16px;margin-top:8px;padding:24px}.account-empty-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(255,127,0,.14);color:var(--orange);font-size:24px}.account-eyebrow{margin:0 0 3px;color:var(--orange-soft);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.account-empty h2{margin:0;font-size:20px}.account-empty p:not(.account-eyebrow){margin:5px 0 16px;color:var(--muted);font-size:12px}.account-actions{display:flex;gap:8px;flex-wrap:wrap}.account-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid var(--edge);border-radius:7px;background:var(--card);color:var(--white);font-size:11px}.account-actions .btn-first{border-color:var(--orange);background:var(--orange);color:#17100a;font-weight:750}@media(max-width:620px){.account-empty{padding:16px;gap:11px}.account-empty h2{font-size:17px}.account-actions{display:grid}.account-actions .btn{width:100%}}
.pagination{display:flex;justify-content:center;margin:24px 0}.pagination ul{display:flex;gap:5px;list-style:none;margin:0;padding:0}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 9px;border:1px solid var(--edge);border-radius:6px;background:var(--card);color:var(--muted);font-size:11px}.pagination .current{background:var(--orange);border-color:var(--orange);color:#17100a;font-weight:800}.pagination .dots{border-color:transparent;background:transparent}@media(max-width:620px){.pagination{margin:18px 0}.pagination a,.pagination span{min-width:28px;height:28px;padding:0 7px;font-size:10px}}
.reader-comments{max-width:896px;margin:0 auto;padding:20px 0 32px;background:#0a0a0c;border-top:0;color:#f4f4f5}.reader-comments>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 32px;padding:0 0 16px;border-bottom:1px solid #27272a}.reader-comments>header h2{font-size:20px;line-height:28px}.reader-reaction-section{width:100%;margin:0 0 40px;padding:32px 16px;border:1px solid #1a2035;border-radius:16px;background:#0c101a;box-shadow:0 1px 2px rgba(0,0,0,.15)}.reader-reaction-header{display:block;margin:0 0 24px;text-align:center}.reader-reaction-header h3{font-size:18px;line-height:28px}.reader-reaction-header p{margin:4px 0 0;font-size:14px;line-height:20px;text-align:center;color:#71717a}.reader-reactions{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:clamp(16px,4vw,40px);margin:0}.reader-reactions button{display:flex;width:64px;min-width:64px;height:auto;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font-size:initial;cursor:pointer}.reader-reactions button:hover{transform:translateY(-4px);background:transparent}.reader-reactions button:first-letter{font-size:40px}.reader-reactions span{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12px;line-height:16px;color:#94a3b8}.reader-comment-composer{display:flex;align-items:flex-start;gap:16px;margin:0 0 32px}.reader-comment-composer>img{width:40px;height:40px;border-radius:999px}.reader-comment-box{min-width:0;flex:1;border:1px solid #27272a;border-radius:12px;background:#18181b;line-height:24px}.reader-comment-box textarea{min-height:72px;padding:16px;color:#e5e7eb;font-size:14px;line-height:20px}.reader-comment-toolbar{gap:12px;padding:0 12px 8px;border-top:0}.reader-comment-toolbar button{width:27px;height:36px;padding:6px;border-radius:6px;font-size:15px}.reader-comment-toolbar>button{width:auto;height:30px;padding:4px 12px;background:#4f46e5;color:#fff;font-size:12px}.reader-comment-toolbar>button:disabled{opacity:.5}@media(max-width:620px){.reader-comments{padding:16px 0 24px}.reader-comments>header{margin-bottom:20px;padding:0 12px 12px}.reader-comments>header h2{font-size:16px}.reader-reaction-section{margin-bottom:28px;padding:24px 8px;border-radius:12px}.reader-reaction-header{margin-bottom:20px}.reader-reaction-header h3{font-size:16px}.reader-reaction-header p{font-size:12px}.reader-reactions{gap:16px}.reader-reactions button{width:56px;min-width:56px}.reader-reactions button:first-letter{font-size:36px}.reader-reactions span{font-size:11px}.reader-comment-composer{gap:9px;padding:0 12px}.reader-comment-composer>img{width:34px;height:34px}.reader-comment-box textarea{min-height:66px;padding:12px;font-size:12px}.reader-comment-toolbar{padding:0 8px 6px}}
.reader-comments{width:min(896px,100vw);margin-left:50%;transform:translateX(-50%)}
@media(max-width:620px){.reader-comments{width:100vw;margin-left:0;transform:none}}
/* Final mobile responsive alignment */
@media(max-width:620px){
    html,body{overflow-x:hidden}
    .container{width:calc(100% - 24px)}
    .hero-wrapper{margin:14px 0 24px}
    .vt-carousel-track{padding:8px 0;min-height:0}
    .vt-carousel .vt-hero-slide{flex-basis:88%;margin:0 -8px;transform:scale(.9);aspect-ratio:720/380}
    .vt-carousel .vt-hero-slide:first-child{margin-left:6%}
    .vt-carousel .vt-hero-slide:last-child{margin-right:6%}
    .hero-content{max-width:90%;padding:3.5cqi 3.5cqi 3.5cqi 0}
    .hero-stat-pill{font-size:clamp(.5rem,2.2cqi,.7rem)}
    .hero-genre-pill{font-size:clamp(.5rem,1.8cqi,.65rem)}
    .reader-screen-topNavbar{padding:0 10px!important;gap:8px!important}
    .reader-back-link{flex:0 0 auto;font-size:12px!important}
    .reader-series-block{flex:1;justify-content:center;min-width:0}
    .reader-series-block a{max-width:120px}
    .reader-series-block strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
    .reader-top-actions{flex:0 0 auto}
    .reader-reaction-section{margin-inline:0;padding-inline:6px}
    .reader-reactions{gap:clamp(8px,3vw,16px)}
    .reader-reactions button{width:56px;min-width:56px}
    .reader-comment-composer{padding-inline:12px}
    .series-cover{width:180px!important}
    .action-buttons{gap:6px}
    .action-buttons .btn{min-width:0}
}
.vt-carousel .vt-hero-slide{container-type:inline-size}.vt-carousel-track{min-height:clamp(280px,38vw,430px);touch-action:pan-y;cursor:grab}.vt-carousel-track.is-dragging{cursor:grabbing;user-select:none}.vt-carousel-track.is-dragging .vt-hero-slide,.vt-carousel-track.is-jumping .vt-hero-slide{transition:none}@media(max-width:620px){.vt-carousel-track{min-height:300px}.vt-carousel .vt-hero-slide{aspect-ratio:720/380}}
.series-header{grid-template-columns:clamp(300px,25vw,420px) 1fr}.series-cover{width:100%;aspect-ratio:1748/2480;height:auto;object-fit:cover}@media(max-width:620px){.series-header{display:block;padding-top:24px}.series-cover{display:block;width:180px;height:auto;aspect-ratio:1748/2480;margin:0 auto 20px}.series-copy{display:block}.series-header h1{font-size:24px}}
.series-detail-screen{max-width:1440px;margin:0 auto;padding:40px 0}.series-detail-main{display:flex;align-items:flex-start;gap:25px;width:100%}.series-left-col{display:flex;flex:0 0 clamp(300px,25vw,420px);flex-direction:column;gap:15px}.cover-wrapper{width:100%;aspect-ratio:1748/2480;overflow:hidden;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.5)}.cover-wrapper .series-cover{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0}.series-right-col{display:flex;flex:1;min-width:0;flex-direction:column;gap:20px}.series-stat-panel{padding:18px;border:1px solid var(--edge);border-radius:6px;background:var(--card)}.series-stat-panel .series-stats{margin:0;max-width:none}.series-stats>div{background:transparent}.series-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.series-meta-grid>div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--edge);border-radius:6px;background:var(--bg)}.series-meta-grid small,.series-author span{color:var(--muted);font-size:12px}.series-meta-grid strong{display:flex;align-items:center;gap:5px;font-size:13px}.meta-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.meta-dot.green{background:#4ade80}.meta-dot.purple{background:#ff7f00}.series-author{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--edge);border-radius:6px;background:var(--bg);font-size:12px}.series-tags{display:flex;flex-wrap:wrap;gap:10px}.series-tags a{padding:6px 12px;border:1px solid var(--edge);border-radius:4px;font-size:12px}.series-top-header{padding:25px;border-radius:8px;background:var(--card)}.series-top-header h1{margin:0 0 12px;font-size:28px;overflow-wrap:anywhere}.series-sub-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;color:var(--muted);font-size:13px}.rank-badge{padding:3px 10px;border-radius:4px;background:#10b981;color:#fff;font-size:12px;font-weight:700}.type-badge{padding:3px 10px;border-radius:4px;background:#ff7f00;color:#fff;font-size:12px}.series-synopsis{color:#d1d5db;font-size:15px;line-height:1.6}.mobile-top-cover,.mobile-series-stats{display:none}.chapters-section{padding:20px 0;border-radius:8px;background:var(--card)}.chapters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:0 20px}.chapters-header h2{margin:0;font-size:17px}.btn-sort{padding:8px 14px;border:1px solid var(--edge);border-radius:4px;background:var(--card2);color:var(--white);font-size:13px}.series-search{display:block;margin:0 20px 15px}.series-search input{display:block;width:100%;padding:14px 15px;border:1px solid var(--edge);border-radius:6px;outline:0;background:var(--bg);color:var(--white);font-size:14px}.chapters-section .chapter-list{max-height:400px;overflow-y:auto;padding:0 5px 0 0;border:0;border-radius:0;list-style:none}.chapters-section .chapter-item{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--edge);border-radius:0}.chapters-section .chapter-title{font-size:15px;font-weight:500;color:var(--white)}.chapters-section .chapter-meta{display:flex;align-items:center;gap:15px}.chapters-section .chapter-views,.chapters-section .chapter-date{color:var(--muted);font-size:13px}.chapters-section .chapter-date{text-align:right;min-width:80px}@media(max-width:1199px){.series-detail-screen{padding:0}.series-detail-screen>.series-detail-main{display:block}.series-left-col{display:none}.series-right-col{max-width:960px;margin:0 auto;padding:24px;gap:20px}.mobile-top-cover{display:flex;justify-content:center;margin:48px 0 20px}.mobile-top-cover img{width:210px;height:auto;aspect-ratio:1748/2480;object-fit:cover;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.6)}.series-top-header{padding:24px}.mobile-series-stats{display:block}.chapters-section{padding:20px 0}.action-buttons{margin-top:0}.action-buttons .btn{font-size:15px;padding:14px}.chapters-section .chapter-list{max-height:none}}@media(max-width:620px){.series-right-col{padding:15px;gap:15px}.mobile-top-cover{margin:40px 0 20px}.mobile-top-cover img{width:180px}.series-top-header{padding:0;background:transparent}.series-top-header h1{font-size:24px}.series-synopsis{font-size:13px}.series-sub-header{margin-bottom:12px}.series-stat-panel{padding:15px}.series-stats>div{padding:8px 5px}.series-stats strong{font-size:11px}.series-stats small{font-size:9px}.action-buttons{flex-wrap:wrap}.action-buttons .btn{font-size:11px;padding:9px 7px}.action-buttons .btn:first-child{flex-basis:100%;margin-bottom:5px}.chapters-section{border-radius:10px;padding:20px 0}.chapters-header,.series-search{padding-inline:20px;margin-left:0;margin-right:0}.chapters-section .chapter-item{padding:14px 15px}.chapters-section .chapter-title{font-size:13px}.chapters-section .chapter-meta{gap:7px}.chapters-section .chapter-views,.chapters-section .chapter-date{font-size:10px}.chapters-section .chapter-date{min-width:0}.series-meta-grid{gap:8px}}
/* Reference reader comments composer */
.reader-comments{padding:20px 12px 24px}.reader-comments>header{margin-bottom:14px}.reader-comments>header h2{font-size:16px}.reader-reaction-section{border-top:1px solid #1f2937;padding-top:14px}.reader-reaction-header{display:flex;align-items:center;justify-content:space-between}.reader-reaction-header h3{margin:0;font-size:13px}.reader-reaction-header p{margin:0;color:#94a3b8;font-size:11px}.reader-reactions{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px}.reader-comment-composer{display:flex;gap:10px;margin-top:18px}.reader-comment-composer>img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 auto}.reader-comment-box{flex:1;min-width:0;border:1px solid #263448;border-radius:8px;background:#111925;overflow:hidden}.reader-comment-box textarea{display:block;width:100%;min-height:66px;resize:vertical;border:0;outline:0;background:transparent;color:#f8fafc;padding:10px;font:12px/1.5 inherit}.reader-comment-box textarea::placeholder{color:#64748b}.reader-comment-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #263448;padding:6px 8px}.reader-comment-toolbar div{display:flex;gap:3px}.reader-comment-toolbar button{border:0;background:transparent;color:#94a3b8;padding:4px 6px;cursor:pointer}.reader-comment-toolbar>button{border-radius:5px;background:#ff7f00;color:#17100a;font-size:11px;font-weight:700}.reader-comment-toolbar>button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:620px){.reader-reactions{gap:4px}.reader-reactions button{min-width:0}.reader-comment-composer{gap:7px}.reader-comment-toolbar{padding:5px}.reader-comment-toolbar button{padding:4px}.reader-comments{padding-bottom:20px}}
.reader-scroll-controls,.reader-bottom-navbar{display:none!important}.vt-reader-nav{max-width:720px;margin:12px auto;padding:10px 12px;background:#0a0e17;border:1px solid #1f2937;border-radius:8px}.vt-reader-nav a,.vt-reader-nav-disabled{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:10px 12px;border:1px solid #263448;border-radius:6px;color:#f8fafc;text-align:center;font-size:12px}.vt-reader-nav a:hover{border-color:#ff7f00;color:#ffb35b}.vt-reader-nav-disabled{color:#64748b;border-color:transparent}@media(max-width:620px){.vt-reader-nav{grid-template-columns:1fr auto 1fr;margin:8px 12px;padding:8px}.vt-reader-nav a,.vt-reader-nav-disabled{padding:8px 5px;font-size:10px}.vt-reader-nav a span{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.vt-reader-nav{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.reader-nav-prev,.reader-nav-placeholder-prev{grid-column:1}.reader-nav-chapters{grid-column:2}.reader-nav-next,.reader-nav-placeholder-next{grid-column:3}.vt-reader-nav>a{width:100%;box-sizing:border-box}
.hero-copy{min-width:0;flex:1;padding:0 2.5cqi}.hero-copy h1{margin:0 0 10px;color:#f8fafc;font-size:clamp(1.2rem,4cqi,2.5rem);line-height:1.08;overflow-wrap:anywhere}.hero-copy p{margin:0;color:#c1ccd8;font-size:clamp(.7rem,1.8cqi,.95rem);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}@media(max-width:620px){.hero-copy{padding:0 1.5cqi}.hero-copy h1{font-size:clamp(1rem,4.5cqi,1.7rem)}.hero-copy p{font-size:clamp(.62rem,2.2cqi,.8rem);-webkit-line-clamp:3}}

.hero-top-block{flex-direction:row-reverse;justify-content:flex-start}.hero-copy{text-align:left}

.hero-content{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:2.5cqi}.hero-top-block{display:contents}.hero-cover-img{grid-column:1;grid-row:1;align-self:center;height:clamp(180px,24cqi,290px);width:auto}.hero-copy{grid-column:2;grid-row:1;align-self:center;padding:0}.hero-bottom-block{grid-column:1;grid-row:2;padding-left:0;margin-top:1cqi}.hero-genres{justify-content:flex-start}@media(max-width:620px){.hero-content{column-gap:2cqi}.hero-cover-img{height:clamp(140px,38cqi,210px)}.hero-bottom-block{margin-top:2cqi}}

.hero-content{padding-left:4cqi}.hero-copy h1{font-size:clamp(1.5rem,5cqi,3rem)}.hero-copy p{font-size:clamp(.85rem,2cqi,1.1rem);text-align:justify}@media(max-width:620px){.hero-content{padding-left:3cqi}.hero-copy h1{font-size:clamp(1.15rem,5cqi,1.9rem)}.hero-copy p{font-size:clamp(.72rem,2.4cqi,.9rem)}}

.hero-content{width:100%;max-width:100%;padding-left:5cqi;padding-right:5cqi}.hero-copy{width:100%}@media(max-width:620px){.hero-content{width:100%;max-width:100%;padding-left:4cqi;padding-right:4cqi}}

.hero-cover-img,.hero-bottom-block{transform:translateX(2cqi)}

.hero-content{grid-template-columns:clamp(170px,22cqi,260px) minmax(0,1fr)}.hero-cover-img{justify-self:center;transform:none}.hero-bottom-block{justify-self:stretch;transform:none}.hero-genres{justify-content:center}@media(max-width:620px){.hero-content{grid-template-columns:clamp(125px,38cqi,180px) minmax(0,1fr)}.hero-genres{justify-content:center}}
.main-nav a:nth-child(5):before,.bottom-nav a:nth-child(5) b:before{content:"\f02d"}
@media(max-width:620px){.bottom-nav{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important}}
@media(max-width:1199px){body{padding-bottom:calc(61px + env(safe-area-inset-bottom))}.bottom-nav{display:flex !important;position:fixed !important;z-index:60 !important;bottom:0 !important;left:0 !important;right:0 !important}}
.site-header{position:sticky !important;top:0 !important;z-index:50 !important}
@media(max-width:1199px){.site-header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important}.site-header+main{padding-top:70px}}@media(max-width:620px){.site-header+main{padding-top:60px}}
@media(max-width:620px){.vt-carousel .hero-content{display:grid;grid-template-columns:minmax(105px,34%) minmax(0,1fr);align-content:center;column-gap:12px;width:100%;max-width:100%;padding:22px 16px}.vt-carousel .hero-cover-img{display:block;grid-column:1;grid-row:1;justify-self:center;width:100%;max-width:145px;height:auto;max-height:190px;object-fit:cover}.vt-carousel .hero-copy{display:block;grid-column:2;grid-row:1;min-width:0;align-self:center;padding:0}.vt-carousel .hero-copy h1{display:block;font-size:clamp(1.05rem,5.2vw,1.6rem);line-height:1.12;margin:0 0 8px}.vt-carousel .hero-copy p{display:-webkit-box;font-size:clamp(.72rem,2.8vw,.9rem);line-height:1.45;-webkit-line-clamp:5;overflow:hidden}.vt-carousel .hero-bottom-block{display:block;grid-column:1;grid-row:2;width:100%;margin-top:8px;padding:0}.vt-carousel .hero-genres{display:flex;justify-content:center;gap:4px}.vt-carousel .hero-genre-pill{font-size:clamp(.5rem,2vw,.65rem);padding:3px 7px}}
@media(max-width:620px){.vt-carousel .hero{min-height:180px;aspect-ratio:auto}.vt-carousel-track{min-height:180px}.vt-carousel .hero-content{grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:7px;padding:14px 12px}.vt-carousel .hero-cover-img{width:88px;max-width:88px;max-height:116px}.vt-carousel .hero-copy h1{font-size:clamp(1rem,4.8vw,1.35rem);margin-bottom:6px}.vt-carousel .hero-copy p{font-size:clamp(.66rem,2.5vw,.8rem);line-height:1.35;-webkit-line-clamp:4}.vt-carousel .hero-bottom-block{margin-top:0}.vt-carousel .hero-genre-pill{font-size:clamp(.48rem,1.8vw,.58rem);padding:2px 5px}}
@media(max-width:620px){.topbar-mobile{position:relative}.mobile-profile{display:none!important}.logo-center{position:absolute;left:50%;transform:translateX(-50%)}.mobile-header-actions{margin-left:auto}}
html.reader-light body.reader-page{background:#fff!important;color:#0f172a!important}
html.reader-light .reader-content{background:#000!important;color:#f8fafc!important}
html.reader-light .reader-screen-topNavbar,html.reader-light .vt-reader-nav,html.reader-light .reader-page .reader-footer{background:#fff!important;color:#0f172a!important;border-color:#dbe3ee!important}
html.reader-light .reader-screen-topNavbar a,html.reader-light .reader-screen-topNavbar strong,html.reader-light .vt-reader-nav a,html.reader-light .reader-page .reader-footer,html.reader-light .reader-top-actions button{color:#0f172a!important}
html.reader-light .vt-reader-nav a{border-color:#dbe3ee!important}
.reader-page .reader-back-link{padding:7px 10px!important;border:1px solid #263448!important;border-radius:7px!important;color:#f8fafc!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase}
html.reader-light .reader-page .reader-back-link{border-color:#dbe3ee!important;color:#0f172a!important}
.reader-page .reader-top-actions button[data-reader-theme]{border:1px solid #fff!important;border-radius:7px!important;background:transparent!important;color:#f8fafc!important;min-width:32px!important;height:32px!important}
html.reader-light .reader-page .reader-top-actions button[data-reader-theme]{border-color:#dbe3ee!important;color:#0f172a!important}
.reader-page .reader-back-link,.reader-page .reader-top-actions button[data-reader-theme],.reader-page .vt-reader-nav a{border-color:#fff!important}
html.reader-light .reader-page .reader-back-link,html.reader-light .reader-page .reader-top-actions button[data-reader-theme],html.reader-light .reader-page .vt-reader-nav a{border-color:#dbe3ee!important}
.site-footer:not(.reader-footer){display:block;text-align:center}
.reader-page .site-footer.reader-footer .footer-widgets{width:100%;margin:0 auto 10px}
.reader-page .site-footer.reader-footer{box-sizing:border-box;flex-direction:column;width:100%}
.reader-page .site-footer.reader-footer .footer-widgets{box-sizing:border-box;min-width:0}
.reader-page .site-footer.reader-footer .widget{margin:0 auto 12px}
.reader-page .site-footer.reader-footer .widget img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
.bottom-nav a[href*="/updates/"]{display:none!important}
.site-footer:not(.reader-footer) .footer-widgets{width:100%;margin:0 auto 10px}
.site-footer:not(.reader-footer) .widget{margin:0 auto 12px}
.site-footer:not(.reader-footer) .widget-title{margin:0 0 6px;font-size:13px;color:var(--white)}
.site-footer:not(.reader-footer) .widget img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
.reader-page .reader-scroll-controls{display:grid!important;position:fixed;z-index:100;right:14px;bottom:20px;gap:7px}
.reader-page .reader-scroll-controls button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #263448;border-radius:8px;background:#111925;color:#f8fafc;font-size:20px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.35);cursor:pointer}
@media(hover:hover) and (pointer:fine){.reader-page .reader-scroll-controls button:hover{background:#ff7f00;border-color:#ff7f00;color:#17100a}}
.reader-page .reader-scroll-controls button:focus{outline:2px solid #64748b;outline-offset:2px}
.reader-page .reader-scroll-controls button[hidden]{display:inline-flex!important;visibility:hidden;pointer-events:none}
@media(max-width:620px){.reader-page .reader-scroll-controls{right:12px;bottom:16px}.reader-page .reader-scroll-controls button{width:36px;height:36px}}
.reader-page .reader-screen-topNavbar{position:sticky!important;top:0!important;z-index:9990!important;background:rgba(0,0,0,.94)!important;backdrop-filter:blur(18px)}
@media(max-width:1199px){.reader-page .reader-screen-topNavbar{position:fixed!important;left:0;right:0;top:0;width:100%;z-index:9990!important}.reader-page{padding-top:64px}.reader-page .reader-header-banner{margin-top:12px!important}}
@media(max-width:620px){.reader-page{padding-top:60px}.reader-page .reader-header-banner{margin-top:10px!important}}
.reader-page .reader-scroll-controls{position:fixed!important;right:14px!important;bottom:20px!important;top:auto!important;left:auto!important;z-index:10000!important}
@media(max-width:620px){.reader-page .reader-scroll-controls{right:12px!important;bottom:16px!important}}
.header-tools .search-trigger{min-width:260px;padding:11px 14px;border-radius:11px;gap:10px}
.header-tools{margin-left:auto;align-items:center}
.header-tools .search-trigger{display:flex;align-items:center;justify-content:flex-start;height:44px}
.header-tools .search-trigger>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;font-family:"Font Awesome 6 Free";font-size:0;line-height:1;color:#cbd5e1}
.header-tools .search-trigger>span:before{content:"\f002";font-size:18px;line-height:1}
.header-tools .search-trigger input{width:210px;font-size:13px}
.header-tools .search-trigger input::placeholder{color:#94a3b8;opacity:1}
@media(max-width:1199px){.mobile-header-actions{height:100%;margin-left:auto;align-items:center}.mobile-search{width:42px;height:42px;align-self:center;font-family:"Font Awesome 6 Free";font-size:0!important;line-height:1;display:flex;align-items:center;justify-content:center}.mobile-search:before{content:"\f002";font-size:23px;line-height:1}}
.header-banner{width:min(1180px,calc(100% - 32px));margin:14px auto 0}
.header-banner .widget{margin:0}
.header-banner .widget + .widget{margin-top:12px}
.header-banner img{display:block;max-width:100%;height:auto;margin:0 auto}
.reader-header-banner{width:min(900px,100%);margin:12px auto}
@media(max-width:1199px){.header-banner{margin-top:70px}}
@media(max-width:620px){.header-banner{width:calc(100% - 22px);margin-top:60px}.reader-header-banner{width:calc(100% - 24px);margin:10px auto}}
.site-header{display:block!important;visibility:visible!important;opacity:1!important;min-height:60px;isolation:isolate;z-index:9999!important}
.site-header .topbar,.site-header .topbar-mobile{visibility:visible!important;opacity:1!important}


/* Keep the bookmark action the same size as First Chapter. */
.action-buttons .btn-bookmark,
.action-buttons .btn-first{min-height:44px;padding:14px 18px;font-size:15px}
@media(max-width:620px){
    .action-buttons .btn-bookmark,
    .action-buttons .btn-first{min-height:42px;padding:12px 10px;font-size:13px}
}

/* Ranking and Library refinements. */
.ranking-filters{display:flex;gap:8px;border-bottom:1px solid var(--edge);padding-bottom:10px;margin-bottom:16px}
.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:0;border:0;text-align:left}
.history-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--edge);border-radius:8px;background:var(--card);overflow:hidden}
.history-cover{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:var(--card2)}
.history-info{display:grid;gap:3px;padding:9px 10px}
.history-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-info small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){.ranking-filters{gap:4px}.ranking-filters .main-tab-btn{flex:1;font-size:11px;padding:8px 6px}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.history-info{padding:8px}.history-info strong{font-size:11px}}


/* Keep every mobile hero slide the same height. */
@media(max-width:620px){
    .vt-carousel .vt-hero-slide,.vt-carousel .hero{height:220px;min-height:220px;max-height:220px}
    .vt-carousel .hero-content{height:100%;overflow:visible}
}


@media(max-width:620px){.vt-carousel .hero-dots{position:relative;left:auto;right:auto;bottom:auto;transform:none;margin:10px auto 0;justify-content:center;width:max-content}}
.home-notification{width:min(1180px,calc(100% - 32px));margin:12px auto 0}.home-notification-widget{display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:9px 14px;border:1px solid var(--edge);border-radius:8px;background:var(--card);color:var(--text);overflow:hidden}.home-notification-label{flex:0 0 auto;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-notification-widget .textwidget{min-width:0;overflow:hidden;white-space:nowrap;color:var(--muted);font-size:12px}.home-notification-widget .textwidget p{display:inline;margin:0;white-space:nowrap;animation:vt-notification-scroll 18s linear infinite}@keyframes vt-notification-scroll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){.home-notification-widget .textwidget p{animation:none}}@media(max-width:620px){.home-notification{width:calc(100% - 22px);margin-top:10px}.home-notification-widget{gap:8px;padding:8px 10px}.home-notification-widget .textwidget{font-size:11px}}
/* Home notification marquee: animate the widget content whether it is plain text, p, or custom HTML. */
.home-notification-widget{position:relative;display:flex;overflow:hidden;white-space:nowrap}
.home-notification-widget .textwidget{display:block;flex:0 0 auto;width:max-content;max-width:none;white-space:nowrap;animation:vt-notification-marquee 18s linear infinite}
.home-notification-widget .textwidget p{display:inline;margin:0;white-space:nowrap;animation:none}
.home-notification-widget:hover .textwidget{animation-play-state:paused}
@keyframes vt-notification-marquee{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.home-notification-widget .textwidget{animation:none;transform:none;white-space:normal;width:auto}}
.vt-live-search-wrap{position:relative}.vt-live-search-results{display:none;position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:100;min-width:260px;padding:5px;border:1px solid var(--edge);border-radius:9px;background:var(--card);box-shadow:0 14px 30px rgba(0,0,0,.35)}.vt-live-search-results.is-visible{display:block}.vt-live-search-item{display:flex;align-items:center;gap:9px;padding:7px;border-radius:6px;color:var(--white);font-size:11px;font-weight:700;line-height:1.2}.vt-live-search-item:hover{background:var(--card2);color:var(--orange-soft)}.vt-live-search-item img,.vt-live-search-placeholder{display:block;width:32px;height:42px;flex:0 0 32px;border-radius:4px;object-fit:cover;background:var(--card2);color:var(--muted);text-align:center;line-height:42px;font-size:13px}.search-trigger .vt-live-search-results{right:auto;width:280px}.mobile-action-bar .vt-live-search-results{right:0;min-width:0;width:min(360px,calc(100vw - 24px))}
.vt-mobile-search-panel{display:none}.vt-mobile-search-input{display:flex;align-items:center;gap:8px}.vt-mobile-search-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--white);font-size:14px}.vt-mobile-search-input button{border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.vt-mobile-search-panel .vt-live-search-results{position:static;width:100%;min-width:0;margin-top:8px}.vt-mobile-search-panel.is-open{display:block;position:absolute;top:58px;left:12px;right:12px;z-index:80;padding:10px;border:1px solid var(--edge);border-radius:9px;background:var(--card);box-shadow:0 14px 30px rgba(0,0,0,.4)}

/* Match New/Completed cover widths to the responsive Update grid. */
.new-series-list{gap:10px}
.new-series-card{flex:0 0 calc((100% - 10px)/2);width:auto;min-width:0}
.update-series-cover{position:relative}
.series-country-badge{position:absolute;left:9px;bottom:9px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:26px;padding:0 9px;border:1px solid rgba(255,255,255,.24);border-radius:6px;background:rgba(8,12,20,.88);box-shadow:0 2px 8px rgba(0,0,0,.4);color:#fff;font-size:12px;font-weight:850;letter-spacing:.06em;line-height:1;backdrop-filter:blur(5px)}
@media(min-width:600px){.new-series-list{gap:16px}.new-series-card{flex-basis:calc((100% - 32px)/3)}}
@media(min-width:900px){.new-series-list{gap:18px}.new-series-card{flex-basis:calc((100% - 54px)/4)}}
@media(min-width:1200px){.new-series-list{gap:20px}.new-series-card{flex-basis:calc((100% - 100px)/6)}}