:root{--bg:#05070b;--panel:#0b1019;--panel2:#101827;--blue:#168cff;--blue2:#62b5ff;--text:#f5f8ff;--muted:#8b97aa;--line:#1c2738}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.topbar{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#05070be8;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:900;letter-spacing:1px}.brand>span:last-child span{color:var(--blue)}.mark{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(145deg,#0b4fa3,var(--blue));clip-path:polygon(50% 0,100% 24%,82% 100%,18% 100%,0 24%);font-style:italic}.topbar nav{display:flex;gap:30px}.topbar nav a,.section-head a{color:var(--muted);text-decoration:none}.actions{display:flex;gap:9px}.actions button{background:#0d1420;border:1px solid var(--line);color:white;border-radius:10px;width:40px;height:40px}.menu{display:none}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px 7vw;overflow:hidden;background:radial-gradient(circle at 76% 45%,#0b3870 0,#071323 20%,transparent 47%)}.eyebrow,.kicker{color:var(--blue2);font-size:12px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(48px,6.8vw,96px);line-height:.9;margin:18px 0;letter-spacing:-5px}.hero h1 em{color:var(--blue);font-style:normal;text-shadow:0 0 30px #168cff55}.hero p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:30px}.primary,.secondary{display:inline-block;padding:14px 20px;border-radius:9px;text-decoration:none;font-weight:800}.primary{background:var(--blue);color:white;box-shadow:0 0 30px #168cff33}.secondary{border:1px solid var(--line);color:white;background:#0a0e15}.hero-art{height:480px;position:relative}.moon{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#eaf7ff,#4da7ff 30%,#0b54a4 58%,#04111f 70%);right:10%;top:18%;box-shadow:0 0 100px #168cff55}.panel{position:absolute;background:#0b111b;border:1px solid #26415f;color:#39536f;font-weight:900;padding:12px}.p1{width:210px;height:270px;right:47%;top:4%;transform:rotate(-8deg)}.p2{width:190px;height:240px;right:4%;bottom:2%;transform:rotate(8deg)}.p3{width:155px;height:190px;right:34%;bottom:-3%;transform:rotate(-2deg)}.slash{position:absolute;right:10%;top:47%;width:430px;height:5px;background:var(--blue);transform:rotate(-22deg);box-shadow:0 0 20px var(--blue)}.section{padding:70px 7vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section h2,.cta h2{font-size:34px;margin:7px 0}.cards{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.cover{height:330px;display:flex;align-items:end;padding:24px;font-size:30px;font-weight:1000;letter-spacing:-2px;background-size:cover}.cover1{background:linear-gradient(160deg,transparent,#06101e 75%),radial-gradient(circle at 65% 30%,#1b8cff,#08101d 45%)}.cover2{background:linear-gradient(160deg,transparent,#080c14 75%),radial-gradient(circle at 30% 25%,#0047a8,#141827 50%)}.cover3{background:linear-gradient(160deg,transparent,#06090f 75%),radial-gradient(circle at 70% 20%,#14345a,#0b0d12 55%)}.meta{padding:18px}.meta h3{font-size:21px;margin:10px 0}.meta p{color:var(--muted);line-height:1.55}.tags{display:flex;gap:7px}.tags b{font-size:10px;color:var(--blue2);background:#0c2947;padding:5px 8px;border-radius:20px}.chapter{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;color:#dce7f6}.chapter small{color:var(--blue2)}.updates{background:#070a10}.update-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}.update-list>div{display:grid;grid-template-columns:50px 1fr 140px 100px;gap:15px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.update-list>div:last-child{border:0}.thumb{width:44px;height:52px;border-radius:5px;background:linear-gradient(145deg,#0c2a4b,#168cff)}.update-list a{color:var(--blue2);text-decoration:none}.update-list time{color:var(--muted);font-size:12px}.reader{padding:70px 7vw;background:#020304}.reader-head{max-width:820px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:15px 0}.reader-head>a{color:var(--muted);text-decoration:none}.reader-head div{text-align:center}.reader-head div span{display:block;color:var(--muted);font-size:12px}.reader-head select{justify-self:end;background:#0b1019;color:white;border:1px solid var(--line);padding:9px;border-radius:7px}.reader-page{max-width:820px;margin:auto}.manga-panel{min-height:650px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle,#102d4d,#05080d 65%);border-bottom:2px solid #000}.manga-panel span{color:var(--blue2);letter-spacing:4px}.manga-panel h2{font-size:60px;margin:10px}.manga-panel p{font-family:Georgia,serif;font-style:italic;font-size:25px;max-width:600px}.manga-panel.dark{background:#030405;min-height:520px}.manga-panel.dark p{font-family:inherit;font-style:normal;color:var(--blue);font-size:50px;font-weight:1000;letter-spacing:7px}.manga-panel.dark strong{font-size:100px}.reader-nav{max-width:820px;margin:20px auto;display:flex;justify-content:space-between}.reader-nav button{background:#0b1019;color:white;border:1px solid var(--line);padding:13px 18px;border-radius:8px}.cta{text-align:center;padding:100px 20px;background:radial-gradient(circle at 50% 45%,#0a2b51,transparent 40%)}.big{width:64px;height:64px;margin:auto;font-size:28px}.cta p{color:var(--muted);margin-bottom:28px}footer{padding:40px 7vw;border-top:1px solid var(--line);color:var(--muted)}footer .brand{width:max-content}footer small{display:block;margin-top:25px}.search{position:fixed;inset:0;background:#03060af5;z-index:50;display:none;place-items:center}.search.open{display:grid}.search label{font-size:28px;font-weight:900;width:min(700px,85vw)}.search input{display:block;width:100%;margin-top:14px;background:#0b1019;border:1px solid #274461;color:white;font-size:20px;padding:18px;border-radius:12px}.search>button{position:absolute;right:5vw;top:30px;background:none;border:0;color:white;font-size:40px}@media(max-width:800px){.topbar{height:60px;padding:0 16px}.topbar nav{display:none}.menu{display:block!important}.hero{min-height:700px;grid-template-columns:1fr;padding:55px 20px}.hero h1{font-size:55px;letter-spacing:-3px}.hero-art{height:260px}.moon{width:190px;height:190px;right:16%}.p1{width:120px;height:170px}.p2{width:110px;height:150px}.p3{width:90px;height:120px}.slash{width:260px}.section{padding:55px 16px}.cards{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1}.cover{height:260px}.update-list>div{grid-template-columns:50px 1fr auto}.update-list time{display:none}.reader{padding:50px 0}.reader-head{padding:15px;grid-template-columns:1fr 1fr}.reader-head div{grid-row:2;grid-column:1/-1;margin-top:15px}.manga-panel{min-height:520px;padding:20px}.manga-panel h2{font-size:42px}.reader-nav{padding:0 15px}.cta{padding:80px 20px}}@media(max-width:480px){.brand>span:last-child{font-size:14px}.actions button{width:36px;height:36px}.hero{padding-top:45px}.hero h1{font-size:46px}.hero p{font-size:15px}.cards{grid-template-columns:1fr}.featured{grid-column:auto}.cover{height:300px}.section h2{font-size:28px}.update-list>div{grid-template-columns:45px 1fr}.update-list a{grid-column:2}.manga-panel p{font-size:20px}}
/* v2 additions */
a{color:inherit}.meta h3 a{text-decoration:none}.search-results{width:min(720px,90vw);margin:20px auto;display:grid;gap:8px}.search-result{padding:16px 18px;background:#0d1420;border:1px solid #1b2b40;border-radius:12px;text-decoration:none;display:flex;justify-content:space-between}.search-result span{color:#7890aa}.page-shell{max-width:1180px;margin:auto;padding:110px 22px 60px}.crumbs{color:#71839a;font-size:14px;margin-bottom:24px}.series-hero{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start}.series-cover{aspect-ratio:2/3;border-radius:16px;background:radial-gradient(circle at 50% 28%,#1677ff 0,#08234d 22%,#05070b 58%);border:1px solid #1d4f89;display:grid;place-items:center;text-align:center;font-weight:900;font-size:30px;box-shadow:0 20px 80px #006dff24}.series-copy h1{font-size:clamp(36px,6vw,70px);margin:4px 0 12px}.statline{display:flex;gap:18px;flex-wrap:wrap;color:#91a6bd;margin:16px 0}.series-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.series-actions button,.series-actions a,.filter{background:#0c1624;color:white;border:1px solid #203753;padding:12px 16px;border-radius:10px;text-decoration:none}.series-actions .read{background:#0878ff;border-color:#0878ff}.chapter-list{margin-top:38px;border-top:1px solid #182435}.chapter-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:17px 4px;border-bottom:1px solid #182435;text-decoration:none}.chapter-row:hover{color:#4aa1ff}.chapter-row span,.chapter-row time{color:#71839a}.library-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lib-card{text-decoration:none;background:#0a1019;border:1px solid #17253a;border-radius:14px;overflow:hidden}.lib-cover{aspect-ratio:2/3;background:linear-gradient(145deg,#07101c,#064da7 50%,#030509);display:grid;place-items:center;font-weight:900;text-align:center}.lib-info{padding:14px}.lib-info p{color:#71839a;margin:5px 0}.reader2{background:#020305;min-height:100vh;padding-top:72px}.reader-toolbar{position:sticky;top:70px;z-index:5;background:#080c12eF;backdrop-filter:blur(12px);border-bottom:1px solid #152236;display:flex;align-items:center;justify-content:space-between;padding:12px max(16px,calc((100vw - 900px)/2))}.reader-toolbar a{text-decoration:none}.pages{width:min(900px,100%);margin:auto;background:#05080d}.comic-page{min-height:100vh;display:grid;place-items:center;padding:70px 9%;text-align:center;border-bottom:1px solid #0d1724;position:relative;overflow:hidden}.comic-page:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#0c62c966,transparent 35%)}.comic-page>*{position:relative}.comic-page h2{font-size:clamp(44px,10vw,100px);line-height:.9}.comic-page p{font-size:clamp(20px,3vw,32px);max-width:650px}.comic-page.alt:before{background:linear-gradient(135deg,#020305,#071b36,#020305)}.comic-page.system{min-height:65vh}.system-box{border:1px solid #1484ff;background:#061326dd;box-shadow:0 0 35px #0878ff44;padding:30px 50px;border-radius:6px}.system-box strong{display:block;font-size:64px;color:#3d9cff}.bottom-reader-nav{width:min(900px,100%);margin:auto;padding:30px 18px 70px;display:flex;justify-content:space-between}.bottom-reader-nav a{background:#0c1624;border:1px solid #203753;padding:12px 18px;border-radius:10px;text-decoration:none}
@media(max-width:760px){.series-hero{grid-template-columns:115px 1fr;gap:18px}.series-copy h1{font-size:34px}.series-copy>p{grid-column:1/-1}.library-grid{grid-template-columns:repeat(2,1fr)}.library-head{display:block}.chapter-row{grid-template-columns:1fr auto}.chapter-row time{display:none}.reader-toolbar{top:64px;font-size:13px}.page-shell{padding-top:90px}}

/* VoidPanel v3 — System Zero launch treatment */
.systemzero .hero-copy strong{color:#fff}.hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-stats span{border:1px solid #1c3155;background:#07101f;padding:10px 14px;border-radius:10px;color:#8fa6c7;font-size:12px}.hero-stats b{display:block;color:#58a6ff;font-size:16px}.zero-ring{width:210px;height:210px;border:2px solid #1687ff;border-radius:50%;display:grid;place-items:center;font-size:130px;font-weight:900;color:#061326;text-shadow:0 0 25px #1687ff;box-shadow:0 0 70px #0878ff55,inset 0 0 50px #0878ff33}.system-code{position:absolute;background:#03070ddd;border:1px solid #1687ff;padding:14px 20px;right:4%;bottom:13%;font-family:monospace;letter-spacing:2px;color:#7f98bb}.system-code b{color:#2e9cff;font-size:26px}.system-cover{background:radial-gradient(circle at 50% 30%,#0e4b88 0,#071426 30%,#03060b 70%);position:relative;overflow:hidden}.system-cover:before{content:'0';position:absolute;font-size:230px;font-weight:900;color:#0b5ba633;line-height:1;left:50%;top:50%;transform:translate(-50%,-50%)}.system-cover span,.system-cover>i,.system-cover small{position:relative;z-index:1}.system-cover i{color:#2196ff;font-style:normal}.system-cover small{display:block;margin-top:12px;color:#8aa3c6;font-size:9px;letter-spacing:2px}.coming{opacity:.55}.thumb.sz{background:radial-gradient(circle,#137bd4,#07111f 55%,#020407)}.status{font-size:10px;letter-spacing:2px;color:#47a7ff}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px}.filterbar button{background:#09101b;border:1px solid #17253a;color:#9bb0cc;padding:9px 14px;border-radius:999px}.filterbar .active{background:#0d4d86;color:#fff;border-color:#1687ff}.library-title{padding-top:28px}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.library-card{display:grid;grid-template-columns:120px 1fr;gap:18px;background:#080d15;border:1px solid #172131;border-radius:16px;padding:14px;color:inherit;text-decoration:none}.library-card .cover{height:170px}.library-card h2{margin:7px 0}.library-card p{color:#8495ad}.library-card strong{font-size:12px;color:#5daeff}.chapter-title{background:radial-gradient(circle at 50% 40%,#0c4f8d,#050a12 45%,#010204)}.placeholder{min-height:78vh;background:linear-gradient(155deg,#05080e,#0a1525 55%,#030508);border-bottom:1px solid #11213a}.placeholder div{text-align:center}.placeholder span{font:700 12px monospace;letter-spacing:3px;color:#248fff}.placeholder h3{font-size:clamp(24px,5vw,48px);margin:10px 0;color:#dbeaff}.placeholder p{color:#7188a8}.bottom-reader-nav .disabled{opacity:.35;padding:12px}.to-top{position:fixed;right:18px;bottom:20px;width:44px;height:44px;border-radius:50%;border:1px solid #1687ff;background:#06101ddd;color:#fff;font-size:20px;cursor:pointer;z-index:5}
/* v4 — seamless long-scroll reader */
.seamless-reader{background:#000}.seamless-reader .reader-toolbar select{background:#08101a;color:#fff;border:1px solid #203753;border-radius:8px;padding:8px}.webtoon-pages{width:min(100%,900px);margin:0 auto;background:#000;line-height:0}.webtoon-pages img{display:block;width:100%;height:auto;margin:0;padding:0;border:0;vertical-align:top}.seamless-reader .bottom-reader-nav{background:#020305}.seamless-reader .bottom-reader-nav .disabled{opacity:.35;padding:12px 18px}@media(max-width:760px){.webtoon-pages{width:100%}.seamless-reader .reader-toolbar{gap:8px}.seamless-reader .reader-toolbar strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}.seamless-reader .reader-toolbar select{max-width:105px}.seamless-reader .bottom-reader-nav{font-size:12px;gap:8px;padding-left:10px;padding-right:10px}.seamless-reader .bottom-reader-nav a,.seamless-reader .bottom-reader-nav .disabled{padding:10px 9px}}
/* v5 — approved System Zero series-page direction */
.series-page{background:#02060b}.series-page .topbar{background:#02060bf2}.series-search{width:min(360px,28vw);height:40px;border:1px solid #263a52;border-radius:8px;background:#09111e;display:flex;align-items:center;padding:0 12px;color:#9db0c8}.series-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:0 10px;font:inherit}.sz-shell{min-height:100vh}.sz-hero{min-height:440px;position:relative;display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:center;padding:34px max(5vw,40px);overflow:hidden;border-bottom:1px solid #14243a}.sz-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#02060b 0%,#02060be8 25%,#02060b8f 58%,#02060b 100%),linear-gradient(0deg,#02060b 0%,transparent 40%),url('system-zero-hero.png') right center/auto 100% no-repeat;opacity:.85}.sz-cover-img,.sz-info{position:relative;z-index:1}.sz-cover-img{width:100%;aspect-ratio:300/417;object-fit:cover;border:1px solid #33577e;box-shadow:0 20px 70px #006eff33}.sz-info h1{font-size:clamp(50px,6.2vw,90px);line-height:.82;letter-spacing:-5px;margin:12px 0 22px;text-shadow:0 0 35px #168cff22}.sz-info h1 em{font-style:normal;color:#168cff;text-shadow:0 0 30px #168cff88}.sz-tags{display:flex;gap:8px;flex-wrap:wrap}.sz-tags span{border:1px solid #29415e;background:#07111dba;padding:7px 13px;border-radius:999px;font-size:12px;color:#c9ddf5}.sz-stats{display:flex;margin:22px 0 26px}.sz-stats div{padding:0 24px;border-right:1px solid #26374b}.sz-stats div:first-child{padding-left:0}.sz-stats small{display:block;color:#8b9db4;margin-bottom:5px}.sz-stats b{font-size:16px}.sz-stats div:first-child b{color:#16c7ff}.sz-actions{display:flex;gap:12px;flex-wrap:wrap}.sz-actions a,.sz-actions button{min-height:58px;border-radius:8px;text-decoration:none;display:flex;align-items:center;gap:12px;padding:10px 22px;font:inherit;color:#fff}.sz-actions span{display:grid;text-align:left}.sz-actions small{font-size:11px;color:#a8b8cb;margin-top:3px}.sz-primary{background:linear-gradient(90deg,#078cf0,#16b4ff);box-shadow:0 0 30px #00a2ff44}.sz-primary small{color:#07233a!important}.sz-secondary{background:#050b12d9;border:1px solid #35506d}.sz-content{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(520px,1.5fr);gap:22px;padding:28px max(5vw,40px)}.sz-synopsis,.sz-chapters{background:#060c13;border:1px solid #172a40;border-radius:8px}.sz-synopsis{padding:22px}.sz-synopsis h2,.sz-section-title h2{margin:0 0 14px}.sz-synopsis p{color:#b5c4d5;line-height:1.65}.sz-synopsis blockquote{margin:22px 0 0;padding:14px 0 0;border-top:1px solid #172a40;color:#5eb7ff;font-weight:800}.sz-section-title{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #172a40}.sz-section-title span{font-size:12px;color:#8195ad}.sz-chapter{display:grid;grid-template-columns:86px 1fr auto 70px;gap:16px;align-items:center;padding:13px 18px;text-decoration:none;border-bottom:1px solid #132338}.sz-chapter:last-child{border:0}.chapter-thumb{height:64px;border-radius:4px;display:grid;place-items:center;font-weight:900;font-size:24px;background:linear-gradient(135deg,#09111c,#0c579f);color:#6ab7ff}.sz-chapter>div:nth-child(2){display:grid;gap:3px}.sz-chapter span,.sz-chapter small{color:#90a2b8}.sz-chapter i{font-style:normal;background:#087fff;color:#fff;padding:5px 10px;border-radius:4px;font-size:11px}.sz-chapter>strong{border:1px solid #008cff;color:#56b9ff;border-radius:6px;padding:9px;text-align:center}.sz-chapter:hover{background:#08111d}.sz-coming{margin:0 max(5vw,40px) 60px;min-height:130px;border:1px solid #172a40;border-radius:8px;background:radial-gradient(circle at 15% 50%,#0b3d70,transparent 25%),#050a11;display:grid;place-items:center;text-align:center}.sz-coming span{color:#2da2ff;font-size:11px;letter-spacing:2px;font-weight:900}.sz-coming h2{margin:8px 0}.sz-coming p{color:#8497ae;margin:0}
@media(max-width:980px){.series-search{display:none}.sz-hero{grid-template-columns:190px 1fr}.sz-content{grid-template-columns:1fr}.sz-info h1{font-size:55px}.sz-stats div{padding:0 13px}}
@media(max-width:650px){.sz-hero{grid-template-columns:105px 1fr;gap:16px;align-items:start;padding:24px 16px 28px;min-height:auto}.sz-backdrop{opacity:.45}.sz-info h1{font-size:38px;letter-spacing:-2px;margin:8px 0 14px}.sz-info .kicker{font-size:9px}.sz-tags{grid-column:1/-1}.sz-tags span{padding:5px 8px;font-size:10px}.sz-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.sz-stats div{padding:8px 10px!important;border:1px solid #1c3048;border-radius:7px;background:#06101b}.sz-actions{grid-column:1/-1}.sz-actions a,.sz-actions button{flex:1;min-width:140px;justify-content:center;padding:10px 12px}.sz-content{padding:16px}.sz-chapter{grid-template-columns:56px 1fr 54px;padding:11px}.chapter-thumb{height:52px}.sz-chapter i{display:none}.sz-chapter>strong{font-size:12px;padding:7px}.sz-coming{margin:0 16px 30px;padding:20px}.sz-coming h2{font-size:21px}.sz-cover-img{margin-top:8px}}
/* v7 — polished VoidPanel homepage */
.home-v7{background:#02060b}.homebar{background:#02060bea}.homebar nav .active{color:#fff}.profile-dot{width:40px;height:40px;border-radius:50%;border:1px solid #205386;background:radial-gradient(circle,#168cff,#071426 70%);display:grid;place-items:center;text-decoration:none;font-weight:900}.home-hero{min-height:720px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);align-items:center;gap:50px;padding:78px max(6vw,40px);border-bottom:1px solid #13243a}.home-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#02060b 0%,#02060bf2 38%,#02060b99 68%,#02060b 100%),linear-gradient(0deg,#02060b 0%,transparent 45%),url('system-zero-hero.png') right center/auto 110% no-repeat;opacity:.82}.home-hero-grid{position:absolute;inset:0;background-image:linear-gradient(#168cff0a 1px,transparent 1px),linear-gradient(90deg,#168cff0a 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.home-hero-copy,.home-cover-wrap{position:relative;z-index:1}.vp-original,.home-section-head>div>span,.home-cta>span{color:#3aa8ff;font-size:11px;font-weight:900;letter-spacing:2.5px}.home-hero h1{font-size:clamp(62px,8vw,118px);line-height:.78;letter-spacing:-7px;margin:18px 0 25px}.home-hero h1 em{font-style:normal;color:#168cff;text-shadow:0 0 40px #168cff77}.home-tagline{font-size:clamp(19px,2vw,28px);line-height:1.2;letter-spacing:1px;margin:0 0 18px}.home-tagline strong{color:#47adff}.home-description{max-width:650px;color:#a8b7c9;line-height:1.7;font-size:16px}.home-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.home-tags span{border:1px solid #28435f;background:#06111eaa;border-radius:999px;padding:7px 12px;color:#c8d8ea;font-size:11px}.home-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.home-read,.home-details{min-height:58px;border-radius:8px;padding:11px 20px;text-decoration:none;display:flex;align-items:center}.home-read{background:linear-gradient(90deg,#087fea,#18b4ff);box-shadow:0 0 34px #008cff38;min-width:210px;justify-content:space-between;gap:20px}.home-read small{display:block;font-size:10px;color:#08263f}.home-details{border:1px solid #2a425c;background:#050b12d9}.home-metrics{display:flex;gap:0;margin-top:36px}.home-metrics div{min-width:105px;padding:0 22px;border-right:1px solid #20344a}.home-metrics div:first-child{padding-left:0}.home-metrics b{display:block;color:#e9f5ff;font-size:18px}.home-metrics span{font-size:10px;color:#7288a2;text-transform:uppercase;letter-spacing:1.2px}.home-cover-wrap{justify-self:end;width:min(310px,28vw);text-decoration:none;transform:perspective(900px) rotateY(-6deg);transition:.25s}.home-cover-wrap:hover{transform:perspective(900px) rotateY(0) translateY(-4px)}.home-cover-wrap img{display:block;width:100%;border:1px solid #315a83;box-shadow:0 25px 90px #006eff45}.home-cover-wrap span{display:block;text-align:center;margin-top:12px;color:#5eb6ff;font-size:10px;letter-spacing:2px}.home-section{padding:72px max(6vw,40px)}.home-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.home-section-head h2{font-size:34px;margin:6px 0 0}.home-section-head>a{color:#6cbaff;text-decoration:none;font-size:13px}.feature-grid{display:grid;grid-template-columns:1.55fr .7fr;gap:18px}.feature-main{min-height:370px;display:grid;grid-template-columns:245px 1fr;background:linear-gradient(120deg,#07101a,#06101d 65%,#09223d);border:1px solid #17324f;border-radius:12px;overflow:hidden;text-decoration:none}.feature-cover{position:relative;overflow:hidden}.feature-cover img{width:100%;height:100%;object-fit:cover}.new-pill{position:absolute;left:12px;top:12px;background:#168cff;color:#fff;padding:6px 9px;border-radius:4px;font-size:9px;font-weight:900;letter-spacing:1px}.feature-copy{padding:35px;display:flex;flex-direction:column;justify-content:center}.feature-label{font-size:10px;letter-spacing:2px;color:#3faaff;font-weight:900}.feature-copy h3{font-size:38px;margin:10px 0}.feature-copy p{color:#9eafc3;line-height:1.7;max-width:600px}.feature-bottom{margin-top:28px;padding-top:17px;border-top:1px solid #18314c;display:flex;justify-content:space-between;gap:20px;color:#8fa5be}.feature-bottom b{color:#5ab3ff}.coming-stack{display:grid;gap:18px}.coming-stack article{border:1px solid #172a40;border-radius:12px;background:radial-gradient(circle at 100% 0,#0b3b6c55,transparent 45%),#060c13;padding:28px;display:flex;flex-direction:column;justify-content:center}.coming-stack span{font-size:9px;letter-spacing:2px;color:#318fdc;font-weight:900}.coming-stack strong{font-size:20px;margin:8px 0}.coming-stack p{color:#8093aa;line-height:1.5;margin:0}.coming-stack a{color:#58b2ff;margin-top:16px;text-decoration:none}.latest-home{background:#03080e}.latest-grid{border:1px solid #172a40;border-radius:12px;overflow:hidden}.latest-row{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:18px;padding:13px 18px;border-bottom:1px solid #132338;text-decoration:none;transition:.2s}.latest-row:last-child{border:0}.latest-row:hover{background:#07111d}.latest-row img{width:50px;height:66px;object-fit:cover;border:1px solid #27486a}.latest-row div{display:grid;gap:3px}.latest-row small{color:#3ba6ff;letter-spacing:1.5px}.latest-row span{color:#758aa3;font-size:12px}.latest-row>b{color:#58b3ff;font-size:12px}.home-cta{min-height:380px;display:grid;place-items:center;align-content:center;text-align:center;padding:70px 20px;position:relative;overflow:hidden;background:radial-gradient(circle,#0b3b6e 0,transparent 38%),#02060b}.cta-zero{position:absolute;font-size:400px;line-height:1;font-weight:900;color:#168cff0b;pointer-events:none}.home-cta h2{font-size:clamp(32px,5vw,55px);margin:10px 0}.home-cta p{color:#8498af}.home-cta a{position:relative;margin-top:18px;background:#168cff;padding:14px 22px;border-radius:8px;text-decoration:none;font-weight:800}.home-footer{padding:42px max(6vw,40px);border-top:1px solid #15243a;color:#71869e}.home-footer p{margin:12px 0}.search>div{width:min(720px,90vw)}
@media(max-width:900px){.home-hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.home-cover-wrap{position:absolute;right:5vw;top:85px;width:190px;opacity:.34}.home-hero-copy{max-width:720px}.feature-grid{grid-template-columns:1fr}.coming-stack{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.home-hero{padding:52px 16px 42px}.home-cover-wrap{display:none}.home-hero h1{font-size:58px;letter-spacing:-4px}.home-description{font-size:14px}.home-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #19304a;border-radius:8px;overflow:hidden}.home-metrics div{min-width:0;padding:10px!important;text-align:center;background:#06101a;border-right:1px solid #19304a}.home-section{padding:52px 16px}.home-section-head h2{font-size:27px}.feature-main{grid-template-columns:105px 1fr;min-height:260px}.feature-copy{padding:20px}.feature-copy h3{font-size:27px}.feature-copy p{font-size:13px}.feature-bottom{display:grid;font-size:11px}.coming-stack{grid-template-columns:1fr}.latest-row{grid-template-columns:50px 1fr}.latest-row>b{display:none}.latest-row img{width:44px;height:58px}.home-footer{padding:35px 16px}}
/* v8 — Step 3 production reader */
.step3-reader{padding-top:72px}.reader-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:#06101b}.reader-progress span{display:block;height:100%;width:0;background:#168cff;box-shadow:0 0 12px #168cff;transition:width .12s linear}.step3-reader .reader-toolbar{transition:transform .25s ease;display:grid;grid-template-columns:1fr auto 1fr;gap:16px}.reader-toolbar-hidden{transform:translateY(-110%)}.reader-location{text-align:center;min-width:0}.reader-location strong,.reader-location small{display:block}.reader-location small{color:#6f8bab;margin-top:3px;font-size:11px}.reader-controls{display:flex;gap:8px;justify-self:end}.reader-controls select{max-width:130px}.webtoon-pages img{scroll-margin-top:125px}.step3-reader .bottom-reader-nav{align-items:center}.step3-reader .bottom-reader-nav a{min-width:120px;text-align:center}.step3-reader .to-top{opacity:.82}.step3-reader .to-top:hover{opacity:1}@media(max-width:760px){.step3-reader{padding-top:60px}.step3-reader .reader-toolbar{grid-template-columns:auto 1fr;top:60px;padding:9px 10px}.step3-reader .reader-toolbar>a{font-size:11px}.reader-location{grid-column:1/-1;grid-row:2}.reader-controls{justify-self:end}.reader-controls select{max-width:105px;font-size:11px;padding:7px}.reader-location strong{font-size:12px}.reader-location small{font-size:10px}.webtoon-pages img{scroll-margin-top:130px}.step3-reader .bottom-reader-nav a{min-width:0}.reader-topbar{transition:transform .25s ease}}
/* v9 — Step 4 VoidPanel brand system */
:root{--vp-blue:#168cff;--vp-cyan:#63c8ff;--vp-ink:#02060b;--vp-surface:#07101a;--vp-border:#17324f;--vp-glow:0 0 28px #168cff35}
.brand .mark{position:relative;background:linear-gradient(145deg,#071f3b,#168cff);border:1px solid #61c7ff;box-shadow:0 0 20px #168cff55;color:#fff;text-shadow:0 0 10px #fff}.brand .mark:after{content:'';position:absolute;inset:6px 9px 8px;border-left:2px solid #bfeaff;border-right:2px solid #4db9ff;transform:skew(-15deg)}
.topbar{border-bottom-color:#16304b}.topbar nav a{position:relative;font-size:13px;font-weight:700}.topbar nav a.active,.topbar nav a:hover{color:#fff}.topbar nav a.active:after,.topbar nav a:hover:after{content:'';position:absolute;left:0;right:0;bottom:-25px;height:2px;background:var(--vp-blue);box-shadow:0 0 10px var(--vp-blue)}
button,a{transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.actions button:hover,.sz-secondary:hover{border-color:#2f6ca6;background:#0b1b2c}.home-read:hover,.sz-primary:hover,.home-cta a:hover{box-shadow:0 0 32px #168cff75;transform:translateY(-1px)}
.profile-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-weight:900;background:radial-gradient(circle at 40% 35%,#2ca5ff,#0a2b50 48%,#05080d 70%);border:1px solid #3679b7}
.mobile-nav{display:none;position:fixed;z-index:80;top:60px;left:12px;right:12px;background:#050b13f5;border:1px solid #1c3b5c;border-radius:12px;padding:10px;box-shadow:0 25px 70px #000b;backdrop-filter:blur(18px)}.mobile-nav a{display:block;padding:14px;border-bottom:1px solid #14263a;text-decoration:none;font-weight:800}.mobile-nav a:last-child{border:0}.nav-open .mobile-nav{display:block}
.vp-toast{position:fixed;z-index:120;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#07111c;border:1px solid #245b8d;border-radius:9px;padding:11px 16px;color:#dff2ff;box-shadow:var(--vp-glow);pointer-events:none;transition:.2s}.vp-toast.show{opacity:1;transform:translate(-50%,0)}
.brand-strip{display:flex;gap:10px;align-items:center;color:#7790aa;font-size:11px;letter-spacing:1.4px}.brand-strip:before{content:'VOIDPANEL';color:#53b7ff;font-weight:900}
@media(max-width:800px){.topbar nav a.active:after{display:none}.topbar .actions{margin-left:auto}.brand .mark{width:32px;height:32px}.nav-open{overflow:hidden}}

/* v10 — Step 4 final reader branding + micro UI polish */
.reader-topbar{background:linear-gradient(180deg,#03080ef5,#03070ced);box-shadow:0 8px 28px #0008}.reader-brand-center{position:absolute;left:50%;transform:translateX(-50%);display:grid;text-align:center;line-height:1.05;pointer-events:none}.reader-brand-center span{font-size:8px;letter-spacing:2.2px;color:#5daeff;font-weight:900}.reader-brand-center b{font-size:11px;letter-spacing:1.3px;margin-top:4px}.reader-head-actions{display:flex;gap:8px}.reader-icon{width:36px;height:36px;border:1px solid #1a3a5a;background:#07111b;border-radius:9px;display:grid;place-items:center;text-decoration:none;font-size:10px;font-weight:900;color:#b9ddff}.reader-icon:hover{border-color:#3487cf;box-shadow:0 0 18px #168cff28}.step3-reader .reader-toolbar{background:linear-gradient(180deg,#07111bf5,#050b12f2);border-color:#173653;box-shadow:0 12px 30px #0008}.reader-controls select{border-color:#1c4165;background:#06101a}.reader-controls select:focus{outline:1px solid #168cff;box-shadow:0 0 16px #168cff25}.bottom-reader-nav{border-top:1px solid #16314c;background:#03080d}.bottom-reader-nav a{border:1px solid #1a3c5e;background:#07111b;border-radius:9px;padding:11px 14px;text-decoration:none}.bottom-reader-nav a:hover{border-color:#168cff;box-shadow:0 0 18px #168cff25}.reader-series-link{display:flex!important;align-items:center;justify-content:center;gap:8px}.mini-mark{width:22px!important;height:22px!important;font-size:9px!important}.to-top{border:1px solid #245c8d!important;background:#07131f!important;box-shadow:0 0 20px #168cff25}.webtoon-pages{box-shadow:0 0 70px #168cff0c}.webtoon-pages img{background:#000}.reader-location strong{letter-spacing:.1px}.reader-location small{color:#6ca9dc}.disabled{opacity:.36}
@media(max-width:760px){.reader-brand-center{display:none}.reader-head-actions{margin-left:auto}.reader-topbar .brand>span:last-child{display:inline}.reader-icon{width:32px;height:32px}.step3-reader .reader-toolbar{box-shadow:0 10px 25px #000a}}
/* v11 — Step 5 reader accounts/profile/library prototype */
.account-shell{width:min(1180px,92vw);margin:42px auto 90px}.profile-card{display:flex;align-items:center;gap:22px;padding:28px;border:1px solid #18334e;background:linear-gradient(135deg,#07111d,#05080d);border-radius:18px}.profile-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:900;color:#fff;border:2px solid var(--blue);box-shadow:0 0 30px #168cff55;background:#071a2d}.profile-card h1{margin:5px 0}.profile-card p{margin:0;color:#8796a8}.profile-card .vp-btn{margin-left:auto}.vp-btn{border:1px solid #2a6ca8;background:#0b1622;color:#fff;border-radius:9px;padding:11px 16px;cursor:pointer}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.profile-stats div,.account-panel{border:1px solid #142a3d;background:#070b11;border-radius:14px;padding:20px}.profile-stats b{display:block;font-size:25px;color:#fff}.profile-stats span{color:#7890a7;font-size:13px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-panel{margin-top:16px}.account-panel h2{margin:0 0 15px}.history-row,.continue-card,.profile-library-card{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #172b3c;border-radius:11px;background:#080f17;margin:9px 0}.history-row img,.continue-card img,.profile-library-card img{width:54px;height:72px;object-fit:cover;border-radius:5px}.history-row small,.continue-card small,.profile-library-card small{display:block;color:#7890a7;margin-top:3px}.history-row a,.continue-card a,.profile-library-card a{color:#fff;text-decoration:none}.empty-state{color:#718399;padding:20px 0}.library-actions{margin-left:auto;display:flex;gap:7px}.library-actions button,.status-select{background:#091522;color:#dceeff;border:1px solid #244765;border-radius:7px;padding:8px}.rating-box{margin-top:18px;padding:18px;border:1px solid #16324b;border-radius:12px;background:#07101a}.rating-stars{display:flex;gap:6px;margin-top:9px}.rating-stars button{font-size:26px;border:0;background:none;color:#3a5268;cursor:pointer}.rating-stars button.on{color:#168cff;text-shadow:0 0 12px #168cff}.comment-box{margin-top:16px}.comment-box textarea{width:100%;min-height:90px;background:#050a10;border:1px solid #1d3a53;color:#fff;border-radius:9px;padding:12px;resize:vertical}.comment-list{margin-top:12px}.comment-item{padding:12px 0;border-top:1px solid #132638}.comment-item small{color:#71869a}.series-user-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.reading-status{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #17344d;border-radius:11px;background:#07101a}.reading-status select{margin-left:auto}.account-link{display:inline-grid!important;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #25445f;color:#fff;text-decoration:none;background:#09131e}
@media(max-width:760px){.profile-card{align-items:flex-start;flex-wrap:wrap}.profile-card .vp-btn{margin-left:0}.profile-stats{grid-template-columns:1fr 1fr}.account-grid,.series-user-tools{grid-template-columns:1fr}.account-shell{margin-top:24px}.library-actions{flex-direction:column}}
/* v12 — Step 5 auth + personal library polish */
.auth-shell{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:48px 18px;background:radial-gradient(circle at 50% 20%,#0b2d55 0,#06101c 24%,#02060b 58%)}.auth-card{width:min(500px,100%);padding:32px;border:1px solid #1b4165;border-radius:18px;background:#050b12ed;box-shadow:0 30px 90px #000b,0 0 50px #168cff18}.auth-card h1{font-size:38px;margin:8px 0}.auth-lead,.auth-note,.panel-heading p{color:#7890a7;line-height:1.55}.auth-tabs,.library-mode,.library-tabs{display:flex;gap:8px;flex-wrap:wrap}.auth-tabs{margin:24px 0 18px;border-bottom:1px solid #17314b;padding-bottom:10px}.auth-tabs button,.library-mode button,.library-tabs button{border:1px solid #1b3a58;background:#07111b;color:#88a1b8;border-radius:8px;padding:9px 13px;cursor:pointer}.auth-tabs button.active,.library-mode button.active,.library-tabs button.active{color:#fff;border-color:#168cff;background:#0a2845;box-shadow:0 0 15px #168cff20}.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:7px;font-size:13px;font-weight:800}.auth-form input{width:100%;background:#03080e;border:1px solid #1d3c59;border-radius:9px;color:#fff;padding:13px}.auth-form input:focus{outline:1px solid #168cff;box-shadow:0 0 16px #168cff20}.auth-submit{background:#168cff;border-color:#168cff;font-weight:900}.text-btn{border:0;background:none;color:#63baff;cursor:pointer}.auth-note{font-size:11px;margin:20px 0 0}.profile-actions{margin-left:auto;display:flex;gap:8px}.profile-actions .vp-btn{margin-left:0;text-decoration:none}.vp-btn.danger{border-color:#63303a;color:#ffadb8}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.panel-heading h2{margin-bottom:2px}.panel-heading p{margin:0;font-size:12px}.panel-heading a{color:#5fb9ff;text-decoration:none;font-size:12px}.library-tabs{margin:14px 0}.library-mode{margin-bottom:15px}.library-card[data-hidden="true"]{display:none}.auth-badge{font-size:10px;color:#63baff;border:1px solid #1e4d76;padding:4px 7px;border-radius:20px}
@media(max-width:760px){.auth-card{padding:24px}.auth-card h1{font-size:32px}.profile-actions{width:100%;margin-left:0;flex-wrap:wrap}.panel-heading{align-items:center}}
/* v13 — Step 5 final ratings/comments/account-state polish */
.rating-box{position:relative}.rating-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#7f96aa;font-size:12px}.rating-summary strong{color:#dff2ff}.clear-rating{border:0;background:none;color:#63baff;cursor:pointer;padding:0}.comment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment-count{font-size:12px;color:#6fa8d7}.comment-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:start}.comment-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0a2947;border:1px solid #245d8d;color:#dff2ff;font-weight:900}.comment-body p{margin:6px 0 0;line-height:1.55;color:#c5d1dc}.comment-delete{border:0;background:none;color:#6e879d;cursor:pointer;font-size:11px}.comment-delete:hover{color:#ff8fa0}.signed-out-note{padding:12px 14px;border:1px solid #183b5b;border-radius:9px;background:#07121d;color:#87a0b7;font-size:12px;margin-bottom:12px}.signed-out-note a{color:#63baff}.account-state{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.8px;color:#74c3ff}.account-state:before{content:'';width:7px;height:7px;border-radius:50%;background:#168cff;box-shadow:0 0 9px #168cff}.profile-library-card[data-hidden="true"]{display:none}.filter-empty{color:#718399;padding:16px 0}
/* v14 — Step 6 admin dashboard */
.admin-page{background:radial-gradient(circle at 70% 0,#071a31 0,#04080d 32%,#020509 70%);min-height:100vh}.admin-shell{width:min(1320px,94vw);margin:34px auto 90px}.admin-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px 0 28px;border-bottom:1px solid #17304a}.admin-hero h1{font-size:42px;margin:5px 0}.admin-hero p{color:#7e94a9;max-width:680px;margin:0}.admin-primary{background:#168cff;border-color:#168cff;font-weight:900}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.admin-stats>div{padding:18px;border:1px solid #17324d;border-radius:12px;background:#06101a}.admin-stats span,.admin-stats small{display:block;color:#70879c;font-size:11px}.admin-stats b{display:block;font-size:27px;margin:4px 0}.admin-grid{display:grid;grid-template-columns:190px 1fr;gap:16px}.admin-sidebar{border:1px solid #142d44;border-radius:13px;background:#050b12;padding:8px;height:max-content;position:sticky;top:76px}.admin-sidebar button{width:100%;text-align:left;border:0;background:none;color:#7890a7;padding:12px;border-radius:8px;cursor:pointer;font-weight:800}.admin-sidebar button.active{background:#0a2947;color:#fff;box-shadow:inset 3px 0 #168cff}.admin-workspace{border:1px solid #142d44;border-radius:14px;background:#050a10;padding:24px;min-height:570px}.admin-status{font-size:10px;font-weight:900;letter-spacing:1px;padding:6px 9px;border-radius:20px}.admin-status.live{color:#8bd4ff;border:1px solid #1d6398;background:#08213a}.admin-status.draft{color:#e5c681;border:1px solid #675329;background:#211b0b}.admin-series-card{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px;border:1px solid #17304a;border-radius:12px;background:#07111a;margin-top:18px}.admin-series-card img{width:120px;height:160px;object-fit:cover;border-radius:7px}.admin-series-card h3{font-size:24px;margin:4px 0}.admin-series-card p{color:#8295a7;line-height:1.55}.admin-meta,.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-meta span{font-size:10px;color:#78bfff;border:1px solid #1b4568;border-radius:20px;padding:5px 8px}.admin-actions{margin-top:16px}.admin-actions .vp-btn{text-decoration:none}.admin-section-title{margin:26px 0 10px}.admin-chapter{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:14px;border-top:1px solid #14283a}.admin-chapter-num{width:44px;height:44px;border:1px solid #1d4b72;border-radius:8px;display:grid;place-items:center;color:#67baff;font-weight:900}.admin-chapter small{display:block;color:#70879c;margin-top:3px}.admin-chapter-controls{display:flex;align-items:center;gap:8px}.admin-form{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:20px}.admin-form label{display:grid;gap:7px;font-size:12px;font-weight:800}.admin-form .wide{grid-column:1/-1}.admin-form input,.admin-form textarea,.admin-form select,.upload-toolbar select{background:#03080e;border:1px solid #1c3a56;color:#fff;border-radius:8px;padding:12px}.admin-form textarea{min-height:120px;resize:vertical}.admin-form-actions{display:flex;align-items:center;gap:12px;color:#73bfff}.upload-zone{margin-top:20px;min-height:190px;border:1px dashed #28699f;border-radius:14px;background:#06111c;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;position:relative}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone b{font-size:18px}.upload-zone span{font-size:11px;color:#71899f}.upload-zone.drag{border-color:#55b8ff;box-shadow:0 0 30px #168cff20}.upload-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0}.upload-toolbar label{display:grid;gap:5px;font-size:11px;color:#7d93a8;margin-right:auto}.upload-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.upload-file{padding:10px;border:1px solid #17334d;border-radius:8px;background:#07111a;overflow:hidden}.upload-file b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.upload-file small{color:#6f879c}.admin-comment{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 0;border-top:1px solid #14283a}.admin-comment p{color:#b9c8d5;margin:7px 0}.admin-comment small{color:#70879c}.admin-settings{display:grid;gap:10px;margin-top:20px}.admin-settings label{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #163149;border-radius:10px;background:#07101a}.admin-security{margin-top:22px;padding:14px;border-left:3px solid #168cff;background:#07121d;color:#7e96aa;font-size:12px;line-height:1.5}
@media(max-width:800px){.admin-hero{align-items:start;flex-direction:column}.admin-stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;overflow:auto}.admin-sidebar button{min-width:max-content}.admin-workspace{padding:16px}.admin-series-card{grid-template-columns:80px 1fr}.admin-series-card img{width:80px;height:110px}.admin-form{grid-template-columns:1fr}.admin-form .wide{grid-column:auto}.upload-preview{grid-template-columns:1fr 1fr}.admin-chapter{grid-template-columns:44px 1fr}.admin-chapter-controls{grid-column:2;justify-content:flex-start}}
/* v15 admin workflow */
.admin-modal{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}
.admin-modal[hidden],.confirm-bar[hidden]{display:none!important}.admin-modal-card{position:relative;width:min(680px,100%);max-height:90vh;overflow:auto;background:#090d14;border:1px solid rgba(22,140,255,.32);border-radius:20px;padding:28px;box-shadow:0 24px 80px #000,0 0 50px rgba(22,140,255,.08)}
.modal-x{position:absolute;right:16px;top:14px;background:none;border:0;color:#aeb9c8;font-size:28px;cursor:pointer}.confirm-bar{position:fixed;z-index:130;left:50%;bottom:24px;transform:translateX(-50%);width:min(760px,calc(100% - 32px));background:#0b1018;border:1px solid rgba(255,91,91,.38);border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 20px 70px #000}.confirm-bar p{margin:4px 0 0;color:#9aa8ba;font-size:13px}.confirm-bar>div:last-child{display:flex;gap:8px;flex-shrink:0}
.admin-chapter-controls{flex-wrap:wrap}.upload-file{grid-template-columns:auto 1fr auto!important;align-items:center;gap:12px}.upload-order{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(22,140,255,.12);border:1px solid rgba(22,140,255,.25);font-weight:800;color:#62b4ff}.upload-file div:nth-child(2){min-width:0}.upload-file b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-move{display:flex;gap:5px}.upload-move .vp-btn{padding:7px 10px;min-width:34px}.vp-btn:disabled{opacity:.3;cursor:not-allowed}
@media(max-width:700px){.confirm-bar{align-items:flex-start;flex-direction:column}.confirm-bar>div:last-child{width:100%}.confirm-bar .vp-btn{flex:1}.admin-modal-card{padding:24px 18px}.upload-file{grid-template-columns:auto 1fr!important}.upload-move{grid-column:1/-1;justify-content:flex-end}.admin-chapter-controls{grid-column:1/-1}}
/* v16 — Step 6 content management */
.admin-content-filters{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.admin-content-filters button{background:#0b111a;border:1px solid #263243;color:#9fb0c5;border-radius:999px;padding:8px 14px;cursor:pointer}.admin-content-filters button.active{color:#fff;border-color:#168cff;box-shadow:0 0 18px #168cff33}.admin-content-list{display:grid;gap:12px}.admin-content-card{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:14px;border:1px solid #1d2938;background:#080d14;border-radius:14px}.admin-content-card img{width:72px;height:96px;object-fit:cover;border-radius:8px}.admin-content-card h3{margin:0 0 4px}.admin-content-card small{display:block;color:#8291a4;margin-top:5px}.admin-content-card .content-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.page-manager-toolbar{display:flex;gap:12px;align-items:end;margin-bottom:16px;flex-wrap:wrap}.page-manager-toolbar label{display:grid;gap:6px;color:#9fb0c5}.page-manager-toolbar select{min-width:280px}.chapter-page-summary{border:1px solid #1d2938;background:#080d14;border-radius:14px;padding:16px}.chapter-page-summary .page-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.staged-pages{display:grid;gap:8px;margin-top:14px}.staged-page-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border-top:1px solid #172131;padding:9px 0}.staged-page-row .page-index{color:#168cff;font-weight:800}.production-checklist{display:grid;gap:8px;margin-top:16px}.production-checklist div{display:flex;gap:9px;align-items:center;color:#9fb0c5}.production-checklist .ok{color:#66e3a4}.production-checklist .warn{color:#ffc766}@media(max-width:720px){.admin-content-card{grid-template-columns:58px 1fr}.admin-content-card img{width:58px;height:78px}.admin-content-card .content-actions{grid-column:1/-1;justify-content:flex-start}.page-manager-toolbar select{min-width:0;width:100%}}
/* Step 6 final QA */
.admin-qa{display:grid;gap:12px}.qa-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #24324a;border-radius:12px;background:#0b111b}.qa-row b{display:block}.qa-row small{display:block;color:#8f9db1;margin-top:3px}.qa-pass{color:#64e5a6}.qa-warn{color:#ffd36a}.admin-complete{padding:16px;border:1px solid #168cff55;background:#071829;border-radius:14px}.admin-complete strong{color:#65b8ff}
/* v19 — Step 7 real-auth bridge */
.auth-backend-message{margin:14px 0 0;padding:11px 13px;border:1px solid #17324b;background:#07111b;color:#b9d7ef;border-radius:10px;font-size:.9rem}.auth-backend-message[data-type="error"]{border-color:#6b2531;color:#ffb5c0}.auth-backend-message[data-type="success"]{border-color:#17624e;color:#9ff0d3}.backend-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.backend-dot{width:9px;height:9px;border-radius:50%;background:#65717c}.backend-dot.live{background:#35d89a;box-shadow:0 0 14px rgba(53,216,154,.55)}

/* V22 long-scroll */
.v22-segments{max-width:920px;margin:0 auto;background:#000;line-height:0}.v22-segments img{display:block;width:100%;height:auto;margin:0;padding:0;border:0}@media(max-width:960px){.v22-segments{max-width:100%}}

/* V23 — Supabase-backed reader */
.reader-status{max-width:920px;margin:0 auto 12px;padding:10px 14px;font-size:.9rem;opacity:.78}.reader-status.reader-error{opacity:1;font-weight:700}

/* V26 reader navigation */
.vp-reader-nav{display:flex;justify-content:center;gap:14px;max-width:920px;margin:28px auto 48px;padding:0 12px}
.vp-reader-nav .vp-nav-btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;min-height:46px;padding:11px 20px;border:1px solid #287cff;border-radius:10px;background:linear-gradient(180deg,#1687ff,#075bd7);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 7px 24px rgba(0,102,255,.20);transition:.16s ease}
.vp-reader-nav .vp-nav-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 9px 30px rgba(0,102,255,.30)}
.vp-reader-nav .vp-nav-btn:disabled{cursor:not-allowed;background:#172033;border-color:#2c3b56;color:#71819d;box-shadow:none;opacity:.72}
@media(max-width:620px){.vp-reader-nav{gap:8px}.vp-reader-nav .vp-nav-btn{min-width:0;flex:1;padding:10px 8px;font-size:.82rem}}