:root{--primary: #0f766e;--primary-hover: #0d9488;--primary-soft: #ccfbf1;--ink: #1c1917;--accent: #c2410c;--text: #1c1917;--text-secondary: #44403c;--muted: #78716c;--bg: #f5f0e8;--card: #fffcf7;--border: #e7e0d5;--radius: 12px;--shadow: 0 8px 28px rgba(28, 25, 23, .08);--font-sans: "DM Sans", system-ui, sans-serif;--font-serif: "Literata", Georgia, serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primary)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:50;background:#fffcf7eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{max-width:1200px;margin:0 auto;padding:.875rem 1.25rem;display:flex;align-items:center;gap:1.5rem}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text)}.brand-mark{width:2rem;height:2rem;display:grid;place-items:center;background:linear-gradient(145deg,#134e4a,#0f766e 55%,#c2410c 120%);color:#fff;border-radius:8px;font-weight:700;font-size:1.1rem}.brand-text{font-family:var(--font-serif);font-weight:600;font-size:1.15rem}.site-nav{display:flex;gap:1.25rem;flex:1}.nav-link{text-decoration:none;color:var(--muted);font-weight:500;font-size:.925rem}.nav-link:hover,.nav-link.active{color:var(--primary)}.btn-signin{text-decoration:none;background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;font-family:inherit}.btn-signin:hover{background:var(--primary-hover)}.btn-signin-quiet{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-signin-quiet:hover{border-color:var(--primary);color:var(--primary);background:#0f766e0f}.btn-signout{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-signout:hover{background:var(--surface-muted, #f3f4f6);color:var(--text)}.auth-actions{display:flex;align-items:center;gap:.75rem}.auth-email{font-size:.875rem;color:var(--muted);max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.auth-email:hover{color:var(--primary)}.profile-page{max-width:36rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}.profile-page h1{margin:0 0 .35rem;font-size:1.75rem}.profile-page .subtitle{color:var(--muted);margin:0 0 1.5rem}.profile-dl{margin:0 0 1rem}.profile-dl>div{display:grid;grid-template-columns:5rem 1fr;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.profile-dl dt{color:var(--muted);font-weight:500;font-size:.875rem}.profile-dl dd{margin:0;font-size:.95rem}.profile-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;align-items:center}.profile-page .muted{color:var(--muted);font-size:.875rem}main{flex:1}.site-footer{border-top:1px solid var(--border);padding:1.75rem 1.25rem 2rem;text-align:center;color:var(--muted);font-size:.875rem;background:#efe8dc}.footer-tagline{margin:0;font-family:var(--font-serif);color:var(--text-secondary)}.footer-links{display:flex;justify-content:center;gap:1.25rem;margin-top:.65rem}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--primary)}.landing-hero{position:relative;min-height:min(88vh,42rem);display:flex;align-items:flex-end;overflow:hidden;color:#fafaf9;background:#1c1917}.landing-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c1917}.landing-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:65% center;animation:hero-art-in 1.1s ease-out both}.landing-hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#1c1917f7,#1c19179e 36%,#1c191747,#1c19171f);pointer-events:none}.landing-hero-inner{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:3.5rem 1.25rem 3rem;animation:hero-copy-in .85s ease-out .1s both}.landing-brand{margin:0 0 .65rem;font-family:var(--font-serif);font-size:clamp(2.4rem,7vw,3.75rem);font-weight:600;line-height:1.05;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.45)}.landing-headline{margin:0 0 .75rem;font-family:var(--font-sans);font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:500;line-height:1.35;max-width:28rem;color:#e7e5e4}.landing-tagline{margin:0 0 1.5rem;font-size:1.05rem;line-height:1.5;max-width:32rem;color:#d6d3d1}.landing-actions{display:flex;flex-wrap:wrap;gap:.75rem}@keyframes hero-art-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:720px){.landing-hero-art{object-position:80% center;opacity:.85}}.section-shell{max-width:1200px;margin:0 auto;padding:0 1.25rem}.how-it-works{padding:3rem 0 2rem;background:var(--bg)}.how-it-works h2,.creators-strip h2,.catalog .section-header h2{font-family:var(--font-serif);font-size:1.75rem;margin:0 0 .35rem;color:var(--ink)}.section-lead{margin:0 0 1.75rem;color:var(--muted);max-width:36rem}.how-steps{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}@media(min-width:768px){.how-steps{grid-template-columns:repeat(3,1fr);gap:1.75rem}}.how-steps li{display:flex;gap:.85rem;align-items:flex-start}.how-num{flex-shrink:0;width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;background:var(--ink);color:#fafaf9;font-weight:700;font-size:.85rem}.how-steps h3{margin:0 0 .25rem;font-size:1.05rem}.how-steps p{margin:0;color:var(--muted);font-size:.95rem}.catalog{max-width:none;margin:0;padding:2rem 0 3.5rem}.catalog .section-header p{color:var(--muted);margin:0 0 1.5rem}.catalog-empty{padding:1.5rem 0 .5rem}.catalog-empty>p:first-child{margin:0 0 .35rem;font-family:var(--font-serif);font-size:1.25rem;color:var(--ink)}.catalog-empty .muted{margin:0 0 1.25rem;color:var(--muted)}.catalog-empty-actions{margin-top:.25rem}.series-grid-item{animation:catalog-item-in .5s ease-out both}@keyframes catalog-item-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.creators-strip{background:#1c1917;color:#e7e5e4;padding:2.75rem 0}.creators-strip-inner{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.creators-strip h2{color:#fafaf9}.creators-strip p{margin:.35rem 0 0;max-width:36rem;color:#a8a29e;font-size:.98rem}.creators-strip .btn-secondary{background:transparent;color:#fafaf9;border-color:#fafaf959}.creators-strip .btn-secondary:hover{border-color:#fafaf9;color:#fff}.btn{display:inline-flex;align-items:center;padding:.7rem 1.25rem;border-radius:10px;font-weight:600;font-size:.925rem;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--primary)}.hero,.value-props,.platform-map{display:none}.state-message{color:var(--muted)}.state-message.error{color:#dc2626}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.series-card{background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.series-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0f172a1a}.series-card-link{text-decoration:none;color:inherit;display:block}.series-cover{height:160px;position:relative}.series-lang{position:absolute;top:.75rem;left:.75rem;background:#00000059;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .45rem;border-radius:4px}.series-badge{position:absolute;top:.75rem;right:.75rem;font-size:.7rem;font-weight:700;padding:.25rem .5rem;border-radius:999px}.series-badge.hiatus{background:#fef3c7;color:#92400e}.series-badge.completed{background:#d1fae5;color:#065f46}.series-body{padding:1rem 1.1rem 1.15rem}.series-title{margin:0 0 .15rem;font-size:1.05rem}.series-creator{margin:0 0 .5rem;color:var(--muted);font-size:.85rem}.series-desc{margin:0 0 .65rem;font-size:.875rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-meta{font-size:.8rem;color:var(--muted);margin-bottom:.5rem}.schedule-pill{color:var(--primary);font-weight:600}.meta-dot{margin:0 .35rem}.series-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.genre-tag{background:var(--primary-soft);color:var(--primary);font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:4px;text-transform:capitalize}.series-updated{margin:0;font-size:.75rem;color:var(--muted)}.platform-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:640px){.platform-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.platform-grid{grid-template-columns:repeat(3,1fr)}}.platform-area{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.platform-area h3{margin:0 0 .75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.platform-area ul{list-style:none;margin:0;padding:0}.platform-area li{padding:.65rem 0;border-top:1px solid var(--border)}.platform-area li:first-child{border-top:none;padding-top:0}.platform-route{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--text);font-weight:600;font-size:.9rem}.platform-route:hover .route-label{color:var(--primary)}.route-status{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .4rem;border-radius:4px}.status-preview{background:#dbeafe;color:#1d4ed8}.status-planned{background:#f3f4f6;color:#6b7280}.status-live{background:#d1fae5;color:#065f46}.route-desc{margin:.25rem 0 .2rem;font-size:.8rem;color:var(--muted)}.route-path{font-size:.72rem;color:#9ca3af;background:#f9fafb;padding:.15rem .35rem;border-radius:4px}.series-page{max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.series-page.empty{text-align:center;padding-top:4rem}.back-link{display:inline-block;margin-bottom:1rem;font-size:.9rem;text-decoration:none}.series-hero{position:relative;display:flex;align-items:flex-end;min-height:min(72vh,38rem);border-radius:var(--radius);overflow:hidden;color:#fff;margin-bottom:1.5rem;background:#1c1917}.series-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.series-hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#000000e0,#0000008c 38%,#0003 68%,#0000000d)}.series-hero-content{position:relative;z-index:1;width:100%;padding:2.75rem 1.35rem 2.25rem}.preview-badge{display:inline-block;background:#fff3;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;border-radius:4px;margin-bottom:.75rem}.series-hero-title{font-family:var(--font-serif);margin:0 0 .35rem;font-size:clamp(2rem,6vw,2.75rem);line-height:1.15;color:#fff;text-shadow:0 0 1px rgba(0,0,0,.95),0 1px 0 rgba(0,0,0,.9),1px 0 0 rgba(0,0,0,.9),-1px 0 0 rgba(0,0,0,.9),0 -1px 0 rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,.85),-1px 1px 0 rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.55)}.series-hero .series-creator{margin:0 0 1rem;opacity:.95;font-size:1rem;text-shadow:0 0 1px rgba(0,0,0,.95),0 1px 0 rgba(0,0,0,.85),1px 0 0 rgba(0,0,0,.85),-1px 0 0 rgba(0,0,0,.85),0 2px 6px rgba(0,0,0,.5)}.series-hero-schedule{margin:0 0 .85rem;max-width:36rem}.series-hero-schedule strong{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;color:#f5f5f4;text-shadow:0 0 1px rgba(0,0,0,.95),0 1px 0 rgba(0,0,0,.85),1px 0 0 rgba(0,0,0,.85),-1px 0 0 rgba(0,0,0,.85)}.series-hero-schedule p{margin:0;font-weight:600;font-size:.98rem;line-height:1.4;text-shadow:0 0 1px rgba(0,0,0,.95),0 1px 0 rgba(0,0,0,.85),1px 0 0 rgba(0,0,0,.85),-1px 0 0 rgba(0,0,0,.85),0 2px 6px rgba(0,0,0,.45)}.series-hero-schedule .hiatus-note{margin-top:.4rem!important;font-weight:400!important;font-size:.875rem;color:#e7e5e4}.series-hero-desc{margin:0;max-width:36rem;font-size:.98rem;line-height:1.55;color:#fafaf9;text-shadow:0 0 1px rgba(0,0,0,.95),0 1px 0 rgba(0,0,0,.85),1px 0 0 rgba(0,0,0,.85),-1px 0 0 rgba(0,0,0,.85),0 2px 6px rgba(0,0,0,.45)}.schedule-strip{background:var(--primary-soft);border-left:4px solid var(--primary);padding:1rem 1.1rem;border-radius:0 var(--radius) var(--radius) 0;margin-bottom:1.25rem}.schedule-strip strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:.25rem}.schedule-strip p{margin:0;font-weight:600}.hiatus-note{margin-top:.5rem!important;font-weight:400!important;font-size:.875rem;color:var(--text-secondary)}.series-synopsis{color:var(--text-secondary);line-height:1.6}.chapter-list-preview{margin-top:.5rem}.chapter-list-preview h2{font-size:1.1rem;margin-bottom:.5rem}.chapter-list-preview .muted{color:var(--muted);font-size:.875rem}.chapter-list-preview ul{list-style:none;padding:0;margin:1rem 0 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chapter-list-preview li{display:flex;justify-content:space-between;padding:0;border-top:1px solid var(--border);font-size:.9rem}.chapter-list-preview li:first-child{border-top:none}.chapter-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;text-decoration:none;color:inherit}.chapter-link:hover{background:var(--primary-soft, #eef2ff)}.chapter-title{flex:1;text-align:right;color:var(--primary);font-weight:600}.chapter-num{font-weight:600;color:var(--muted)}.chapter-reader{max-width:720px;margin:0 auto;padding:1rem 0 3rem}.chapter-reader.empty{text-align:center;padding:4rem 1.25rem}.chapter-reader-header{padding:0 1.25rem 1rem}.chapter-reader-header h1{font-family:var(--font-serif);font-size:1.35rem;margin:.5rem 0 0}.page-stack{display:flex;flex-direction:column;gap:0;background:#111}.page-image{display:block;width:100%;height:auto;vertical-align:top}.chapter-reader-footer{padding:1.5rem 1.25rem 0;display:flex;justify-content:center}.chapter-num{font-weight:600}.chapter-placeholder{color:var(--muted)}.share-box{margin-top:2rem;background:#f9fafb;border:1px dashed var(--border);border-radius:var(--radius);padding:1rem}.share-box label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.5rem}.share-box code{display:block;word-break:break-all;font-size:.85rem;color:var(--primary)}@media(max-width:640px){.site-nav{display:none}.header-inner{justify-content:space-between}}