@font-face{font-family:Matter;src:url(/fonts/Matter-Regular.otf) format("opentype");font-weight:400}@font-face{font-family:Matter;src:url(/fonts/Matter-SemiBold.otf) format("opentype");font-weight:600}@font-face{font-family:Matter;src:url(/fonts/Matter-Bold.otf) format("opentype");font-weight:700}:root{--paper: #f8f9ff;--paper-strong: #ffffff;--surface-soft: #f1f5f9;--ink: #1f2937;--muted: #6b7280;--line: #e2e8f0;--primary: #667eea;--primary-dark: #4f46e5;--secondary: #764ba2;--teal: #00d4aa;--coral: #ff6b6b;--gold: #ffb800;--pink: #ff3d71;--danger: #ff3d71;--navy: #0f172a;--green: var(--primary);--green-dark: var(--primary-dark);--blue: var(--secondary);--shadow: 0 18px 50px rgba(102, 126, 234, .15)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Matter,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;letter-spacing:0}body{margin:0;min-width:320px;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:100vw;min-height:100vh;overflow-x:hidden}.site-header{align-items:center;background:#f8f9fff0;border-bottom:1px solid rgba(102,126,234,.12);display:flex;gap:24px;justify-content:space-between;left:0;min-height:74px;padding:14px 40px;position:sticky;right:0;top:0;z-index:20;width:100%}.brand{align-items:center;display:inline-flex;font-size:1.2rem;font-weight:700;gap:10px;white-space:nowrap}.brand img{height:42px;object-fit:contain;width:42px}.header-brand{flex-shrink:0;gap:0}.header-brand .brand-wordmark{height:50px;max-width:210px;width:auto}.site-nav{align-items:center;display:flex;gap:20px}.site-nav>a:not(.button),.nav-button{align-items:center;background:transparent;border:0;color:var(--muted);display:inline-flex;gap:7px;padding:8px 0}.site-nav>a:hover,.nav-button:hover,.text-button:hover,.auth-links a:hover{color:var(--primary-dark)}.button{align-items:center;border:1px solid transparent;border-radius:8px;display:inline-flex;font-weight:700;gap:9px;justify-content:center;min-height:46px;padding:12px 18px;text-align:center}.button-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 26px #667eea38;color:#fff}.button-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary))}.button-secondary{background:var(--paper-strong);border-color:var(--line);color:var(--ink)}.button-danger{background:#ff3d7114;border-color:#ff3d7138;color:var(--danger)}.full-width{width:100%}.icon-button{align-items:center;background:var(--paper-strong);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:inline-flex;height:42px;justify-content:center;width:42px}.mobile-menu-button{display:none}.hero{align-items:end;background:var(--navy);display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(320px,470px);min-height:720px;overflow:hidden;padding:128px 40px 76px;position:relative}.hero:after{background-image:linear-gradient(rgba(102,126,234,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.1) 1px,transparent 1px);background-size:46px 46px;content:"";inset:0;opacity:.45;position:absolute}.hero-media{background:linear-gradient(90deg,#0f172aeb,#1e293bad,#667eea1f),url(/images/hero-storybank-app.jpg) center / cover;inset:0;position:absolute}.hero-content{color:#fff;max-width:820px;min-width:0;position:relative;z-index:1}.eyebrow{color:var(--primary);font-size:.78rem;font-weight:700;margin:0 0 12px;text-transform:uppercase}.hero .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05}h1{font-size:4.8rem;margin-bottom:18px}h2{font-size:2.25rem;margin-bottom:12px}h3{font-size:1.2rem}p{color:var(--muted);line-height:1.65}.hero p{color:#ffffffe6;font-size:1.22rem;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 20px}.app-store-badge{display:inline-flex}.app-store-badge img{height:auto;width:162px}.app-store-badge.is-compact img{width:132px}.hero-story-panel{background:#fffffff0;border:1px solid rgba(102,126,234,.22);border-radius:8px;box-shadow:0 30px 80px #0f172a52;justify-self:end;min-width:0;overflow:hidden;position:relative;width:min(100%,470px);z-index:1}.hero-story-image{background:linear-gradient(135deg,#667eea1f,#00d4aa1f);padding:12px 12px 0}.hero-story-image img{aspect-ratio:16 / 10;border-radius:6px 6px 0 0;object-fit:cover;width:100%}.hero-story-copy{padding:22px}.hero-story-copy span{color:var(--primary);display:block;font-size:.75rem;font-weight:700;margin-bottom:10px;text-transform:uppercase}.hero-story-copy h2{color:var(--ink);font-size:1.45rem;line-height:1.14}.hero-story-copy p{color:var(--muted);font-size:.96rem;margin:0}.section{padding:82px 40px}.section-tight{padding-top:58px}.section-heading{margin:0 auto 34px;max-width:780px;text-align:center}.section-heading p:not(.eyebrow){font-size:1.06rem}.story-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1180px}.story-card{background:var(--paper-strong);border:1px solid rgba(102,126,234,.1);border-radius:8px;box-shadow:0 12px 34px #0f172a12;display:flex;flex-direction:column;min-width:0;overflow:hidden}.story-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.story-card-image-link{background:var(--surface-soft);display:block}.story-card-image{aspect-ratio:16 / 10;height:auto;object-fit:cover;width:100%}.story-card-body{display:flex;flex:1;flex-direction:column;gap:14px;padding:18px}.story-card-meta-row,.story-detail-meta,.profile-stats{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.86rem;gap:12px}.story-card-meta-row span,.story-detail-meta span,.story-detail-meta a,.profile-stats span{align-items:center;display:inline-flex;gap:5px}.story-card h3{font-size:1.12rem;line-height:1.22;margin:0}.story-card p{font-size:.94rem;margin:0}.story-card-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:auto}.author-link{align-items:center;color:var(--muted);display:inline-flex;font-size:.9rem;gap:8px;min-width:0}.author-link img,.story-detail-meta img{border-radius:999px;height:30px;object-fit:cover;width:30px}.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag-row span{background:#00d4aa1a;border:1px solid rgba(0,212,170,.25);border-radius:999px;color:#047f6a;font-size:.78rem;padding:5px 9px}.status-chip{border-radius:999px;padding:4px 8px}.status-public{background:#00d4aa1f;color:#047f6a}.status-private{background:#667eea1a;color:var(--primary-dark)}.status-draft{background:#ffb80024;color:#8a5e00}.text-button,.link-button{background:transparent;border:0;color:var(--primary);font-weight:700;padding:0}.process-section{background:radial-gradient(circle at 18% 20%,rgba(255,184,0,.18),transparent 28%),radial-gradient(circle at 82% 10%,rgba(0,212,170,.15),transparent 24%),linear-gradient(135deg,#fff,#f1f5ff)}.process-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1080px}.process-item{background:#ffffffdb;border:1px solid var(--line);border-radius:8px;padding:24px}.process-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:8px;color:#fff;display:inline-flex;height:44px;justify-content:center;margin-bottom:20px;width:44px}.split-band{align-items:center;background:linear-gradient(135deg,#0f172afa,#667eeaf0),url(/images/tile.png);color:#fff;display:grid;gap:32px;grid-template-columns:1.2fr .8fr}.split-band p{color:#ffffffc7;max-width:680px}.split-band .eyebrow{color:var(--gold)}.feature-list{display:grid;gap:12px}.feature-list div{align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);border-radius:8px;display:flex;gap:10px;padding:14px}.faq-section{background:#f1f5ff}.faq-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:980px}details{background:var(--paper-strong);border:1px solid rgba(102,126,234,.14);border-radius:8px;padding:18px 20px}summary{cursor:pointer;font-weight:700}details p{margin:12px 0 0}.download-cta{align-items:center;background:linear-gradient(135deg,#fffffff2,#f1f5fff5),url(/images/tile.png);border-top:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;padding:54px 40px}.download-cta h2{max-width:780px}.page-hero,.profile-header,.dashboard-header{background:var(--paper-strong);border-bottom:1px solid var(--line);padding:72px 40px}.compact-hero>div,.profile-header{margin:0 auto;max-width:1080px}.compact-hero p{max-width:660px}.story-detail-hero{background:linear-gradient(135deg,var(--navy),var(--secondary));color:#fff;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:520px}.story-detail-hero>img{height:100%;object-fit:cover;width:100%}.story-detail-title{align-self:end;padding:64px 44px}.story-detail-title .eyebrow{color:var(--gold)}.story-detail-title h1{font-size:3.25rem}.story-detail-meta{color:#ffffffd1}.story-reading-layout{display:grid;gap:46px;grid-template-columns:minmax(0,760px) minmax(260px,330px);margin:0 auto;max-width:1160px;padding:64px 40px}.story-prose{background:var(--paper-strong);border:1px solid var(--line);border-radius:8px;padding:36px}.story-prose p{color:var(--ink);font-size:1.05rem;line-height:1.82}.story-prose p:last-child{margin-bottom:0}.story-side-panel{align-self:start;background:#f1f5ff;border:1px solid rgba(102,126,234,.14);border-radius:8px;padding:22px;position:sticky;top:96px}.profile-header{align-items:center;display:grid;gap:28px;grid-template-columns:160px minmax(0,1fr)}.profile-avatar{aspect-ratio:1;border-radius:999px;object-fit:cover;width:160px}.auth-layout{display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(320px,440px);margin:0 auto;max-width:1080px;padding:72px 40px}.auth-intro{align-self:center}.auth-panel,.panel{background:var(--paper-strong);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 34px #0f172a12;padding:24px}.auth-feature-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.auth-feature-list span{background:#667eea1a;border-radius:999px;color:var(--primary-dark);font-size:.86rem;padding:7px 10px}.form-stack{display:grid;gap:16px}.form-stack label{color:var(--ink);display:grid;font-weight:700;gap:7px}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:44px;padding:11px 12px;width:100%}textarea{line-height:1.5;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:3px solid rgba(102,126,234,.18)}.divider{align-items:center;color:var(--muted);display:flex;gap:12px;margin:18px 0}.divider:before,.divider:after{background:var(--line);content:"";flex:1;height:1px}.social-login-stack{display:grid;gap:12px}.google-button-shell{min-height:44px}.social-placeholder,.notice,.empty-state{background:#ffb8001f;border:1px solid rgba(255,184,0,.28);border-radius:8px;color:#8a5e00;padding:12px 14px}.notice.success{background:#00d4aa1a;border-color:#00d4aa40;color:#047f6a}.notice.error,.form-error{background:#ff3d7114;border:1px solid rgba(255,61,113,.22);border-radius:8px;color:var(--danger);padding:10px 12px}.form-success{background:#00d4aa1a;border:1px solid rgba(0,212,170,.25);border-radius:8px;color:#047f6a;padding:10px 12px}.auth-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:18px}.auth-links a,.auth-links button{color:var(--green);font-size:.92rem;font-weight:700}.dashboard{padding:0 40px 72px}.dashboard-header{margin-left:-40px;margin-right:-40px}.dashboard-header-inner{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1240px;width:100%}.dashboard-header-copy{max-width:760px;min-width:0}.dashboard-grid{display:grid;gap:24px;grid-template-columns:340px minmax(0,1fr);margin:32px auto 0;max-width:1240px}.dashboard-sidebar{display:grid;gap:18px}.profile-mini{align-items:center;display:flex;gap:14px}.profile-mini img{border-radius:999px;height:76px;object-fit:cover;width:76px}.file-button{align-items:center;background:#667eea14;border:1px dashed rgba(102,126,234,.32);border-radius:8px;color:var(--primary-dark);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:10px 12px}.file-button input{display:none}.wide-file-button{width:100%}.story-manage-list{display:grid;gap:8px;max-height:520px;overflow:auto}.story-manage-list button{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;gap:4px;padding:10px 12px;text-align:left}.story-manage-list button.is-active{border-color:var(--primary);box-shadow:inset 4px 0 0 var(--primary)}.story-manage-list small,.muted{color:var(--muted)}.story-editor .story-card{box-shadow:none}.panel-header,.editor-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.form-grid-two{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-label{align-content:end;align-items:center;display:flex!important;gap:9px!important}.checkbox-label input{min-height:auto;width:18px}.dashboard-empty{align-items:center;display:grid;justify-items:center;min-height:260px;padding:60px 30px;text-align:center}.legal-page{margin:0 auto;max-width:860px;padding:72px 40px}.legal-page h2{font-size:1.45rem;margin-top:34px}.legal-page ul{color:var(--muted);display:grid;gap:10px;line-height:1.7;margin:14px 0 0;padding-left:24px}.legal-page li strong{color:var(--ink)}.legal-page a{color:var(--primary);font-weight:700}.site-footer{background:var(--navy);color:#fff;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) minmax(260px,420px);padding:44px 40px}.site-footer p{color:#ffffffad;max-width:520px}.footer-links{align-content:start;display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:flex-end}.footer-links a{align-items:center;color:#ffffffc7;display:inline-flex;gap:6px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.site-header{padding:14px 22px}.mobile-menu-button{display:inline-flex;flex-shrink:0;position:fixed;right:max(22px,calc(100vw - 368px));top:16px;z-index:30}.site-nav{align-items:stretch;background:var(--paper-strong);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:none;flex-direction:column;padding:16px;position:absolute;right:22px;top:64px;width:min(320px,calc(100vw - 44px))}.site-nav.is-open{display:flex}.hero,.story-grid,.process-grid,.faq-grid,.story-detail-hero,.story-reading-layout,.auth-layout,.dashboard-grid,.split-band,.site-footer{grid-template-columns:1fr}.story-side-panel{position:static}.dashboard-header-inner,.download-cta{align-items:flex-start;flex-direction:column}}@media(max-width:700px){h1{font-size:2rem}h2{font-size:1.85rem}.hero{gap:28px;min-height:auto;padding-top:110px}.hero-content{max-width:350px;padding-left:0;padding-right:0;width:100%}.hero p{font-size:1rem;max-width:100%}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{flex:0 0 auto;width:100%}.hero-story-panel{justify-self:stretch;max-width:350px;width:100%}.hero,.section,.page-hero,.profile-header,.auth-layout,.story-reading-layout,.dashboard,.legal-page,.site-footer,.download-cta{padding-left:20px;padding-right:20px}.dashboard-header{margin-left:-20px;margin-right:-20px}.profile-header{grid-template-columns:1fr;text-align:center}.profile-avatar{justify-self:center}.profile-stats,.profile-header .tag-row{justify-content:center}.story-detail-title{padding:34px 20px}.story-detail-title h1{font-size:2.25rem}.story-prose{padding:24px}.form-grid-two,.editor-actions{grid-template-columns:1fr;align-items:stretch;flex-direction:column}}@media(max-width:420px){h1{font-size:1.9rem}.hero .eyebrow{font-size:.7rem}}