:root{color-scheme:light;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #f4f6f5;--color-bg-reader: #eef1ef;--color-surface: #ffffff;--color-surface-raised: #fafbfa;--color-surface-muted: #edf1ef;--color-text: #172126;--color-text-strong: #11181c;--color-text-muted: #53605d;--color-text-soft: #69726f;--color-border: #d7dddc;--color-border-strong: #b9c3c0;--color-accent: #245b70;--color-accent-hover: #1d4a5b;--color-focus: #d89b32;--color-danger: #b5472f;--color-danger-bg: #f0dfd9;--color-success: #1d5c3a;--color-success-bg: #d9eee3;--color-disabled: #7a8582;--color-state-bg: #ffffff;--color-placeholder-start: rgba(36, 91, 112, .11);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 56px;--radius-sm: 6px;--radius-md: 8px;--radius-pill: 999px;--container-public: 1120px;--container-reader: 900px;--container-admin: 1120px;--sidebar-admin: 240px;--font-size-caption: .8rem;--font-size-label: .82rem;--font-size-body: 1rem;--font-size-card-title: 1.15rem;--font-size-section-title: 1.25rem;--font-size-page-title: clamp(1.8rem, 4vw, 3.2rem);--font-size-public-title: clamp(2rem, 5vw, 4rem);--line-tight: 1.08;--line-heading: 1.2;--line-body: 1.65;--shadow-focus: 0 0 0 3px var(--color-focus)}[data-theme=dark]{color-scheme:dark;--color-bg: #111819;--color-bg-reader: #0f1415;--color-surface: #182122;--color-surface-raised: #202a2b;--color-surface-muted: #243031;--color-text: #e7ecea;--color-text-strong: #f8faf9;--color-text-muted: #b4bfbc;--color-text-soft: #9fa9a6;--color-border: #334142;--color-border-strong: #526061;--color-accent: #8ec7d8;--color-accent-hover: #afd9e5;--color-focus: #e7b85a;--color-danger: #f0a391;--color-danger-bg: #4a211a;--color-success: #8dd3a8;--color-success-bg: #183827;--color-disabled: #87928f;--color-state-bg: #182122;--color-placeholder-start: rgba(142, 199, 216, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}a,button,input,select{font:inherit}a{color:var(--color-accent);font-weight:700;text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--color-accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button,.button{display:inline-flex;width:fit-content;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-surface);padding:0 var(--space-4);font-weight:800;text-decoration:none}button:hover,.button:hover{background:var(--color-accent-hover);color:var(--color-surface)}button:disabled,.is-disabled{cursor:not-allowed;opacity:.62}h1,h2{margin:0;color:var(--color-text-strong);letter-spacing:0}h1{line-height:var(--line-tight)}h2{font-size:var(--font-size-section-title);line-height:var(--line-heading)}.eyebrow{margin:0 0 var(--space-3);color:var(--color-text-soft);font-size:var(--font-size-caption);font-weight:800;letter-spacing:0;text-transform:uppercase}.summary,.body-copy{max-width:720px;color:var(--color-text-muted);line-height:var(--line-body)}.empty-state,.feedback{border-left:4px solid var(--color-accent);background:var(--color-state-bg);padding:var(--space-3) var(--space-4);color:var(--color-text-muted)}.empty-state{border-top:1px solid var(--color-border)}.feedback.error,.state-error{border-left-color:var(--color-danger)}.feedback.success,.state-success{border-left-color:var(--color-success)}label{display:grid;gap:var(--space-2);color:var(--color-text-muted);font-weight:700}input,select{min-height:42px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-2) var(--space-3);color:var(--color-text)}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-raised) 96%,transparent);padding:14px clamp(var(--space-4),4vw,var(--space-10))}.brand{color:var(--color-text-strong);font-size:1.05rem;text-decoration:none}.page,.reader-page{width:min(var(--container-public),100%);margin:0 auto;padding:var(--space-8) clamp(var(--space-4),4vw,var(--space-10)) var(--space-12)}.reader-page{width:min(var(--container-reader),100%);background:var(--color-bg-reader)}.intro-band,.detail-layout,.chapter-section,.reader-header,.empty-state{margin-bottom:var(--space-7)}.intro-band{padding:var(--space-5) 0 var(--space-2)}h1{max-width:760px;font-size:var(--font-size-public-title)}.summary,.empty-state p,.comic-card p{max-width:720px;color:var(--color-text-muted);line-height:var(--line-body)}.comic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5)}.comic-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.comic-card-body{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-5)}.comic-card h2,.chapter-section h2{font-size:var(--font-size-card-title)}.art-placeholder,.page-placeholder{display:grid;min-height:260px;align-content:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-placeholder-start),transparent 55%),linear-gradient(45deg,var(--color-surface-muted),var(--color-surface));padding:var(--space-5);color:var(--color-text)}.art-placeholder span,.page-placeholder span,.art-placeholder small,.page-placeholder small{color:var(--color-text-soft)}.art-placeholder strong,.page-placeholder strong{overflow-wrap:anywhere}.detail-layout{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:var(--space-7);align-items:start}.detail-layout .art-placeholder{border:1px solid var(--color-border);border-radius:var(--radius-md)}.chapter-list,.page-stack{display:grid;gap:var(--space-3);padding:0;list-style:none}.chapter-list li,.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-border);padding:14px 0}.reader-header{display:grid;gap:var(--space-5)}.reader-nav{margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.nav-disabled{color:var(--color-disabled);font-weight:700}.reader-page-item{margin:0}.page-placeholder{min-height:70vh;border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.page-placeholder span{font-size:.9rem;font-weight:800;text-transform:uppercase}.empty-state{padding-top:var(--space-5)}@media(max-width:680px){.topbar,.chapter-list li,.reader-nav{align-items:flex-start;flex-direction:column}.detail-layout{grid-template-columns:1fr}.page,.reader-page{padding-top:var(--space-6)}.page-placeholder{min-height:62vh}}