:root{color-scheme:dark;--bg:#0b151b;--panel:#111f27;--raised:#172932;--line:#263a44;--text:#ecf3f3;--muted:#9aadb6;--accent:#7ee3c5;--accent-ink:#092c26;--hover:#1c333c;--danger:#ffaaa7;--shadow:0 20px 60px #0003}
:root[data-theme=light]{color-scheme:light;--bg:#f0f4f6;--panel:#fff;--raised:#e7eef1;--line:#cddbe0;--text:#132b37;--muted:#546d7a;--accent:#137760;--accent-ink:#fff;--hover:#dfeae9;--danger:#ad2825;--shadow:0 20px 60px #16344110}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{color:var(--text)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.09;letter-spacing:-.045em}h2{font-size:1.65rem;letter-spacing:-.025em;line-height:1.3}h3{font-size:1.06rem;line-height:1.35}p{color:var(--muted)}small,.small{font-size:.82rem}.muted{color:var(--muted)}.header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:20}.header-inner{max-width:1392px;margin:auto;padding:19px 40px;display:flex;align-items:center;gap:60px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand b{font-size:1.7rem;color:var(--accent);font-weight:900;line-height:1}.brand span{font-size:1.3rem;font-weight:800;letter-spacing:.13em}.brand small{font-size:.65rem;letter-spacing:.2em;align-self:flex-end;margin-bottom:3px;color:var(--muted)}nav{display:flex;gap:30px}nav a{font-size:.9rem;color:var(--muted);position:relative}nav a.active,nav a:hover{color:var(--text)}nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-26px;height:2px;background:var(--accent)}.header-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:transparent;font-size:1.5rem;border-radius:8px}.icon-button:hover{background:var(--raised)}.wallet-pill{display:flex;gap:7px;align-items:center;background:var(--raised);border:1px solid var(--line);padding:8px 14px;border-radius:7px;font-size:.85rem}.coin-icon{color:var(--accent);font-size:1.1rem}.primary,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;padding:12px 21px;border-radius:7px;font-size:.9rem;transition:background .15s}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{filter:brightness(1.06)}.secondary{background:var(--raised);border:1px solid var(--line)}.secondary:hover{background:var(--hover)}.text-button{background:transparent;color:var(--accent);padding-left:0;padding-right:0}.wide{width:100%}.container{max-width:1392px;margin:auto;padding:35px 40px 64px}.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.17em;color:var(--accent);display:block;margin-bottom:16px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.page-heading h1{font-size:2.8rem}.page-heading p{margin-top:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 18px}.section-heading h2{font-size:1.4rem}.section-heading a{color:var(--accent);font-size:.87rem}.lead-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.featured{position:relative;overflow:hidden;min-height:420px;border:1px solid var(--line);border-radius:12px;background:#102c36;color:#f2f7f6;display:grid;grid-template-columns:1.1fr 1fr}.featured-copy{padding:37px 0 36px 36px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:start}.featured h1{font-family:Georgia,serif;font-weight:400;font-size:3.6rem;letter-spacing:-.04em}.featured .eyebrow{color:#7ee3c5}.featured p{color:#b8cdd0;max-width:330px;margin:18px 0 24px;font-size:.94rem}.featured .tags{margin-bottom:17px}.featured .tag{background:#ffffff12;color:#c3ddd8;border:1px solid #ffffff20}.featured-art{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:50% 30%;mask-image:linear-gradient(to right,transparent 0%,#000 35%)}.featured-meta{font-size:.78rem;color:#b4cecb;margin-top:17px}.featured .primary{background:#7ee3c5;color:#092c26}.updates{padding:5px 0}.updates h2{font-size:1.1rem;margin-bottom:8px}.updates-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px}.updates-head span{font-size:.73rem;color:var(--muted)}.update-row{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.update-row .mini-cover{width:48px;height:66px;border-radius:4px;background:var(--raised);object-fit:cover;flex-shrink:0;display:grid;place-items:center;color:var(--accent);font-family:Georgia,serif;font-size:1.3rem}.update-row h3{font-size:.87rem}.update-row p{font-size:.78rem;margin-top:4px}.update-row:hover h3{color:var(--accent)}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card{min-width:0}.cover-wrap{aspect-ratio:3/4;position:relative;overflow:hidden;border-radius:9px;background:var(--panel);border:1px solid var(--line)}.cover-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .cover-wrap img{transform:scale(1.025)}.card-title{margin-top:12px;font-size:1.03rem}.card-meta{font-size:.8rem;color:var(--muted);margin-top:5px}.cover-label{position:absolute;top:12px;left:12px;padding:4px 8px;background:#0b151bdd;color:#e7f6f3;border:1px solid #ffffff20;border-radius:4px;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.type-cover{height:100%;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:#1a3546;color:#cee9ed}.type-cover small{letter-spacing:.18em;font-size:.65rem;padding-top:29px}.type-cover strong{font:2.2rem/1.08 Georgia,serif;letter-spacing:-.025em;border-top:1px solid #ffffff50;border-bottom:1px solid #ffffff50;padding:22px 0}.type-cover span{font-size:.7rem;letter-spacing:.1em}.palette-1{background:#30315a;color:#e4dcff}.palette-2{background:#663936;color:#f4daca}.palette-3{background:#194338;color:#d7ecd5}.tag{display:inline-block;font-size:.75rem;padding:4px 9px;border-radius:5px;background:var(--raised);color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:25px 0}.search-wrap{flex:1;min-width:220px}input,select,textarea{background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--text);padding:12px 14px;max-width:100%;width:100%;min-height:46px}input::placeholder,textarea::placeholder{color:var(--muted)}select{width:auto;min-width:145px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);padding:9px 16px;background:transparent;border-radius:30px;font-size:.84rem;color:var(--muted)}.filter.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.results-meta{display:flex;justify-content:space-between;margin:22px 0;color:var(--muted);font-size:.85rem}.empty{padding:70px 24px;text-align:center;border:1px dashed var(--line);border-radius:12px}.empty h2{margin-bottom:13px}.empty .primary{margin-top:22px}.notice{background:var(--raised);border:1px solid var(--line);border-radius:8px;padding:16px 20px;margin:20px 0;color:var(--muted);font-size:.9rem}.back{font-size:.9rem;color:var(--muted);display:inline-block;margin-bottom:26px}.series-top{display:grid;grid-template-columns:245px 1fr;gap:42px;max-width:1000px}.series-top .cover-wrap{aspect-ratio:2/3}.series-copy{padding:14px 0}.series-copy h1{font:3.3rem/1.13 Georgia,serif;letter-spacing:-.03em}.series-copy>p{margin:18px 0;max-width:680px}.series-copy .tags{margin:20px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.chapter-list{max-width:1000px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.chapter-row{width:100%;background:var(--panel);display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 23px;text-align:left;border-bottom:1px solid var(--line)}.chapter-row:last-child{border-bottom:0}.chapter-row:hover{background:var(--hover)}.chapter-row strong{font-size:.95rem}.chapter-row span{font-size:.84rem;color:var(--muted)}.chapter-row .free{color:var(--accent)}.reader-toolbar{position:sticky;top:80px;z-index:15;background:var(--panel);border-bottom:1px solid var(--line);padding:12px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px}.reader-toolbar .actions{gap:8px}.reader-toolbar select{min-width:115px;padding:8px;font-size:.8rem;min-height:40px}.reader-heading{text-align:center;padding:55px 20px 35px}.reader-heading h1{font:2.4rem/1.2 Georgia,serif;margin-top:10px}.reader-content{max-width:780px;margin:auto;padding-bottom:40px}.reader-content.narrow{max-width:580px}.reader-content.full{max-width:1100px}.reader-content img{display:block;width:100%;height:auto;min-height:100px}.novel{font-family:Georgia,serif;line-height:1.95;font-size:1.2rem;padding:10px 30px 35px;white-space:pre-wrap;color:var(--text)}.reader-content.large .novel{font-size:1.45rem}.reader-bottom{max-width:780px;margin:20px auto 60px;display:flex;gap:16px;justify-content:center}.reader-progress{width:100%;height:3px;appearance:none;border:0;position:fixed;top:0;left:0;z-index:40;background:transparent}.reader-progress::-webkit-progress-bar{background:transparent}.reader-progress::-webkit-progress-value{background:var(--accent)}.reader-progress::-moz-progress-bar{background:var(--accent)}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.pack{border:1px solid var(--line);border-radius:12px;padding:30px;background:var(--panel)}.pack.recommended{border-color:var(--accent);position:relative}.pack .tag{margin-bottom:20px;color:var(--accent)}.pack h2{font-size:2.6rem}.pack h2 small{font-size:1rem;font-weight:400;color:var(--muted)}.pack p{margin:12px 0 25px}.pack .price{font-size:1.8rem;color:var(--text);font-weight:600}.pack .primary,.pack .secondary{margin-top:24px;width:100%}.wallet-summary{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px 26px;gap:20px}.wallet-summary strong{font-size:1.6rem;color:var(--accent)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}table{border-collapse:collapse;width:100%;font-size:.9rem;text-align:left}th,td{padding:15px 20px;border-bottom:1px solid var(--line)}th{background:var(--raised);font-weight:500;color:var(--muted)}tr:last-child td{border:0}.positive{color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:26px}.panel h2{margin-bottom:17px}.account-panel{max-width:600px;margin:auto}.account-panel p{margin-bottom:20px}.admin-stats{display:flex;gap:18px;margin-bottom:26px;flex-wrap:wrap}.stat{padding:18px 24px;background:var(--panel);border:1px solid var(--line);border-radius:8px;flex:1;min-width:180px}.stat strong{font-size:1.7rem;display:block}.stat span{font-size:.8rem;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:flex;flex-direction:column;gap:7px;font-size:.86rem;margin-bottom:15px;color:var(--muted)}label select{width:100%}label.checkbox{flex-direction:row;align-items:center}input[type=checkbox]{width:18px;min-height:18px;height:18px;accent-color:var(--accent)}textarea{resize:vertical;min-height:100px}.admin-list{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.admin-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;gap:10px}.admin-item button{font-size:.8rem}.admin-item span{font-size:.85rem}.folder-results{max-height:170px;overflow:auto;font-size:.8rem;color:var(--muted);margin:12px 0}.folder-results ol{padding-left:22px}.checkout-shell{max-width:640px;margin:60px auto;padding:0 22px}.checkout-shell>.brand{justify-content:center;margin-bottom:35px}.checkout-card{padding:40px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.checkout-card h1{font:2.8rem/1.1 Georgia,serif;margin-bottom:20px}.checkout-card p{margin:20px 0}.checkout-card>a{font-size:.9rem;color:var(--accent)}.order-summary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:12px;margin:28px 0}.order-summary span{font-size:.8rem;color:var(--muted)}.order-summary>strong{font-size:1.8rem}.loading{min-height:400px;display:grid;place-items:center;color:var(--muted)}footer{max-width:1312px;margin:0 auto;padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:var(--muted);flex-wrap:wrap}footer p{font-size:.85rem}footer div:not(.brand){display:flex;gap:25px;margin-left:auto;font-size:.83rem}footer>small{width:100%;font-size:.73rem}.footer-brand span{font-size:1rem}dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:36px;width:440px;max-width:calc(100vw - 32px);box-shadow:var(--shadow)}dialog::backdrop{background:#020c13cc;backdrop-filter:blur(4px)}dialog h2{font-size:2rem;margin-bottom:10px}dialog p{margin-bottom:22px}.close-dialog{position:absolute;right:10px;top:10px}dialog form{margin-top:25px}dialog .text-button{margin-top:15px;font-size:.83rem}dialog small{color:var(--muted)}.error{color:var(--danger);font-size:.85rem;margin-top:12px!important;margin-bottom:12px!important}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:8px;background:var(--text);color:var(--bg);box-shadow:var(--shadow);max-width:calc(100vw - 35px);z-index:100;font-size:.9rem}.skip{position:fixed;top:-60px;left:20px;z-index:200;padding:12px;background:var(--accent);color:var(--accent-ink)}.skip:focus{top:12px}.hidden{display:none!important}.demo-label{font-size:.73rem;color:var(--muted);margin-top:25px}.continuing{display:flex;gap:17px;align-items:center;padding:20px 24px;border:1px solid var(--line);background:var(--panel);border-radius:9px;margin-top:22px}.continuing .primary{margin-left:auto}.continuing p{font-size:.85rem}.continuing .eyebrow{margin-bottom:5px}
@media(min-width:1500px){.catalog-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.header-inner{padding:18px 24px;gap:32px}nav{gap:18px}.container{padding:28px 24px 50px}.lead-grid{grid-template-columns:1fr 260px}.featured-copy{padding-left:26px}.featured h1{font-size:2.8rem}.featured{grid-template-columns:1.2fr 1fr}.featured p{font-size:.86rem}.type-cover{padding:22px}.type-cover strong{font-size:1.7rem}footer{margin:0 24px}.brand small{display:none}.catalog-grid{gap:18px}}
@media(max-width:800px){.header-inner{gap:20px;flex-wrap:wrap;padding:15px 20px}.header nav{order:3;width:100%;justify-content:center;gap:40px;border-top:1px solid var(--line);padding-top:13px}nav a.active:after{bottom:-16px}.header-actions{gap:5px}.header-actions .secondary{padding:9px 12px}.header-actions .icon-button{width:32px}.brand span{font-size:1.05rem}.wallet-pill{padding:7px 9px}.lead-grid{grid-template-columns:1fr}.updates{display:none}.featured{min-height:365px}.featured-art{min-height:365px}.featured-copy{padding:29px 0 29px 25px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.series-top{grid-template-columns:170px 1fr;gap:24px}.series-copy h1{font-size:2.4rem}.packs{gap:12px}.pack{padding:22px}.pack h2{font-size:2rem}.pack h2 small{display:block}.admin-grid{grid-template-columns:1fr}.reader-toolbar{top:122px;flex-wrap:wrap;padding:10px 16px}.reader-toolbar>a{font-size:.82rem}.reader-toolbar .actions{flex-wrap:wrap}.reader-toolbar select{max-width:140px}.reader-content{padding:0 6px}.page-heading h1{font-size:2.25rem}footer div:not(.brand){margin-left:0}.reader-heading{padding-top:35px}}
@media(max-width:520px){.container{padding:25px 18px 42px}.featured{grid-template-columns:1fr .85fr;min-height:365px}.featured-copy{padding-left:20px}.featured h1{font-size:2.55rem}.featured .tags{display:none}.featured p{font-size:.83rem;line-height:1.6}.featured-art{object-position:52% 30%;mask-image:linear-gradient(to right,transparent,#000 45%)}.featured .primary{font-size:.8rem;padding:11px 14px}.featured .eyebrow{font-size:.62rem}.featured-meta{font-size:.67rem}.section-heading h2{font-size:1.2rem}.type-cover{padding:18px}.type-cover strong{font-size:1.65rem}.type-cover small{font-size:.6rem}.card-title{font-size:.96rem}.card-meta{font-size:.75rem}.series-top{grid-template-columns:110px 1fr;gap:20px}.series-copy{padding:0}.series-copy h1{font-size:1.8rem}.series-copy>p{font-size:.85rem}.series-copy .tags{margin:12px 0}.series-top .cover-wrap{align-self:start}.series-copy .actions{margin-left:-130px;margin-top:24px}.chapter-row{padding:17px 15px}.packs{grid-template-columns:1fr}.pack h2 small{display:inline}.wallet-summary{align-items:start;flex-direction:column;gap:10px}.page-heading{align-items:start;flex-direction:column}.form-grid{grid-template-columns:1fr}.checkout-card{padding:26px}.checkout-card h1{font-size:2.3rem}.reader-toolbar .actions{width:100%;justify-content:center}.reader-toolbar .actions .secondary{padding:8px 10px}.novel{padding-left:18px;padding-right:18px;font-size:1.1rem}.continuing{flex-wrap:wrap;padding:18px}.continuing .primary{margin-left:0}footer{gap:22px}footer div:not(.brand){gap:20px;flex-wrap:wrap}.order-summary{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep the featured title compact enough to reveal the collection on desktop. */
.featured{display:block}.featured-copy{width:58%}.featured-art{position:absolute;right:0;top:0;width:53%;height:100%;min-height:0}.reader-toolbar{top:var(--header-height,80px)}
@media(max-width:520px){.header-inner{gap:10px;padding-left:16px;padding-right:16px}.brand{gap:6px}.brand span{font-size:.9rem}.header-actions .secondary{font-size:.8rem;padding:9px 10px}.wallet-pill{font-size:.76rem;padding:7px 8px}.featured-copy{width:65%}.featured h1{font-size:2.35rem}.type-cover strong{font-size:1.45rem;padding:15px 0}.type-cover small{padding-top:22px}.type-cover span{font-size:.65rem}.type-cover{padding:16px}}