:root{--bg-page:#17151f;--bg-page-2:#1f261f;--surface:#23202deb;--surface-strong:#272333;--surface-soft:#ffffff12;--border:#ffffff24;--text:#f4f1ea;--muted:#c9c0b8;--subtle:#9fa7a1;--primary:#7c9ce0;--primary-strong:#8fb0ff;--accent:#d7b56d;--success:#8fd19e;--warning:#e0c060;--danger:#e18a8a;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(145deg, #7c9ce01f, transparent 32%), linear-gradient(180deg, var(--bg-page) 0%, var(--bg-page-2) 100%);max-width:100vw;min-height:100vh;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:#b8d7ff;text-decoration:none}a:hover{text-decoration:underline}button,.btn{cursor:pointer;font:inherit}input,select,textarea{font:inherit}.app-nav{justify-content:space-between;align-items:center;gap:1rem;max-width:1120px;margin:0 auto;padding:1rem 1.5rem 0;display:flex}.app-brand{color:var(--text);letter-spacing:0;font-size:1.1rem;font-weight:800}.app-nav-links{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.app-nav-links a{color:var(--muted);border-radius:var(--radius);border:1px solid #0000;padding:.45rem .7rem;font-size:.92rem}.app-nav-links a:hover{color:var(--text);background:var(--surface-soft);border-color:var(--border);text-decoration:none}.app-nav-links a.active,.app-nav-links a[aria-current=page]{color:var(--text);background:#7c9ce029;border-color:#7c9ce085}.container{max-width:680px;margin:0 auto;padding:1.5rem}.wide-container{max-width:1120px}.readable-page{max-width:780px}.readable-page section+section{margin-top:1.75rem}.readable-page h2{margin-bottom:.45rem}.readable-page p{color:var(--muted)}.page-heading{margin:1.5rem 0}.page-heading h1,.home-hero h1{max-width:760px;margin-bottom:.85rem;font-size:clamp(2rem,5vw,4rem);line-height:1.05}.lead{color:var(--muted);max-width:720px;font-size:1.05rem}.eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem;font-size:.82rem;font-weight:800}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.35rem}.card h2,.card h3{margin-bottom:.55rem}.home-hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:2rem;min-height:58vh;padding:2.5rem 0 1rem;display:grid}.story-sample{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:.75rem;padding:1rem;display:grid}.story-sample span{border-left:3px solid var(--accent);color:var(--muted);background:#ffffff0f;border-radius:6px;padding:.85rem;display:block}.feature-grid,.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:820px;display:grid}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.two-column{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:start;gap:1rem;display:grid}.profile-form{position:sticky;top:1rem}.profile-form label{margin-top:.9rem}.profile-card{gap:1rem;display:grid}.profile-meta{color:var(--muted);margin-top:.35rem;font-size:.93rem}.story-card{flex-direction:column;justify-content:space-between;gap:1rem;display:flex}.story-card.favorite{border-color:#d7b56da6}.story-card-topline{color:var(--accent);justify-content:space-between;gap:1rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.shelf-toolbar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.shelf-search{flex:260px;min-width:min(100%,260px)}.filter-chip{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:.45rem .85rem}.filter-chip.active,.filter-chip:hover{color:var(--text);background:#7c9ce02e;border-color:#7c9ce0b3}.pricing-card{flex-direction:column;gap:.75rem;display:flex}.pricing-card.highlighted{background:#302923e6;border-color:#d7b56dbf}.pricing-card ul{color:var(--muted);padding-left:1.1rem}.billing-action{gap:.5rem;display:grid}.billing-support{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;max-width:820px;margin-top:1rem;display:grid}.billing-support-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.price-line{color:var(--text);font-size:1.2rem;font-weight:800}.premium-teaser{border-radius:var(--radius);background:#d7b56d1a;border:1px solid #d7b56d8c;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.premium-teaser p{color:var(--muted)}.premium-teaser-compact{margin-top:1rem}.sample-fill,.trust-note{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-login{grid-template-columns:minmax(180px,1fr) minmax(120px,.4fr) auto;align-items:end;gap:.75rem;display:grid}.admin-login .form-label{margin-bottom:0}.admin-login label{grid-row:1}.admin-login input,.admin-login select,.admin-login button{grid-row:2}.metric-card{flex-direction:column;gap:.35rem;display:flex}.metric-card span,.metric-row span,.metric-row small{color:var(--muted)}.metric-card strong{font-size:1.7rem}.metric-list{gap:.6rem;display:grid}.metric-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding-bottom:.55rem;display:grid}.metric-row small{grid-column:1/-1;font-size:.85rem}.review-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.review-card{gap:.65rem;display:grid}.tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.review-tag{color:var(--text);background:#d7b56d1f;border:1px solid #d7b56d8c;border-radius:999px;padding:.28rem .6rem;font-size:.82rem}.soft-list{color:var(--muted);margin-bottom:1rem;padding-left:1.2rem}.soft-list li+li{margin-top:.35rem}.advanced-options{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;margin:0 0 1.2rem;padding:.9rem}.advanced-options summary{color:var(--text);cursor:pointer;font-weight:700}.advanced-options[open] summary{margin-bottom:1rem}.example-story{gap:1.25rem;display:grid}.trust-note{border-radius:var(--radius);background:#7c9ce01f;border:1px solid #7c9ce057;padding:1rem}.danger-zone{background:#782d3742;border-color:#e18a8a8c}.analytics-consent-banner{border-radius:var(--radius);background:#1c1a23fa;border:1px solid #d7b56d8f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;max-width:1120px;margin:1rem auto 0;padding:1rem;display:grid;box-shadow:0 12px 32px #0000003d}.analytics-consent-banner h2{margin-bottom:.25rem;font-size:1rem}.analytics-consent-banner p,.analytics-settings p{color:var(--muted)}.analytics-consent-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.success-text{color:var(--success)}.error-text{color:#ffd4d4}.button-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.field-help{color:var(--subtle);margin-top:.35rem;font-size:.85rem}.error-card{color:#ffd4d4;background:#782d3759;border-color:#e18a8a8c}input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:var(--radius);background:var(--surface-strong);width:100%;color:var(--text);border:1px solid #ffffff38;padding:.7rem .8rem;font-size:1rem}input::placeholder,textarea::placeholder{color:#ffffff6b}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{border-color:#7c9ce0d9;outline:none;box-shadow:0 0 0 3px #7c9ce038}select option{background:var(--surface-strong);color:var(--text)}input[type=radio],input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--primary);cursor:pointer}.form-label,.card label,.card .form-label{color:var(--muted);margin-bottom:.35rem;font-size:.95rem;display:block}.btn{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:2.65rem;padding:.68rem 1.1rem;font-weight:700;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#101622}.btn-primary:hover:not(:disabled){background:var(--primary-strong);text-decoration:none;box-shadow:0 8px 24px #7c9ce03d}.btn-secondary{background:var(--surface-soft);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff21;text-decoration:none}.danger-button{color:#ffd4d4}.progress-text{color:var(--muted);margin-bottom:.5rem;font-size:.95rem}@keyframes progress-pulse{0%,to{transform:translate(-100%)}50%{transform:translate(200%)}}@media (max-width:820px){.app-nav{flex-direction:column;align-items:flex-start}.app-nav-links{justify-content:flex-start}.home-hero,.two-column,.metric-grid,.feature-grid,.pricing-grid,.story-grid,.review-list{grid-template-columns:1fr}.home-hero{min-height:auto;padding-top:1rem}.profile-form{position:static}.premium-teaser{flex-direction:column;align-items:flex-start}.sample-fill,.trust-note,.billing-support,.analytics-consent-banner,.admin-login{flex-direction:column}.billing-support{align-items:stretch;display:flex}.billing-support-actions{justify-content:flex-start}.analytics-consent-banner{align-items:stretch;display:flex}.analytics-consent-actions{justify-content:flex-start}.admin-login{display:flex}}@media (max-width:460px){.container,.app-nav{padding-left:1rem;padding-right:1rem}.page-heading h1,.home-hero h1{font-size:2.15rem}.btn{width:100%}.app-nav-links a,.filter-chip{font-size:.86rem}}