@import"https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{font-family:"Source Sans 3",sans-serif;line-height:1.5;font-weight:400;color:#f1f4f8;background:radial-gradient(circle at top,rgba(102,126,152,.38),transparent 28%),linear-gradient(180deg,#132742,#091320 68%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-heading: "Archivo Narrow", sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;background-image:radial-gradient(circle at top,rgba(148,161,179,.08),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent,rgba(0,0,0,.4)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");mix-blend-mode:screen;opacity:.28}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.phone-frame{width:min(100%,27rem);height:min(56rem,calc(100vh - 2rem));display:grid;grid-template-rows:auto 1fr auto;gap:1rem;padding:1rem;border-radius:2rem;background:linear-gradient(180deg,#192d50f5,#081425fa),linear-gradient(135deg,rgba(255,255,255,.04),transparent 50%);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #0000008c,inset 0 1px #ffffff14;position:relative;overflow:hidden}.phone-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(121,145,173,.2),transparent 35%),linear-gradient(140deg,rgba(118,147,103,.12),transparent 45%);pointer-events:none}.boot-frame{place-content:center;justify-items:center;text-align:center}.status-row,.screen,.bottom-nav{position:relative;z-index:1}.status-row{display:flex;justify-content:space-between;color:#f1f4f8b3;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.screen{display:grid;gap:1rem;align-content:start;overflow:auto;padding-right:.15rem}.onboarding-screen{grid-template-rows:auto;align-content:start;min-height:0}.screen h1,.screen h2{margin:0;font-family:var(--font-heading);line-height:.95;letter-spacing:-.04em}.screen h1{font-size:clamp(2.6rem,10vw,4rem)}.screen h2{font-size:2rem}.mini-status{margin:0;color:#f1f4f8ad;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.onboarding-copy{margin:-.35rem 0 0;color:#f1f4f8cc;line-height:1.55}.emoji-mark{margin:0;font-size:3rem;text-align:center}.progress-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.progress-dot{height:.32rem;border-radius:999px;background:#ffffff1f}.progress-dot.active{background:#759367e6}.screen-field,.stacked-block,.hero-card,.support-card,.streak-panel,.list-card,.topic-tile,.mindset-card{border-radius:1.35rem;border:1px solid rgba(255,255,255,.08);background:#d0d9e61f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.screen-field,.stacked-block,.support-card,.streak-panel{padding:1rem}.step-card{display:grid;gap:1rem}.intro-card{padding-top:.5rem}.screen-field,.stacked-block{display:grid;gap:.75rem}.screen-field span,.stacked-block p,.hero-card p,.support-card p,.mindset-copy p,.list-card span,.topic-tile span,.streak-panel p{margin:0;line-height:1.5;color:#f1f4f8d6}.screen-field input,.stacked-block input{min-height:3.2rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.16);background:#d6deea24;color:#fff;padding:0 .9rem}.cta,.ghost-cta,.pill,.chip,.checkbox-row,.list-card,.topic-tile,.nav-icon{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.cta,.ghost-cta{min-height:3.25rem;border-radius:999px;font-weight:700}.cta{border:none;background:linear-gradient(180deg,#759367,#5f7a54);color:#f6f1e8}.ghost-cta{border:1px solid rgba(255,255,255,.18);background:#08142547;color:#f6f1e8;padding:0 1rem}.toggle-row,.chip-row{display:flex;flex-wrap:wrap;gap:.75rem}.chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.pill,.chip{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#f1f4f8cc}.pill{padding:.8rem 1rem;border-radius:999px}.chip{padding:.7rem .95rem;border-radius:1rem}.pill.active,.chip.active,.checkbox-row.active,.nav-icon.active{background:#75936747;border-color:#75936794;color:#f6f1e8}.option-stack,.detail-list{display:grid;gap:.75rem}.compact-stack{gap:.6rem}.chip-card{min-height:6.6rem;display:grid;align-content:space-between;justify-items:start;padding:1rem;border-radius:1.2rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;text-align:left;color:#f1f4f8e0}.chip-card span{font-size:1rem;color:#f1f4f8ad}.chip-card strong{font-size:1.05rem;line-height:1.1}.chip-card.active{background:#7593673d;border-color:#75936794}.checkbox-row,.list-card{display:flex;gap:.75rem;align-items:flex-start;width:100%;padding:.85rem 1rem;text-align:left}.hero-card{padding:1rem;background:linear-gradient(180deg,#061426a8,#07111fcc)}.hero-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem;font-size:1.15rem}.hero-icon{font-size:2rem}.hero-card hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:1rem 0}.mindset-card{min-height:19rem;position:relative;overflow:hidden;background:linear-gradient(#0912171a,#09121773),radial-gradient(circle at center,rgba(143,163,119,.14),transparent 50%)}.mindset-blur{position:absolute;inset:0;background:linear-gradient(#0a11182e,#0a111880),radial-gradient(circle at center,rgba(110,138,91,.22),transparent 46%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='54' cy='60' r='38' fill='%238ea27d' filter='url(%23b)' opacity='.35'/%3E%3Ccircle cx='130' cy='92' r='46' fill='%23657d57' filter='url(%23b)' opacity='.26'/%3E%3Ccircle cx='96' cy='150' r='52' fill='%2399a88f' filter='url(%23b)' opacity='.18'/%3E%3C/svg%3E");background-size:cover;transform:scale(1.15)}.mindset-copy h2{font-size:clamp(2rem,8vw,3rem)}.card-btn{text-align:left;display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem;transition:transform .2s,max-height .4s ease;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#d0d9e61a}.card-btn:hover{background:#d0d9e629;border-color:#fff3}.card-btn:focus-visible{outline:2px solid rgba(117,147,103,.85);outline-offset:2px}.card-btn.support-card p:not(.mini-status){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3rem;transition:max-height .4s ease}.card-btn.support-card.expanded p:not(.mini-status){-webkit-line-clamp:unset;max-height:600px}.mindset-card{min-height:19rem;position:relative;overflow:hidden;padding:0;display:block;background:linear-gradient(#0912171a,#09121773),radial-gradient(circle at center,rgba(143,163,119,.14),transparent 50%)}.mindset-copy{position:relative;z-index:1;height:100%;display:grid;align-content:center;gap:.9rem;padding:1.5rem;text-align:center}.mindset-body{display:flex;flex-direction:column;gap:.5rem;align-items:center}.mindset-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:max-height .4s ease;max-height:4.5rem}.mindset-card.expanded .mindset-body p{-webkit-line-clamp:unset;max-height:600px}.expand-hint{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#fff6;margin-top:.5rem;opacity:.8}.card-btn:hover .expand-hint{color:#fffc}.streak-panel{text-align:center;background:linear-gradient(180deg,#08142594,#08142547)}.streak-core{display:flex;align-items:center;justify-content:center;gap:.35rem}.fire-mark{font-size:3rem}.streak-count{font-family:var(--font-heading);font-size:3.25rem}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.topic-tile{min-height:8.75rem;display:grid;align-content:space-between;justify-items:start;padding:1rem;text-align:left}.tile-icon{font-size:2rem}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.nav-icon{min-height:3.5rem;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0814254d;color:#f1f4f880}.nav-icon svg{transition:transform .2s ease,stroke-width .2s ease}.nav-icon.active svg{transform:scale(1.15);stroke-width:2.5}.error-banner{margin:0;padding:.9rem 1rem;border-radius:1rem;background:#8933237a;border:1px solid rgba(241,131,109,.36)}.summary-card{display:grid;gap:.85rem;padding:.85rem 1rem;border-radius:1.2rem;border:1px solid rgba(255,255,255,.1);background:#08142538}.nav-tour-card{align-content:start}.tour-icon-block{display:grid;justify-items:center;gap:.55rem;padding:.35rem 0 .15rem}.tour-icon{width:6.25rem;aspect-ratio:1;display:grid;place-items:center;border-radius:1.75rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#7593674d,#08142547);font-family:var(--font-heading);font-size:2.7rem}.tour-nav-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem}.tour-nav-icon{min-height:3rem;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#08142542;color:#f1f4f8b3}.tour-nav-icon.active{background:#75936747;border-color:#75936794;color:#f6f1e8}.step-actions{display:grid;grid-template-columns:auto 1fr;gap:.75rem;margin-top:auto}.step-actions .cta,.step-actions .ghost-cta{width:100%}button{font:inherit;cursor:pointer}button:hover{transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed}@media(max-width:420px){.chip-grid{grid-template-columns:1fr}}@media(max-height:760px){.page-shell{place-items:start center;padding:.5rem}.phone-frame{height:calc(100vh - 1rem);gap:.75rem;padding:.85rem;border-radius:1.4rem}.screen{gap:.75rem}.screen h1{font-size:clamp(2.1rem,9vw,3rem)}.screen h2{font-size:1.45rem}.onboarding-copy{font-size:.95rem;line-height:1.4}.stacked-block,.screen-field,.support-card,.streak-panel,.summary-card{padding:.85rem}.pill,.chip,.checkbox-row,.list-card{padding-top:.7rem;padding-bottom:.7rem}.cta,.ghost-cta{min-height:3rem}.tour-icon{width:5.1rem;font-size:2.2rem}.step-actions{gap:.6rem}}