:root{--page-bg: #070609;--page-bg-soft: #120d14;--curtain: #27060e;--curtain-deep: #120207;--surface: rgba(18, 16, 20, .9);--surface-strong: #17131a;--surface-selected: #22141a;--screen: #f7eedb;--screen-muted: #cbbfa8;--ink: #fff7e8;--muted: #c7bba5;--muted-dim: #8f826f;--accent: #e83c3c;--accent-soft: rgba(232, 60, 60, .18);--gold: #f6c85f;--gold-soft: rgba(246, 200, 95, .22);--cyan: #5ed7d7;--cyan-soft: rgba(94, 215, 215, .14);--border: rgba(255, 247, 232, .18);--border-strong: rgba(255, 247, 232, .42);--shadow: rgba(0, 0, 0, .72);--shadow-soft: rgba(0, 0, 0, .38);--button-ink: #17100a;--focus-ring: rgba(246, 200, 95, .28);--body-font: "Avenir Next", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--reader-font: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--reader-paper: #f5eedf;--reader-paper-soft: #ebe0cf;--reader-ink: #211a15;--reader-muted: #6c5f51;color:var(--ink);background:var(--page-bg);font-family:var(--body-font);font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility}*{box-sizing:border-box;scrollbar-color:var(--gold) rgba(7,6,9,.86);scrollbar-width:thin}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:#070609}*::-webkit-scrollbar-thumb{border:3px solid #070609;border-radius:999px;background:linear-gradient(180deg,var(--gold),var(--accent))}body{position:relative;min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 50% 0%,rgba(246,200,95,.22),transparent 30rem),radial-gradient(circle at 18% 24%,rgba(232,60,60,.2),transparent 22rem),radial-gradient(circle at 82% 18%,rgba(94,215,215,.14),transparent 22rem),linear-gradient(90deg,var(--curtain-deep),transparent 16%,transparent 84%,var(--curtain-deep)),linear-gradient(180deg,#0a080d,#100b10 48%,#070609);background-attachment:fixed}body:before,body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:""}body:before{opacity:.5;background:repeating-linear-gradient(90deg,rgba(255,247,232,.08) 0 1px,transparent 1px 9px),repeating-linear-gradient(90deg,transparent 0 72px,rgba(232,60,60,.18) 72px 74px,transparent 74px 148px),radial-gradient(ellipse at center,transparent 0 38%,rgba(0,0,0,.48) 82%);mix-blend-mode:screen}body:after{background:linear-gradient(90deg,rgba(18,2,7,.9) 0 7%,transparent 15% 85%,rgba(18,2,7,.9) 93% 100%),repeating-linear-gradient(180deg,transparent 0 22px,rgba(255,247,232,.035) 22px 23px,transparent 23px 46px)}button,input,textarea,select{font:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.54}.shell{position:relative;z-index:1;width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:clamp(14px,2vw,26px) clamp(14px,3vw,42px) 48px}.shell:before{position:fixed;top:0;bottom:0;left:clamp(6px,1.4vw,20px);width:16px;border-inline:1px solid rgba(255,247,232,.12);background:repeating-linear-gradient(180deg,rgba(255,247,232,.24) 0 10px,transparent 10px 22px),#0000002e;opacity:.5;pointer-events:none;content:""}.shell--detail{width:min(1680px,100%)}.app-header{position:sticky;top:12px;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vw,22px);min-height:92px;padding:14px clamp(14px,2vw,22px);border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,rgba(255,247,232,.08),transparent 42%),#0c0a0ed1;box-shadow:0 22px 60px var(--shadow-soft),inset 0 1px #fff7e81a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header:before,.app-header:after{position:absolute;left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);height:1px;background:linear-gradient(90deg,transparent,rgba(246,200,95,.55),transparent);content:""}.app-header:before{top:8px}.app-header:after{bottom:8px}.app-header--overview{grid-template-columns:minmax(0,1fr) auto}.app-title{display:flex;align-items:center;gap:clamp(12px,1.8vw,20px);min-width:0}.brand-logo{width:clamp(64px,7vw,96px);height:clamp(64px,7vw,96px);flex:0 0 auto;border:1px solid rgba(246,200,95,.52);border-radius:22px;background:#0b0808;box-shadow:0 0 0 6px #fff7e809,0 14px 34px #00000080,0 0 36px #f6c85f2e;object-fit:cover}.app-title__copy{display:grid;align-content:center;min-width:0}.eyebrow{margin:0 0 6px;color:var(--gold);font-size:.72rem;font-weight:900;letter-spacing:.18em;line-height:1.1;text-transform:uppercase}.app-header h1{max-width:900px;margin:0;font-size:clamp(1.6rem,3.9vw,3.65rem);font-weight:900;line-height:.92;letter-spacing:-.06em;overflow-wrap:anywhere;text-wrap:balance}.app-header h1 span{display:block;margin-top:8px;color:var(--muted);font-size:.34em;font-weight:800;letter-spacing:.18em;line-height:1.15;text-transform:uppercase}.shell--detail .brand-logo{width:clamp(56px,5vw,76px);height:clamp(56px,5vw,76px);border-radius:18px}.shell--detail .app-header h1{max-width:none;font-size:clamp(1.35rem,2.7vw,2.7rem)}.app-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:fit-content}.back-button,.latest-button,.generate-button,.donate-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid rgba(255,247,232,.24);border-radius:999px;padding:0 15px;background:#fff7e814;color:var(--ink);box-shadow:inset 0 1px #fff7e817;cursor:pointer;font-weight:900;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;white-space:nowrap}.latest-button,.generate-button{border-color:#f6c85f9e;background:linear-gradient(180deg,#ffe08a,var(--gold));color:var(--button-ink);box-shadow:0 12px 28px #f6c85f2e,inset 0 1px #fff6}.donate-button{border-color:#e83c3c85;background:linear-gradient(180deg,rgba(255,247,232,.08),transparent 70%),#e83c3c29;color:#ffd6d6;box-shadow:0 12px 28px #e83c3c1f,inset 0 1px #fff7e81a}.back-button:not(:disabled):hover,.latest-button:not(:disabled):hover,.generate-button:not(:disabled):hover,.donate-button:hover,.comic-card:hover{transform:translateY(-2px)}.back-button:not(:disabled):hover{border-color:var(--border-strong);background:#fff7e821}.latest-button:not(:disabled):hover,.generate-button:not(:disabled):hover{box-shadow:0 16px 36px #f6c85f42,inset 0 1px #ffffff80}.donate-button:hover{border-color:#e83c3cc7;background:linear-gradient(180deg,rgba(255,247,232,.12),transparent 70%),#e83c3c3d;box-shadow:0 16px 36px #e83c3c38,inset 0 1px #fff7e829}.status-label{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid rgba(246,200,95,.34);border-radius:999px;background:#f6c85f1a;color:var(--gold);padding:0 12px;font-size:.72rem;font-weight:900;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.status-label--active{border-color:#5ed7d794;background:#5ed7d729;color:var(--cyan)}.error{margin:16px 0 0;border:1px solid rgba(232,60,60,.62);border-radius:18px;background:#e83c3c1f;color:#ff9c9c;padding:12px 14px;font-weight:800}.empty-reader{display:grid;min-height:520px;margin-top:18px;place-items:center;border:1px solid var(--border);border-radius:30px;background:radial-gradient(circle at center,rgba(246,200,95,.18),transparent 19rem),#0c0a0ec2;box-shadow:inset 0 0 80px #00000085;color:var(--gold)}.overview,.detail-view{display:grid;gap:clamp(18px,2.4vw,28px);padding-top:clamp(18px,3vw,34px)}.comic-hero{position:relative;display:grid;align-content:center;justify-items:center;min-height:clamp(230px,25vw,360px);overflow:hidden;border:1px solid var(--border);border-radius:34px;background:linear-gradient(180deg,rgba(255,247,232,.06),transparent 34%),radial-gradient(ellipse at center,rgba(246,200,95,.36),rgba(232,60,60,.1) 44%,transparent 72%),linear-gradient(90deg,rgba(0,0,0,.64),transparent 25% 75%,rgba(0,0,0,.64)),#100c12;box-shadow:inset 0 0 110px #000000a8,0 22px 70px #00000070;padding:clamp(28px,5vw,62px);text-align:center}.comic-hero:before,.comic-hero:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.comic-hero:before{background:linear-gradient(90deg,rgba(39,6,14,.82),transparent 18% 82%,rgba(39,6,14,.82)),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,247,232,.08) 34px 35px,transparent 35px 70px);opacity:.9}.comic-hero:after{top:12px;right:12px;bottom:12px;left:12px;border-block:1px solid rgba(246,200,95,.42);background:radial-gradient(ellipse at center,transparent 0 54%,rgba(0,0,0,.42) 100%),repeating-linear-gradient(90deg,rgba(246,200,95,.68) 0 8px,transparent 8px 22px,rgba(246,200,95,.68) 22px 30px,transparent 30px 44px);background-size:auto,100% 10px;background-position:center,top center;background-repeat:no-repeat,repeat-x;opacity:.72}.comic-hero>*{position:relative;z-index:1}.comic-hero h2{max-width:980px;margin:0;color:#fff7e8f5;font-size:clamp(2.3rem,6.2vw,6.7rem);font-weight:950;letter-spacing:-.085em;line-height:.9;text-shadow:0 10px 38px rgba(0,0,0,.78);text-wrap:balance}.comic-hero p:not(.eyebrow){max-width:660px;margin:16px 0 0;color:var(--screen-muted);font-weight:800}.comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:clamp(16px,2vw,24px);align-items:stretch}.comic-card{position:relative;display:grid;grid-template-rows:auto 1fr;align-items:start;gap:14px;min-height:100%;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,rgba(255,247,232,.06),transparent 28%),#121014d1;box-shadow:0 18px 42px #0000004d,inset 0 1px #fff7e814;color:inherit;padding:12px;text-align:left;cursor:pointer;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.comic-card--current{border-color:#5ed7d79e;box-shadow:0 0 0 1px #5ed7d73d,0 22px 56px #5ed7d71f,inset 0 1px #fff7e814}.comic-card:hover{border-color:#f6c85fad;box-shadow:0 26px 58px #00000070,0 0 42px #f6c85f1a,inset 0 1px #fff7e81f}.comic-card img,.comic-card .thumb-empty{display:block;width:100%;aspect-ratio:2 / 3;border:1px solid rgba(255,247,232,.2);border-radius:18px;background:#08070a;box-shadow:0 14px 26px #00000057;object-fit:cover}.comic-card>div:last-child{display:grid;align-content:start;min-height:86px}.comic-card h3{margin:0;font-size:1.1rem;line-height:1.04;letter-spacing:-.04em;text-wrap:balance}.comic-card p:not(.eyebrow){max-width:860px;margin:8px 0 0;color:var(--muted)}.comic-card__badge{position:absolute;z-index:1;top:22px;left:22px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(246,200,95,.76);border-radius:999px;background:#08070ac2;color:var(--gold);box-shadow:0 8px 22px #0000006b;padding:6px 9px;font-size:.66rem;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-view{justify-items:center}.reader-cover,.reader-page{scroll-margin-top:130px}.reader-cover{position:relative;display:grid;justify-items:center;width:min(100%,1080px);padding:clamp(24px,4vw,46px) clamp(16px,4vw,48px);border:1px solid var(--border);border-radius:36px;background:linear-gradient(90deg,rgba(0,0,0,.48),transparent 22% 78%,rgba(0,0,0,.48)),radial-gradient(ellipse at center,rgba(246,200,95,.16),transparent 64%),#0a080cc7;box-shadow:inset 0 0 90px #0000008a,0 24px 72px #0000006b}.reader-cover:before{margin-bottom:16px;color:var(--gold);content:"Front Cover";font-size:.74rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.reader-cover img,.reader-cover .image-empty{width:min(100%,520px);aspect-ratio:2 / 3;border:1px solid rgba(255,247,232,.24);border-radius:22px;background:#08070a;box-shadow:0 22px 64px #00000094,0 0 72px #f6c85f29;object-fit:contain}.reader-page{--reader-image-width: clamp(300px, 34vw, 420px);--reader-image-height: calc(var(--reader-image-width) * 1.5);--reader-overlap: clamp(18px, 3vw, 34px);display:grid;grid-template-columns:var(--reader-image-width) minmax(340px,700px);align-items:center;justify-content:center;gap:0;width:min(100%,1200px);min-height:clamp(560px,74vh,820px);padding:clamp(24px,5vw,58px) clamp(14px,3vw,34px);border:1px solid var(--border);border-radius:36px;background:linear-gradient(90deg,rgba(0,0,0,.38),transparent 24% 76%,rgba(0,0,0,.38)),radial-gradient(ellipse at 68% 50%,rgba(246,200,95,.14),transparent 48%),#0b090dd1;box-shadow:inset 0 0 82px #00000080,0 22px 70px #00000061}.reader-page__image{position:relative;z-index:2;display:grid;align-self:center;align-items:center;justify-self:end;width:var(--reader-image-width)}.reader-page__image img,.reader-page__image .image-empty{width:100%;aspect-ratio:2 / 3;border:1px solid rgba(255,247,232,.24);border-radius:22px;background:#08070a;box-shadow:0 20px 54px #0000008f,0 0 64px #f6c85f1f;object-fit:contain}.page-text{position:relative;z-index:1;display:grid;align-content:center;justify-self:stretch;width:calc(100% + var(--reader-overlap));height:var(--reader-image-height);min-height:0;margin-left:calc(var(--reader-overlap) * -1);overflow:auto;border:1px solid rgba(246,200,95,.24);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 32%),linear-gradient(135deg,rgba(246,200,95,.18),transparent 48%),linear-gradient(180deg,var(--reader-paper),var(--reader-paper-soft));box-shadow:0 22px 54px #00000061,inset 0 1px #ffffffbd;padding:clamp(28px,4.2vw,54px) clamp(28px,4.2vw,54px) clamp(28px,4.2vw,54px) clamp(58px,7vw,92px);color:var(--reader-ink);font-family:var(--reader-font);font-size:clamp(1.08rem,1.45vw,1.24rem);font-kerning:normal;line-height:1.82}.page-text .eyebrow{margin-bottom:8px;color:#9b6c16b8;font-family:var(--body-font);font-size:.72rem;font-weight:700;letter-spacing:.16em}.page-text h2{max-width:24ch;margin:0 0 22px;color:#312419c7;font-size:clamp(1.2rem,1.85vw,1.65rem);font-weight:650;line-height:1.16;letter-spacing:-.015em;text-wrap:balance}.page-text p{max-width:64ch;margin:0}.page-text p:not(.eyebrow){color:var(--reader-muted)}.page-text p:not(.eyebrow):first-letter{float:left;margin:.08em .12em 0 0;color:#9b6c16;font-size:3.15em;font-weight:700;line-height:.78;text-shadow:1px 1px 0 rgba(255,247,232,.86),0 0 18px rgba(246,200,95,.3)}.page-text p:not(.eyebrow)+p{margin-top:1.08em}.site-legal{width:min(100%,1120px);margin:clamp(26px,4vw,46px) auto 0;border-top:1px solid rgba(255,247,232,.14);padding-top:16px;color:var(--muted-dim);font-size:.78rem;line-height:1.55;text-align:center}.site-legal p{max-width:860px;margin:0 auto}.site-legal strong{color:var(--muted)}.site-legal a{color:var(--gold);font-weight:800;text-decoration-color:#f6c85f70;text-underline-offset:3px}.site-legal a:hover{color:var(--ink)}.image-empty,.thumb-empty{display:grid;place-items:center;color:var(--gold)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.app-header,.app-header--overview{grid-template-columns:1fr;align-items:stretch}.app-header__actions{justify-content:flex-start;flex-wrap:wrap;min-width:0}.reader-page{grid-template-columns:minmax(220px,360px) minmax(0,1fr)}}@media(max-width:720px){.shell{padding:10px 12px 28px}.shell:before{display:none}.app-header{position:static;min-height:0;border-radius:22px;padding:14px}.app-title{align-items:center}.brand-logo,.shell--detail .brand-logo{width:56px;height:56px;border-radius:16px}.app-header h1{font-size:clamp(1.38rem,8vw,2.15rem)}.app-header__actions,.back-button,.latest-button,.generate-button,.status-label{width:100%}.app-header__actions{flex-direction:column;align-items:stretch}.comic-hero{min-height:190px;border-radius:26px;padding:28px 18px}.comic-hero h2{font-size:clamp(2.1rem,13vw,4rem)}.comic-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.reader-cover,.reader-page{border-radius:26px;scroll-margin-top:16px}.reader-page{--reader-image-width: min( calc(100vw - 52px) , 360px);--reader-image-height: calc(var(--reader-image-width) * 1.5);--reader-overlap: 22px;grid-template-columns:minmax(0,1fr);min-height:0;gap:0}.reader-page__image{justify-self:center;width:var(--reader-image-width)}.reader-cover img,.reader-cover .image-empty{justify-self:center;width:min(100%,360px)}.page-text{align-content:start;width:100%;height:auto;min-height:0;margin-top:calc(var(--reader-overlap) * -1);margin-left:0;overflow:visible;padding:clamp(52px,13vw,72px) clamp(24px,7vw,34px) clamp(24px,7vw,34px);font-size:1.08rem;line-height:1.78}}