:root{--bg-1:#170f23;--bg-2:#251934;--panel:#2e1f3e;--panel-strong:#39274a;--panel-soft:#4d355d;--purple:#6d4ba3;--purple-deep:#271631;--green:#a2f2a0;--green-soft:#dcecc9;--red:#f29e8d;--red-deep:#c55b8b;--text:#f4efe9;--text-soft:#e4d6d0;--border:#dcecc938;--shadow:#0a08123d;--on-accent:#1b1128;--status-info:#b5c9ff;--status-hidden:#f0b5cf;--red-bright:#e87572;--stage-1:#2a153c;--stage-2:#1e112b;color:var(--text);background:linear-gradient(180deg, var(--bg-1), var(--bg-2));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(#120d1e 0%,#20162d 100%);margin:0}#root{min-height:100vh}a,button{transition:opacity .2s,transform .2s,background .2s}a:hover,button:hover{transform:translateY(-1px)}img{max-width:100%}h1,h2,h3,p{margin-top:0}button{font:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}a:hover,button:hover{transform:none}}.page-shell{max-width:1280px;margin:0 auto;padding:24px}.site-header,.site-footer,.panel,.main-nav,.meta-row,.share-actions,.section-heading-row,.footer-links,.footer-meta{display:flex}.site-header,.site-footer,.section-heading-row{justify-content:space-between;align-items:center}.site-header{background:#211133f0;border:1px solid #c6d6c04d;border-radius:18px;padding:18px 20px;box-shadow:0 12px 30px #0a061238}.brand-block,.footer-brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--red-bright), var(--red-deep) 55%, var(--green));width:44px;height:44px;color:var(--on-accent);letter-spacing:.08em;border-radius:12px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.brand-mark.small{width:34px;height:34px;font-size:.8rem}.brand-kicker,.eyebrow{color:var(--green-soft);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.65rem}.brand-block h2,.section-heading-row h2{margin:2px 0 0;font-size:1.3rem}.main-nav{flex-wrap:wrap;gap:20px}.main-nav a,.footer-links a,.footer-meta a,.share-link{color:var(--text);opacity:.9;text-decoration:none}.main-nav a:hover,.footer-links a:hover,.footer-meta a:hover,.share-link:hover{opacity:1;color:var(--green)}.header-cta,.primary-button,.secondary-button,.mini-button{cursor:pointer;border:none;border-radius:999px;font-weight:700}.header-cta,.primary-button{background:linear-gradient(135deg, var(--green), var(--red));color:var(--on-accent);padding:.8rem 1.2rem}.secondary-button,.mini-button{color:var(--text);background:#8961b02e;border:1px solid #c6d6c047;padding:.75rem 1rem}.main-content{gap:28px;margin-top:32px;display:grid}.panel{background:#20142aeb;border:1px solid #c6d6c038;border-radius:24px;padding:24px;box-shadow:0 18px 32px #0d08122e}.meta-row{color:var(--green-soft);letter-spacing:.04em;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:.82rem}.content-grid{grid-template-columns:1.4fr .8fr;gap:28px;display:grid}.mini-stack{gap:16px;margin-top:18px;display:grid}.mini-card{background:#50345759;border:1px solid #c6d6c024;border-radius:18px;padding:18px}.mini-card h3{margin:8px 0;font-size:1.1rem}.mini-card p{color:var(--text-soft);opacity:.86;margin:0}.mini-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--green);background:#a2f2a029;border-radius:999px;padding:.35rem .6rem;font-size:.7rem;display:inline-block}.side-panel{flex-direction:column;gap:18px;display:flex}.chapter-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.chapter-list li{background:#ffffff05;border:1px solid #c6d6c01f;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.chapter-list strong,.chapter-list span{display:block}.chapter-list span{color:var(--text);opacity:.88;margin-top:4px}.chapter-list em{color:var(--green-soft);font-size:.82rem;font-style:normal}.share-panel{gap:12px;margin-top:10px;display:grid}.share-label{color:var(--green-soft);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.share-actions{flex-wrap:wrap;gap:10px}.share-link{background:#8961b01f;border:1px solid #c6d6c03d;border-radius:999px;padding:.55rem .8rem;font-size:.82rem}.admin-table-wrap{margin-top:18px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #c6d6c01f;padding:14px 12px}th{color:var(--green-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.status-pill{border-radius:999px;padding:.4rem .7rem;font-size:.7rem;font-weight:700;display:inline-block}.status-pill.draft{color:var(--green);background:#a2f2a01f}.status-pill.published{color:var(--status-info);background:#7ba2ff26}.status-pill.hidden{color:var(--status-hidden);background:#c55b8b26}.site-footer{color:var(--text);border-top:1px solid #c6d6c02e;flex-wrap:wrap;gap:18px;margin-top:32px;padding:20px 22px 28px}.footer-links,.footer-meta{flex-wrap:wrap;gap:18px}@media (width<=900px){.content-grid{grid-template-columns:1fr;display:grid}.site-header,.section-heading-row,.site-footer{flex-direction:column;align-items:flex-start}.main-nav{gap:10px 16px}}@media (width<=640px){.page-shell{padding:16px}.panel{padding:18px}}.brand-logo{align-items:center;gap:12px;display:inline-flex}.brand-icon-slot{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.brand-icon-slot img{object-fit:contain;width:100%;height:100%}.brand-icon-fallback{background:linear-gradient(135deg, var(--red-bright), var(--red-deep) 55%, var(--green));width:100%;height:100%;color:var(--on-accent);letter-spacing:.08em;border-radius:12px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.brand-wordmark-slot{align-items:center;height:32px;display:inline-flex}.brand-wordmark-slot img{object-fit:contain;width:auto;height:100%}.brand-wordmark-fallback{color:var(--text);letter-spacing:.01em;font-size:1.3rem;font-weight:800}.brand-block{text-decoration:none}.comic-stage{background:linear-gradient(180deg, var(--stage-1), var(--stage-2));border:1px solid var(--border);box-shadow:0 18px 32px var(--shadow);border-radius:24px;justify-items:center;gap:20px;padding:32px 24px;display:grid}.comic-stage-heading{text-align:center;max-width:720px}.comic-stage-heading h1{margin:6px 0 12px;font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.05}.comic-stage .meta-row{justify-content:center;margin-top:0}.comic-page-button{cursor:zoom-in;background:0 0;border:none;border-radius:8px;width:min(100%,780px);padding:0;display:block;position:relative}.comic-page-image{border-radius:8px;width:100%;height:auto;display:block}.comic-page-placeholder{border:2px dashed var(--border);width:100%;color:var(--green-soft);text-align:center;background:#ffffff05;border-radius:8px;place-content:center;gap:8px;display:grid}.comic-page-placeholder em{opacity:.7;font-size:.8rem;font-style:normal}.comic-zoom-hint{display:none}.comic-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.comic-pager-count{color:var(--green-soft);letter-spacing:.04em;font-size:.85rem}.comic-pager button[disabled]{opacity:.4;cursor:not-allowed}.comic-pager button[disabled]:hover{transform:none}.comic-lightbox{z-index:50;cursor:zoom-out;background:#0a0612f2;padding:56px 12px 24px;position:fixed;inset:0;overflow:auto}.comic-lightbox-image{width:min(100%,1200px);max-width:none;height:auto;margin:0 auto;display:block}.comic-lightbox-placeholder{min-height:60vh;color:var(--green-soft);place-content:center;display:grid}.comic-lightbox-close{border:1px solid var(--border);background:var(--panel-strong);color:var(--text);cursor:pointer;border-radius:999px;padding:.6rem 1rem;font-weight:700;position:fixed;top:12px;right:12px}.comic-stage .share-panel{justify-items:center}button.share-link{cursor:pointer;font:inherit;color:var(--text)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:4px}@media (width<=640px){.comic-stage{padding:20px 12px}.comic-zoom-hint{color:var(--green-soft);letter-spacing:.06em;text-transform:uppercase;margin-top:10px;font-size:.78rem;display:block}}.stage-message{text-align:center;max-width:520px;padding:48px 0}.stage-message h1{margin:6px 0 12px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1}.stage-message p{color:var(--text-soft);opacity:.9}.comic-page-placeholder{aspect-ratio:2/3}.chapter-title{margin:4px 0 10px;font-size:clamp(1.7rem,4vw,2.4rem)}.comic-stage-heading h1 a,.chapter-list a{color:inherit;text-decoration:none}.comic-stage-heading h1 a:hover,.chapter-list a:hover{color:var(--green)}.page-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin:18px 0 0;padding:0;list-style:none;display:grid}.page-tile{color:var(--text);gap:8px;text-decoration:none;display:grid}.page-tile img,.page-tile-empty{aspect-ratio:2/3;object-fit:cover;border:1px solid var(--border);background:#ffffff08;border-radius:8px;width:100%;display:block}.page-tile-label{color:var(--green-soft);text-align:center;font-size:.82rem}.author-note p:last-child{color:var(--text-soft);margin:6px 0 0}a.secondary-button{text-align:center;text-decoration:none;display:inline-block}.secondary-button.is-disabled{opacity:.4;cursor:not-allowed;text-align:center;display:inline-block}.secondary-button.is-disabled:hover{transform:none}.about-panel{max-width:720px;margin:0 auto}.about-subheading{margin:28px 0 10px;font-size:1.15rem}.prose p{color:var(--text-soft);margin:0 0 12px;line-height:1.65}.about-panel .share-actions{margin-top:8px}.admin-shell{max-width:1180px;margin:0 auto;padding:24px}.admin-header{border:1px solid var(--border);background:var(--panel-strong);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.admin-user{color:var(--text);flex-wrap:wrap;align-items:center;gap:14px;font-size:.9rem;display:flex}.admin-user em{color:var(--green-soft);font-style:normal}.admin-main{gap:24px;margin-top:24px;display:grid}.admin-columns{grid-template-columns:1.3fr .9fr;align-items:start;gap:24px;display:grid}.admin-login{place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-panel{gap:14px;width:min(100%,380px);display:grid}.admin-login-panel h1{margin:0 0 6px;font-size:1.8rem}.field{gap:6px;font-size:.85rem;display:grid}.field>span{color:var(--green-soft);letter-spacing:.03em}.field>span em{opacity:.7;text-transform:none;letter-spacing:0;font-style:normal}.field input,.field select,.field textarea{font:inherit;color:var(--text);border:1px solid var(--border);background:#ffffff0a;border-radius:10px;width:100%;padding:.7rem .8rem}.field textarea{resize:vertical}.field select option{background:var(--panel-strong);color:var(--text)}.field-row{grid-template-columns:1fr auto;align-items:end;gap:14px;display:grid}.field-narrow{max-width:140px}.uploader{gap:16px;display:grid}.form-error,.form-success,.role-note,.empty-note{border-radius:10px;margin:0;padding:.7rem .9rem;font-size:.88rem}.form-error{color:var(--status-hidden);background:#c55b8b2e;border:1px solid #c55b8b66}.form-success{color:var(--green);background:#a2f2a024;border:1px solid #a2f2a059}.role-note,.empty-note{border:1px solid var(--border);color:var(--text-soft);background:#ffffff08}.dropzone{border:2px dashed var(--border);text-align:center;background:#ffffff05;border-radius:16px;place-items:center;min-height:220px;padding:18px;transition:border-color .15s,background .15s;display:grid;position:relative}.dropzone.is-dragging{border-color:var(--green);background:#a2f2a014}.dropzone.has-file{border-style:solid}.dropzone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone-empty{color:var(--text-soft);gap:6px;display:grid}.dropzone-empty strong{color:var(--text);font-size:1.05rem}.dropzone-empty span{opacity:.75;font-size:.85rem}.dropzone-preview{border-radius:8px;width:auto;max-height:320px}.file-note{color:var(--green-soft);margin:0;font-size:.82rem}.row-chapter td{border-top:1px solid var(--border)}.row-page td{opacity:.92;font-size:.9rem}.page-cell{align-items:center;gap:12px;padding-left:24px;display:flex}.page-thumb{object-fit:cover;border:1px solid var(--border);border-radius:4px;width:34px;height:52px}.page-thumb-empty{background:#ffffff0d;display:inline-block}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.status-pill.scheduled{color:var(--status-info);background:#b5c9ff26}.status-pill.review{color:var(--red);background:#f29e8d24}@media (width<=860px){.admin-columns,.field-row{grid-template-columns:1fr}.field-narrow{max-width:none}}.stacked-fields{gap:14px;margin-bottom:16px;display:grid}.field input:disabled,.field textarea:disabled{opacity:.5;cursor:not-allowed}.news-table{margin-top:22px}