@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#07080d;--panel:#0d1018;--line:#252c38;--text:#f5f7fb;--muted:#8d95a5;--cyan:#29e7ff;--pink:#ff3cac;--green:#76ff9d}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#10243a 0,transparent 32%),var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.topbar{height:70px;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:28px;padding:0 4%;background:#07080de8;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.logo{font:800 18px 'Space Grotesk';letter-spacing:.08em;white-space:nowrap}.logo span:last-child{color:var(--cyan)}nav{display:flex;gap:22px}nav a{font-size:13px;color:var(--muted);font-weight:700;transition:.2s}nav a:hover{color:#fff}.nav-search{margin-left:auto;width:min(330px,35vw);height:42px;display:flex;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:7px;overflow:hidden}.nav-search span{padding-left:12px;color:var(--muted);font-size:19px}.nav-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:10px;font-size:13px}.nav-search button{width:45px;height:42px;border:0;background:var(--cyan);color:#001016;font-weight:900}.menu-btn{display:none;background:var(--panel);border:1px solid var(--line);color:#fff;border-radius:6px;padding:8px}.page,.home-page{width:100%;margin:auto}.hero{height:clamp(480px,65vh,680px);position:relative;overflow:hidden}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{background:#0a0d13}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.hero-shade{background:linear-gradient(90deg,#07080d 0%,#07080de8 28%,#07080d91 58%,#07080d18 100%),linear-gradient(0deg,#07080d 0%,transparent 32%,#07080d35 100%)}.hero-content{position:relative;z-index:2;height:100%;width:min(1400px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-copy{max-width:680px}.eyebrow{color:var(--cyan);font:700 11px 'Space Grotesk';letter-spacing:.2em;text-transform:uppercase}.hero h1{font:800 clamp(42px,6vw,76px)/.98 'Space Grotesk';letter-spacing:-.045em;margin:14px 0;max-width:720px}.hero h1 i{font-style:normal;color:var(--pink)}.hero p{color:#b5bdca;line-height:1.7;max-width:620px;margin:0 0 18px}.hero-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:18px 0}.hero-meta span:last-child{border:1px solid var(--line);padding:4px 7px}.hero-actions{display:flex;gap:10px;margin:22px 0 14px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:5px;font:800 12px 'Space Grotesk';letter-spacing:.08em}.primary{background:var(--cyan);color:#001016;border:1px solid var(--cyan)}.primary:hover{box-shadow:0 0 25px #29e7ff35}.secondary{border:1px solid var(--line);color:#fff;background:#090c12b5}.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.hero-search,.big-search{display:flex;border:1px solid #303746;background:#0a0d14e8;border-radius:6px;padding:4px;margin-top:12px;max-width:620px}.hero-search input,.big-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:12px}.hero-search button,.big-search button{border:0;background:var(--cyan);color:#001016;border-radius:4px;padding:0 18px;font-weight:900;font-size:12px}.hero-poster{width:175px;flex:0 0 175px;filter:drop-shadow(0 25px 45px #000b)}.hero-poster .poster{border-color:#334052;border-radius:4px}.hero-controls{position:absolute;z-index:5;right:4%;bottom:25px;display:flex;align-items:center;gap:12px}.hero-controls>button{width:32px;height:32px;border:1px solid var(--line);background:#090c12b5;color:#fff;border-radius:4px;font-size:22px;line-height:1}.hero-controls>button:hover{border-color:var(--cyan);color:var(--cyan)}.hero-dots{display:flex;gap:6px}.hero-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#414957}.hero-dot.active{width:26px;background:var(--cyan);box-shadow:0 0 12px #29e7ff55}.empty-hero{display:flex;align-items:center}.section{width:min(1400px,92%);margin:auto;padding:38px 0 12px}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.head h2{font:700 27px 'Space Grotesk';margin:5px 0}.head a{color:var(--cyan);font-size:11px;font-weight:800}.row{display:grid;grid-auto-flow:column;grid-auto-columns:170px;gap:16px;overflow-x:auto;padding:3px 2px 18px;scrollbar-width:thin;scrollbar-color:#343c49 transparent}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.poster{aspect-ratio:2/3;border:1px solid #252d39;border-radius:5px;overflow:hidden;background:#151a24;position:relative}.poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.poster-link:hover .poster img{transform:scale(1.035)}.poster-fallback{height:100%;display:grid;place-items:center;font-size:42px;color:#334052}.poster .rank{position:absolute;left:8px;bottom:4px;font:800 32px 'Space Grotesk';text-shadow:0 2px 15px #000}.card{min-width:0}.card h3{font-size:13px;line-height:1.25;margin:9px 2px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card h3 a:hover{color:var(--cyan)}.card small{font-size:10px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;align-items:center;gap:9px;min-height:28px}.more-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #303746;border-radius:4px;padding:5px 7px;color:#fff;font:800 9px 'Space Grotesk';letter-spacing:.08em;transition:.18s}.more-btn:hover{border-color:var(--cyan);color:var(--cyan)}.shelf-btn{display:block;border:0;background:transparent;color:var(--muted);padding:7px 2px 0;font-size:10px}.shelf-btn:hover{color:#fff}.shelf-btn.saved{color:var(--green)}.genre-list{display:flex;flex-wrap:wrap;gap:9px;padding-bottom:20px}.genre{background:var(--panel);border:1px solid #303746;color:#fff;border-radius:5px;padding:12px 15px;font-weight:700;font-size:12px}.genre:hover{border-color:var(--cyan);color:var(--cyan)}.search-page{width:min(1400px,92%);padding:45px 0 90px;margin:auto}.status{color:var(--muted);font-size:13px;padding:18px 0}.empty{grid-column:1/-1;border:1px dashed #303746;border-radius:8px;padding:55px;text-align:center;color:var(--muted)}.loading-page{min-height:70vh;display:grid;place-content:center;justify-items:center;color:var(--muted);font:700 12px 'Space Grotesk';letter-spacing:.16em}.loader{width:38px;height:38px;border:3px solid #27303d;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:14px}@keyframes spin{to{transform:rotate(360deg)}}.detail{width:min(1400px,92%);padding:48px 0 90px;margin:auto}.back{display:inline-block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:28px}.back:hover{color:var(--cyan)}.detail-top{display:grid;grid-template-columns:280px 1fr;gap:45px}.detail-top>.poster,.detail-top>div>.poster{width:280px}.detail h1{font:800 clamp(40px,6vw,70px)/.95 'Space Grotesk';margin:10px 0}.author{color:var(--cyan)}.summary{max-width:720px;color:var(--muted);line-height:1.8}.continue-reading{display:inline-flex;align-items:center;gap:28px;margin-top:12px;min-height:42px;padding:0 16px;border:1px solid #303746;border-radius:5px;color:#fff;font:800 11px 'Space Grotesk';letter-spacing:.08em}.continue-reading:hover{border-color:var(--cyan);color:var(--cyan)}.chapters{margin-top:55px;border-top:1px solid var(--line);padding-top:28px}.chapters-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.chapters-heading>span{font-size:11px;color:var(--muted)}.chapter{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;text-align:left;padding:16px 4px;font-size:13px}.chapter:hover{color:var(--cyan);padding-left:8px}.reader{max-width:820px;margin:auto;padding:40px 18px 100px}.reader-bar{position:sticky;top:70px;z-index:5;display:flex;justify-content:space-between;gap:20px;padding:15px 0;background:#07080df0;border-bottom:1px solid var(--line);font-size:12px}.reader article{font:20px/2 Georgia,serif;color:#e6e8ee;margin-top:42px}.reader article h1{font:800 42px 'Space Grotesk';line-height:1.05}.footer{border-top:1px solid var(--line);padding:28px 4%;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:30px}.footer b{color:#fff;margin-right:14px}.toast{position:fixed;right:20px;bottom:20px;z-index:200;background:#151b26;border:1px solid #303746;padding:13px 16px;border-radius:7px;transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}@media(max-width:900px){.topbar{gap:15px}nav{display:none}.menu-btn{display:block}.nav-search{width:auto;flex:1}.hero-content{width:92%}.hero-poster{display:none}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-top{grid-template-columns:210px 1fr}.detail-top>.poster,.detail-top>div>.poster{width:210px}body.menu-open .topbar nav{display:flex;position:absolute;top:70px;left:0;right:0;padding:15px 4%;background:#090c12;border-bottom:1px solid var(--line);flex-direction:column;gap:14px}}@media(max-width:600px){.topbar{height:64px;padding:0 3%;gap:8px}.logo{font-size:14px}.nav-search{max-width:190px}.nav-search input{font-size:11px}.hero{height:600px}.hero-content{align-items:flex-end;padding-bottom:65px}.hero-copy{max-width:100%}.hero h1{font-size:43px}.hero p{font-size:13px;max-height:88px;overflow:hidden}.hero-actions{margin-top:14px}.hero-search input{font-size:12px}.hero-controls{right:3%;bottom:17px}.section{padding:30px 0 5px}.row{grid-auto-columns:140px;gap:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail{width:92%}.detail-top{grid-template-columns:1fr;gap:25px}.detail-top>.poster,.detail-top>div>.poster{width:190px}.reader{padding-top:22px}.reader article{font-size:18px}.reader article h1{font-size:34px}.footer{flex-direction:column;gap:10px}}

/* Novel Hub reader upgrade */
.reader-shell{min-height:100vh;background:var(--reader-bg,#0b0c10);color:var(--reader-text,#e9ebf0);--reader-font-size:19px;--reader-line-height:1.9}.reader-shell[data-theme="sepia"]{--reader-bg:#f1e7d2;--reader-text:#3a3025;--reader-muted:#756653;--reader-line:#d6c8b4}.reader-shell[data-theme="black"]{--reader-bg:#000;--reader-text:#ededed;--reader-muted:#8e8e8e;--reader-line:#242424}.reader-shell[data-theme="dark"]{--reader-bg:#0b0c10;--reader-text:#e9ebf0;--reader-muted:#8d95a5;--reader-line:#252c38}.reader-shell .eyebrow{color:var(--cyan)}.reader-progress{position:fixed;left:0;right:0;top:70px;height:3px;z-index:120;background:transparent;pointer-events:none}.reader-progress>div{height:100%;width:100%;background:var(--cyan);transform-origin:left center;transform:scaleX(0);box-shadow:0 0 12px #29e7ff55}.reader-topbar{position:sticky;top:70px;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:10px max(18px,4%);background:color-mix(in srgb,var(--reader-bg) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--reader-line)}.reader-top-left,.reader-top-tools{display:flex;align-items:center;gap:12px;min-width:0}.reader-back{display:inline-flex;align-items:center;gap:7px;color:var(--reader-muted,#8d95a5);font:800 11px 'Space Grotesk';letter-spacing:.08em;white-space:nowrap}.reader-back:hover{color:var(--cyan)}.reader-book{display:grid;gap:2px;min-width:0;padding-left:12px;border-left:1px solid var(--reader-line)}.reader-book small{color:var(--reader-muted,#8d95a5);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.reader-book b{font:700 13px 'Space Grotesk';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48vw}.reader-top-tools>button{border:1px solid var(--reader-line);background:transparent;color:var(--reader-text);border-radius:5px;min-height:34px;padding:0 11px;font:800 10px 'Space Grotesk';letter-spacing:.06em}.reader-top-tools>button:hover{border-color:var(--cyan);color:var(--cyan)}.reader-progress-text{color:var(--reader-muted,#8d95a5);font:700 10px 'Space Grotesk';min-width:28px;text-align:right}.reader-main{width:92%;max-width:980px;margin:auto;padding:45px 0 100px}.reader-shell[data-width="narrow"] .reader-main{max-width:780px}.reader-shell[data-width="wide"] .reader-main{max-width:1120px}.reader-kicker{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;color:var(--reader-muted,#8d95a5);font:700 10px 'Space Grotesk';letter-spacing:.12em;text-transform:uppercase}.reader-kicker i{font-style:normal;color:var(--reader-line)}.reader-article{width:100%;max-width:760px;margin:35px auto 65px;font-size:var(--reader-font-size);line-height:var(--reader-line-height);font-family:Georgia,'Times New Roman',serif;color:var(--reader-text)}.reader-shell[data-width="narrow"] .reader-article{max-width:650px}.reader-shell[data-width="wide"] .reader-article{max-width:900px}.reader-article h1{font:800 clamp(34px,5vw,58px)/1.05 'Space Grotesk';letter-spacing:-.035em;margin:0 0 42px;color:var(--reader-text)}.reader-article p{margin:0 0 1.25em}.reader-article p:first-of-type:first-letter{font-size:1.75em;font-weight:700;float:left;line-height:.85;padding:6px 7px 0 0;color:var(--cyan)}.reader-shell[data-theme="sepia"] .reader-article p:first-of-type:first-letter{color:#9a6b3f}.chapter-nav{display:grid;grid-template-columns:1fr minmax(110px,170px) 1fr;gap:12px;max-width:900px;margin:0 auto;padding-top:35px;border-top:1px solid var(--reader-line)}.chapter-nav-btn,.chapter-nav-center{min-height:92px;border:1px solid var(--reader-line);border-radius:7px;padding:13px 14px;background:color-mix(in srgb,var(--reader-bg) 90%,#fff 3%);color:var(--reader-text);display:grid;align-content:center;gap:4px}.chapter-nav-btn{grid-template-columns:auto 1fr;align-items:center}.chapter-nav-btn small{grid-column:2;color:var(--reader-muted,#8d95a5);font:800 9px 'Space Grotesk';letter-spacing:.12em}.chapter-nav-btn b{grid-column:2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-nav-btn>span{grid-row:1/3;font-size:24px;color:var(--cyan)}.chapter-nav-btn.next{grid-template-columns:1fr auto;text-align:right}.chapter-nav-btn.next>span{grid-column:2}.chapter-nav-btn.next small,.chapter-nav-btn.next b{grid-column:1}.chapter-nav-center{text-align:center;place-content:center}.chapter-nav-center span{font:800 9px 'Space Grotesk';color:var(--reader-muted,#8d95a5);letter-spacing:.12em}.chapter-nav-center b{font:800 16px 'Space Grotesk'}.chapter-nav-center small{font-size:9px;color:var(--cyan);font-weight:800}.chapter-nav-btn:hover,.chapter-nav-center:hover{border-color:var(--cyan);color:var(--cyan)}.chapter-nav-btn.disabled{opacity:.5;pointer-events:none}.reader-overlay{position:fixed;inset:0;background:#0009;z-index:130}.reader-drawer{position:fixed;z-index:140;top:0;left:0;bottom:0;width:min(420px,92vw);padding:24px;background:#0c0f15;color:#f5f7fb;border-right:1px solid #303746;transform:translateX(-105%);transition:transform .25s ease;box-shadow:20px 0 60px #0008;display:grid;grid-template-rows:auto auto 1fr;gap:18px}.reader-drawer.open{transform:none}.reader-drawer-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.reader-drawer-head h2{margin:6px 0 0;font:800 23px 'Space Grotesk'}.reader-drawer-head button,.reader-settings-head button{border:1px solid #303746;background:transparent;color:#fff;border-radius:5px;width:34px;height:34px;font-size:22px}.reader-drawer-head button:hover,.reader-settings-head button:hover{border-color:var(--cyan);color:var(--cyan)}.reader-chapter-search{width:100%;border:1px solid #303746;background:#090c12;color:#fff;border-radius:5px;outline:0;padding:11px 12px}.reader-chapter-search:focus{border-color:var(--cyan)}.reader-chapter-list{overflow:auto;padding-right:5px}.reader-chapter{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px 8px;border-bottom:1px solid #1f2530;color:#c5cad4}.reader-chapter span{color:#677180;font:700 10px 'Space Grotesk';padding-top:2px}.reader-chapter b{font-size:12px;line-height:1.35}.reader-chapter:hover,.reader-chapter.active{background:#121722;color:#fff}.reader-chapter.active{border-left:2px solid var(--cyan);padding-left:6px}.reader-settings{position:fixed;right:24px;top:128px;z-index:150;width:min(370px,calc(100vw - 30px));padding:18px;background:#0d1018;color:#fff;border:1px solid #303746;border-radius:8px;box-shadow:0 20px 60px #0009}.reader-settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.reader-setting-group{padding:13px 0;border-top:1px solid #252c38}.reader-setting-group>span{display:block;color:#8d95a5;font:800 9px 'Space Grotesk';letter-spacing:.12em;margin-bottom:9px}.reader-stepper{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;text-align:center;border:1px solid #303746;border-radius:5px;overflow:hidden}.reader-stepper button{height:36px;border:0;background:#121722;color:#fff;font-size:18px}.reader-stepper button:hover{color:var(--cyan)}.reader-stepper b{font:800 11px 'Space Grotesk'}.reader-choice{display:flex;flex-wrap:wrap;gap:7px}.reader-choice button{border:1px solid #303746;background:#0a0d13;color:#b9c0cb;border-radius:4px;min-height:34px;padding:0 10px;font:800 9px 'Space Grotesk';letter-spacing:.08em}.reader-choice button:hover,.reader-choice button.active{border-color:var(--cyan);color:var(--cyan);background:#0e1820}.reader-shell[data-theme="sepia"] .reader-topbar,.reader-shell[data-theme="sepia"] .reader-settings{background:#f1e7d2;color:#3a3025}.reader-shell[data-theme="sepia"] .reader-settings{border-color:#c7b8a1}.reader-shell[data-theme="sepia"] .reader-setting-group{border-color:#d6c8b4}.reader-shell[data-theme="sepia"] .reader-setting-group>span{color:#756653}.reader-shell[data-theme="sepia"] .reader-choice button,.reader-shell[data-theme="sepia"] .reader-stepper{background:#e5d8c2;border-color:#c7b8a1;color:#3a3025}.reader-shell[data-theme="sepia"] .reader-book small,.reader-shell[data-theme="sepia"] .reader-progress-text,.reader-shell[data-theme="sepia"] .reader-kicker{color:#756653}.reader-shell[data-theme="sepia"] .chapter-nav-btn,.reader-shell[data-theme="sepia"] .chapter-nav-center{background:#e9dec9}.reader-resume{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;align-items:center;gap:10px;background:#121722;color:#fff;border:1px solid #303746;border-radius:7px;padding:10px 12px;font-size:11px;box-shadow:0 10px 35px #0008}.reader-resume b{color:var(--cyan)}.reader-resume button{border:1px solid #303746;background:transparent;color:#fff;border-radius:4px;padding:6px 8px;font:800 9px 'Space Grotesk'}.reader-resume button:hover{border-color:var(--cyan);color:var(--cyan)}.reader-resume button[data-dismiss]{border:0;font-size:16px;padding:0 2px}.reader-top{position:fixed;right:20px;bottom:20px;z-index:110;width:40px;height:40px;border:1px solid var(--reader-line,#303746);border-radius:50%;background:#121722;color:#fff;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.reader-top.visible{opacity:1;pointer-events:auto;transform:none}.reader-top:hover{border-color:var(--cyan);color:var(--cyan)}.reader-shell[data-theme="sepia"] .reader-top{background:#e5d8c2;color:#3a3025}.reader-shell[data-theme="black"] .reader-top{background:#090909}
@media(max-width:700px){.reader-progress{top:64px}.reader-topbar{top:64px;min-height:62px;padding:9px 3%;gap:8px}.reader-top-tools{gap:6px}.reader-top-tools>button{padding:0 8px}.reader-top-tools>button span{display:none}.reader-progress-text{display:none}.reader-book small{max-width:35vw}.reader-book b{max-width:38vw}.reader-main{width:92%;padding-top:30px}.reader-article{font-size:var(--reader-font-size);line-height:var(--reader-line-height);margin-top:27px}.reader-article h1{font-size:35px;margin-bottom:34px}.chapter-nav{grid-template-columns:1fr 1fr;gap:9px}.chapter-nav-center{grid-column:1/-1;grid-row:1;min-height:60px}.chapter-nav-btn{min-height:78px}.reader-settings{right:15px;top:110px}.reader-drawer{padding:20px 16px}.reader-resume{left:12px;right:12px;bottom:12px;justify-content:space-between}.reader-top{right:14px;bottom:72px}.card-actions{gap:6px}.more-btn{padding:5px 6px}.shelf-btn{font-size:9px}}
.install-btn{height:36px;padding:0 11px;border:1px solid var(--cyan);background:transparent;color:var(--cyan);border-radius:5px;font:800 9px 'Space Grotesk';letter-spacing:.08em;white-space:nowrap}.install-btn:hover{background:#29e7ff12}.install-btn:disabled{opacity:.5;cursor:wait}.not-found h2{margin:8px 0 6px;font:800 34px 'Space Grotesk'}.not-found-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}@media(max-width:900px){.install-btn{margin-left:auto}.nav-search{margin-left:0}}