@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:var(--font-body);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body:"Manrope", "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Manrope", sans-serif;--text:#35514a;--text-strong:#123226;--muted:#678078;--panel:#faf7f0d6;--border-strong:#1a4a2e1f;--accent-deep:#1a4a2e;--accent-amber:#f5a623;--accent-sky:#5bc8f5;--shadow:0 22px 60px #1232261f;background:radial-gradient(circle at 0 0,#5bc8f52e,#0000 28%),radial-gradient(circle at 100% 100%,#f5a62329,#0000 30%),linear-gradient(#faf7f0 0%,#eef5ef 48%,#e7f0f2 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}a{color:inherit}#root{min-height:100vh}.app-shell{width:min(100%,560px);margin:0 auto;padding:12px 12px 92px}.app-header,.welcome-card,.hero-copy,.hero-scorecard,.desktop-nav,.toolbar-panel,.prompt-panel,.composer-shell,.action-panel,.share-card,.pledge-panel,.bottom-nav{border:1px solid var(--border-strong);background:var(--panel);box-shadow:var(--shadow);border-radius:24px}.app-header{z-index:15;-webkit-backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex;position:sticky;top:8px}.desktop-nav{display:none}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-avatar{background:linear-gradient(135deg, var(--accent-deep), #2d7b52);color:#faf7f0;width:40px;height:40px;font-family:var(--font-display);border-radius:14px;place-items:center;font-size:1.1rem;display:grid}.brand-lockup strong,.header-points strong,.hero-highlights strong,.score-value,.mini-summary strong,.next-action strong,.impact-row strong,.share-total,.pledge-topline strong{color:var(--text-strong)}.brand-lockup span,.muted-copy,.hero-tags span,.hero-highlights p,.mini-summary span,.next-action span,.impact-row span,.pledge-topline span,.nav-item small{color:var(--muted)}.brand-lockup span,.header-points span{font-size:.8rem;display:block}.header-points{text-align:right}.welcome-modal{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081b1699;align-items:end;padding:10px;display:grid;position:fixed;inset:0}.welcome-card{border-radius:26px 26px 18px 18px;padding:22px 18px 18px}.welcome-card h2{margin:8px 0 10px}.hero-panel,.desktop-insight-grid,.main-grid,.sidebar{gap:12px;display:grid}.hero-copy,.hero-scorecard,.toolbar-panel,.prompt-panel,.composer-shell,.desktop-insight-card,.action-panel,.share-card,.pledge-panel{padding:16px}.hero-copy{position:relative;overflow:hidden}.hero-media{background:linear-gradient(135deg,#5bc8f533,#f5a6232e);border-radius:18px;margin:-4px -4px 12px;overflow:hidden}.hero-media img{aspect-ratio:4/5;object-fit:cover;object-position:center;width:100%;display:block}.eyebrow,.section-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.74rem}.hero-copy h1{letter-spacing:-.03em;color:var(--text-strong);margin:8px 0 12px;font-size:2.05rem;line-height:1.02}.hero-text,.welcome-card p,.action-card p,.pledge-card p,.share-line{line-height:1.55}.hero-tags{scrollbar-width:none;gap:8px;margin:14px 0 16px;padding-bottom:2px;display:flex;overflow-x:auto}.hero-tags::-webkit-scrollbar{display:none}.chip-row::-webkit-scrollbar{display:none}.hero-tags span,.badge,.chip{white-space:nowrap;border-radius:999px;flex:none;align-items:center;min-height:38px;padding:8px 12px;font-size:.8rem;display:inline-flex}.hero-tags span{background:#1a4a2e14}.hero-highlights{gap:10px;display:grid}.hero-highlights article{background:#ffffffad;border:1px solid #1a4a2e14;border-radius:18px;padding:14px}.hero-scorecard{background:linear-gradient(180deg, #1a4a2e14, #faf7f0f0), var(--panel);gap:14px;display:grid}.desktop-insight-card{border:1px solid var(--border-strong);box-shadow:var(--shadow);background:#ffffffb8;border-radius:24px}.desktop-insight-card h3{color:var(--text-strong);margin:6px 0 10px;font-size:1.1rem;line-height:1.35}.desktop-insight-card p:last-child{color:var(--muted);line-height:1.55}.score-value,.share-total{font-family:var(--font-display);font-size:3.35rem;line-height:.92}.streak-pill{width:100%;color:var(--text-strong);background:#f5a62333;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.mini-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mini-summary>div,.next-action,.share-card-body{gap:4px;display:grid}.next-action{background:#ffffffc2;border:1px solid #1a4a2e14;border-radius:18px;padding:14px}.toolbar-panel h2,.panel-head h2,.prompt-panel h2,.share-card h2,.pledge-panel h2{margin:4px 0 0;font-size:1.24rem;line-height:1.35}.prompt-panel{margin-bottom:12px}.prompt-composer{gap:12px;margin-top:14px;display:grid}.prompt-composer textarea{resize:vertical;width:100%;min-height:96px;color:var(--text-strong);background:#ffffffe6;border:1px solid #1a4a2e1f;border-radius:18px;padding:14px;font-size:16px}.prompt-result{background:#ffffffc7;border:1px solid #1a4a2e14;border-radius:20px;gap:12px;margin-top:14px;padding:15px;display:grid}.composer-shell{margin-bottom:12px}.composer-status{align-items:center;gap:12px;margin-bottom:12px;display:flex}.composer-avatar,.post-avatar{background:#1a4a2e1a;border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.15rem;display:grid}.composer-copy,.post-meta{gap:2px;display:grid}.composer-copy strong,.post-meta strong,.story-topline span,.story-footer strong{color:var(--text-strong)}.composer-copy span,.post-meta span,.story-footer span{color:var(--muted);font-size:.9rem}.chip-row{scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;padding-top:14px;display:flex;overflow-x:auto}.chip{color:var(--text);scroll-snap-align:start;background:#1a4a2e14}.chip.is-active{background:var(--accent-deep);color:#faf7f0}.panel-head{gap:8px;display:grid}.action-list{gap:12px;margin-top:14px;display:grid}.action-card{background:#ffffffc7;border:1px solid #1a4a2e14;border-radius:22px;gap:12px;padding:15px;display:grid}.action-card.is-complete{background:linear-gradient(#5bc8f529,#ffffffe6);border-color:#5bc8f566}.post-header,.post-tags,.impact-row,.pledge-topline{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.post-header{align-items:center}.post-meta{margin-right:auto}.post-tags{justify-content:flex-start}.badge{color:var(--text-strong);background:#1a4a2e1f}.badge.is-soft{background:#f5a6232e}.badge.is-outline{background:#ffffffeb;border:1px solid #1a4a2e1f}.badge.is-local{background:#5bc8f533}.action-card h3{color:var(--text-strong);font-size:1rem;line-height:1.35}.impact-row{align-items:baseline;gap:10px}.action-button,.primary-button,.ghost-button,.nav-item{cursor:pointer;font:inherit;border:0}.action-button,.primary-button,.ghost-button{border-radius:16px;width:100%;min-height:48px;padding:12px 14px;transition:transform .14s,background-color .14s,color .14s}.action-button:hover,.primary-button:hover,.ghost-button:hover,.nav-item:hover{transform:translateY(-1px)}.action-button,.primary-button{background:var(--accent-deep);color:#faf7f0}.action-button.is-done{background:var(--accent-amber);color:var(--text-strong)}.ghost-button{color:var(--text-strong);background:#1a4a2e14}.share-card{background:linear-gradient(135deg, #1a4a2ef5, #0a231bf5), var(--accent-deep);color:#faf7f0}.share-card .section-kicker,.share-card .muted-copy,.share-card .share-line,.share-actions span{color:#faf7f0d6}.story-frame{background:linear-gradient(#5bc8f524,#0000),radial-gradient(circle at 100% 0,#f5a62347,#f5a62300),#ffffff0f;border:1px solid #ffffff14;border-radius:24px;align-content:end;gap:12px;min-height:320px;margin:14px 0;padding:16px;display:grid}.story-topline,.story-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.story-cta{background:#ffffff14;border-radius:18px;grid-template-columns:88px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.story-cta img{background:#123226;border-radius:12px;width:88px;height:88px}.story-cta-copy{gap:4px;display:grid}.story-cta-copy strong{color:#faf7f0}.story-cta-copy span,.story-cta-copy small{color:#faf7f0d1;overflow-wrap:anywhere}.share-line{max-width:28ch}.share-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.share-actions span{background:#ffffff1a;border-radius:999px;padding:8px 10px}.pledge-composer{gap:12px;margin-top:14px;display:grid}.pledge-composer textarea{resize:vertical;width:100%;min-height:108px;color:var(--text-strong);background:#ffffffe6;border:1px solid #1a4a2e1f;border-radius:18px;padding:14px;font-size:16px}.composer-row,.composer-actions{gap:10px;display:grid}.pledge-list{gap:10px;margin-top:14px;display:grid}.pledge-card{background:#ffffffc2;border:1px solid #1a4a2e14;border-radius:18px;padding:14px}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(16px);grid-template-columns:repeat(3,1fr);gap:8px;width:min(100% - 20px,520px);padding:10px;display:grid;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted);background:0 0;border-radius:16px;justify-items:center;gap:3px;padding:8px 10px;display:grid}.nav-item.is-active{color:var(--text-strong);background:#1a4a2e14}.app-footer{color:var(--muted);gap:8px;margin-top:20px;padding:20px 4px 6px;display:grid}.app-footer strong{color:var(--text-strong);margin-bottom:4px;display:block}.app-footer p{max-width:58ch;margin:0}@media (width>=760px){.app-shell{width:min(100% - 40px,1280px);padding:20px 20px 40px}.desktop-nav{justify-content:flex-start;gap:10px;margin-bottom:12px;padding:12px;display:flex}.desktop-tab{min-width:132px;min-height:46px;color:var(--text);cursor:pointer;font:inherit;background:#1a4a2e14;border:0;border-radius:16px;padding:12px 18px;font-weight:600}.desktop-tab.is-active{background:var(--accent-deep);color:#faf7f0}.bottom-nav{display:none}.app-footer{padding-inline:0}.hero-panel{grid-template-columns:minmax(0,1.35fr) minmax(340px,.78fr);align-items:start}.desktop-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.main-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.86fr);align-items:start}.sidebar{position:sticky;top:96px}.action-list{grid-template-columns:1fr 1fr;gap:16px}.composer-actions{grid-template-columns:1fr 1fr}.hero-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-media img{aspect-ratio:16/9;object-position:center 32%}.hero-copy,.hero-scorecard,.toolbar-panel,.prompt-panel,.composer-shell,.desktop-insight-card,.action-panel,.share-card,.pledge-panel,.desktop-nav{border-radius:28px;padding:22px}.app-header{margin-bottom:16px;padding:16px 18px;position:relative;top:auto}.hero-copy h1{max-width:12ch;font-size:clamp(2.8rem,4vw,4.4rem)}.toolbar-panel h2,.panel-head h2,.prompt-panel h2,.share-card h2,.pledge-panel h2{font-size:1.45rem}.prompt-composer,.composer-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}.prompt-composer textarea{min-height:120px}.prompt-composer .primary-button{width:auto;min-width:220px}.composer-row{justify-content:space-between;align-items:center;display:flex}.composer-actions{width:420px}.story-frame{min-height:420px;padding:22px}.share-total{font-size:4.6rem}.story-cta{grid-template-columns:112px 1fr;padding:16px}.story-cta img{width:112px;height:112px}}