:root{--bg:#f4f6f9;--surface:#fff;--line:#d9dfe7;--text:#14202b;--muted:#5b6b7a;--accent:#0e4c92;--accent-soft:#e7eef8;--good:#1b7a4f;--bad:#b42318;--amber:#8a5a00;--amber-bg:#fff5e0;--amber-line:#e5b85c;--gold:#b7791f;--radius:12px;--fs:18px}html[data-size=large]{--fs:22px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:var(--fs)/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;margin:0}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}p{margin:.35rem 0 .8rem}a{color:var(--accent)}button{font:inherit;border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;padding:.55em 1.1em}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}button.link{color:var(--accent);background:0 0;border:none;min-height:0;padding:.2em .3em;text-decoration:underline}button.link.small{font-size:.9rem}button.icon{min-width:44px;padding:0;font-size:1.3rem}textarea,input[type=text]{width:100%;font:inherit;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:10px;padding:.6em .75em}textarea{resize:vertical}textarea:focus,input:focus{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad);font-weight:600}.label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:.6rem 0 .2rem;font-size:.8rem;font-weight:600}.page-msg{text-align:center;padding:3rem}.banner{max-width:44rem;margin:1rem auto}.badge{border-radius:999px;padding:.1em .6em;font-size:.8rem;font-weight:600;display:inline-block}.badge-demo{color:#7a4f00;background:#fdf1d6}.badge-ai{color:#0f5c37;background:#dcf3e6}.list{margin:.2rem 0 .6rem;padding-left:0;list-style:none}.list li{text-indent:-1.4em;margin:.25rem 0;padding-left:1.4em}.list .mark{text-indent:0;width:1.4em;color:var(--muted);display:inline-block}.delta{font-weight:600}.delta.good{color:var(--good)}.delta.bad{color:var(--bad)}.delta.muted{font-weight:400}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.5rem}.col{max-width:44rem;margin:0 auto;padding:0 1rem 3rem}.three{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.field{margin:1rem 0;display:block}.flabel{margin:0 0 .3rem;font-weight:600;display:block}.details{margin:1rem 0}.details>summary{cursor:pointer;color:var(--accent);font-weight:600}.details-body{margin-top:.5rem}.stars{color:var(--gold);letter-spacing:.05em}.stars .dim{color:var(--line)}.stars.huge{font-size:3rem;line-height:1}.num{font-variant-numeric:tabular-nums}.mbar{background:#e6eaef;border-radius:6px;height:12px;margin:1.6rem 0 .3rem;position:relative}.mbar .fill{background:var(--accent);border-radius:6px;transition:width .8s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;left:0}.mbar .mark{color:var(--gold);white-space:nowrap;font-size:.7rem;font-style:normal;position:absolute;top:-1.35rem;transform:translate(-50%)}.mbar .mark:after{content:"";background:var(--text);opacity:.5;width:2px;height:14px;position:absolute;top:1.15rem;left:50%}.mbar .mark.start{color:var(--muted);font-size:0}.mbar .mark.start:after{top:0}.top{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:.5rem 1rem .4rem;position:sticky;top:0}.top-row{align-items:center;gap:1rem;max-width:64rem;margin:0 auto;display:flex}.brand{color:var(--text);white-space:nowrap;font-weight:700;text-decoration:none}.stepper{align-items:center;gap:.5rem;margin:0 auto;padding:0;list-style:none;display:flex}.stepper li .dot{background:var(--line);border-radius:50%;width:12px;height:12px;display:block}.stepper li.done .dot{background:var(--accent)}.stepper li.current .step-label{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:.15em .7em;font-size:.85rem;font-weight:600}.top-nav{align-items:center;gap:.25rem;display:flex}.hero{align-items:flex-end;gap:1.5rem;max-width:64rem;margin:.25rem auto 0;display:flex}.hero-metric{flex:1}.hero-line{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.big{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.hero-budget{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.top-sub{max-width:64rem;margin:.1rem auto 0}.now{align-items:baseline;gap:.6rem;max-width:44rem;margin:1rem auto .5rem;padding:0 1rem;display:flex}.now-k{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:.05em .5em;font-size:.85rem;font-weight:700}.month h2{margin-bottom:.3rem}.goal{margin-top:.2rem}.event-line{background:var(--amber-bg);border:1px solid var(--amber-line);color:var(--amber);border-radius:10px;padding:.6rem .8rem}.block h3{margin-bottom:.2rem}.who-summary{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.reveal{animation:.35s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.chips{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.2rem 0 .8rem;display:flex}.chips-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:.2rem;font-size:.8rem}.chip{background:var(--accent-soft);min-height:0;color:var(--accent);text-align:left;border-color:#0000;border-radius:999px;padding:.25em .7em;font-size:.85rem}.chip.star{color:var(--amber);background:#fff5e0}.nudges{margin:-.4rem 0 1rem}.nudge{background:var(--accent-soft);border-radius:10px;margin:.5rem 0;padding:.6rem .9rem}.nudge .list{margin-bottom:.2rem}.pattern{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92rem}.seg{flex-wrap:wrap;gap:.4rem;display:flex}.seg button{min-height:40px;padding:.3em .9em}.seg button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.seg.wide button{flex:1}.legend{margin:1rem 0}.ticks{grid-template-columns:1fr 1fr;gap:.25rem .8rem;margin:.3rem 0;padding:0;list-style:none;display:grid}.ticks li{color:var(--muted)}.ticks li.on{color:var(--good);font-weight:600}.ticks li.later{color:var(--muted)}.ticks.small{font-size:.9rem}.confirm{border:1px solid var(--accent);background:#f4f8fd;border-radius:10px;margin-top:1rem;padding:1rem}.echo{border-left:4px solid var(--line);color:var(--muted);padding-left:.8rem}.prow{padding:.3rem 0}.prow .dot{background:var(--line);border-radius:50%;width:.7em;height:.7em;margin-right:.5em;display:inline-block}.prow .dot.active{background:var(--accent);animation:1s infinite pulse}.prow .dot.done{background:var(--good)}.prow.wait{color:var(--muted)}@keyframes pulse{50%{opacity:.3}}.timer{font-variant-numeric:tabular-nums;margin-top:.5rem}.debrief-head{margin-bottom:.5rem}.dots{gap:.5rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.dots button{border-radius:50%;width:2rem;height:2rem;min-height:0;padding:0;font-weight:600}.dots li.on button{background:var(--accent);color:#fff;border-color:var(--accent)}.dots li.done button{background:var(--accent-soft);color:var(--accent)}.predict{background:var(--accent-soft);border-radius:10px;padding:.6rem .9rem}.headline{margin:1rem 0;font-size:1.35rem}.numbers{grid-template-columns:2fr 1fr 1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}.numcard{border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.numcard .value{font-size:1.5rem;font-weight:700}.numcard.main .value{font-size:2rem}.numcard .sub{color:var(--muted);font-size:.85rem}.numcard.main .mbar{margin-top:1.4rem}.facts3{grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0;font-size:.95rem;display:grid}.discover{border:1px solid var(--amber-line);background:#fff8e6;border-radius:10px;margin:1rem 0;padding:.8rem 1rem;font-size:1.15rem}.discover .label{color:var(--amber);margin-top:0}.discover p{margin:.2rem 0 0}.event{border:1px solid var(--amber-line);background:var(--amber-bg);border-radius:10px;margin:.8rem 0;padding:.7rem .9rem}.event-title{color:var(--amber);font-weight:700}.highlight{border-left:4px solid var(--good);background:#f1faf5;margin:.5rem 0 1rem;padding:.8rem 1rem;font-size:1.15rem}.fix{border:1px solid var(--line);border-radius:10px;margin:1rem 0;padding:.8rem 1rem}.fix .do{background:var(--accent-soft);border-radius:8px;padding:.5rem .8rem}.lesson{background:var(--accent-soft);border-radius:10px;margin:1rem 0;padding:.8rem 1rem}.lesson.unlock{border:1px solid var(--amber-line);background:linear-gradient(135deg,#fff8e6,#fff);animation:.5s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.96)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.unlock-title{color:var(--amber);font-size:1.15rem;font-weight:700}.question .label{margin-right:.4rem;display:inline}.rubric{margin-bottom:1rem}.next-tip{background:var(--accent-soft);border-radius:8px;padding:.5rem .8rem}.journey-add .label{margin-right:.4rem;display:inline}.cliff{border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}.backdrop{z-index:20;background:#14202b73;justify-content:center;align-items:flex-start;padding:4vh 1rem;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:40rem;max-height:92vh;overflow:auto;box-shadow:0 20px 60px #00000040}.modal.wide{max-width:52rem}.modal-head{justify-content:space-between;align-items:center;padding:1rem 1.5rem .5rem;display:flex}.modal-head h2{margin:0}.modal-body{padding:.5rem 1.5rem 1.5rem}.lead{font-size:1.15rem}.steps{padding-left:1.4em}.steps li{margin:.4rem 0}.shelf{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:.8rem 0;display:grid}.shelf.compact{grid-template-columns:repeat(5,1fr)}.shelf.compact .badge-card{padding:.5rem;font-size:.8rem}.badge-card{border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem}.badge-card.off{color:var(--muted);border-style:dashed}.badge-card.on{border-color:var(--amber-line);background:#fffaf0}.badge-title{font-weight:700}.hist{border-top:1px solid var(--line);padding:.6rem 0}.hist summary{cursor:pointer}.row{flex-wrap:wrap;align-items:center;gap:.8rem;margin:.8rem 0;display:flex}.tour{z-index:30;position:fixed;inset:0}.tour .spot{pointer-events:none;border-radius:12px;position:fixed;box-shadow:0 0 0 9999px #14202b8c}.tour .tip{background:var(--surface);border-radius:12px;width:min(360px,100vw - 2rem);padding:1rem 1.2rem;position:fixed;box-shadow:0 20px 60px #0000004d}.tour .tip h3{margin:.2rem 0 .3rem}.lobby{max-width:64rem;margin:0 auto;padding:2rem 1rem 3rem}.lobby-head{text-align:center;margin-bottom:2rem}.lobby-head h1{font-size:2.4rem}.lobby h2{margin:1.5rem 0 .8rem}.missions{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.mission{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:1.3rem;display:flex}.mission-icon{font-size:2rem}.mission h3{margin:.2rem 0 0}.mission p{flex:1}.mission-meta{color:var(--muted);flex-wrap:wrap;gap:.8rem;font-size:.9rem;display:flex}.tags{flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .8rem;display:flex}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.15em .6em;font-size:.78rem}.tag.intro{color:#0f5c37;background:#dcf3e6}.tag.advanced{color:#7a4f00;background:#fdf1d6}.cont-list{flex-wrap:wrap;gap:.8rem;display:flex}.cont-card{background:var(--surface);border:1px solid var(--accent);color:inherit;border-radius:10px;flex-direction:column;gap:.2rem;padding:.8rem 1.1rem;text-decoration:none;display:flex}.three-steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0;list-style:none;display:grid}.three-steps li{background:var(--surface);border:1px solid var(--line);counter-increment:s;border-radius:10px;flex-direction:column;padding:1rem;display:flex}.three-steps li:before{content:counter(s);color:var(--accent);font-weight:700}.three-steps span{color:var(--muted);font-size:.9rem}.review{max-width:52rem;margin:0 auto;padding:1rem 1rem 3rem}.review-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.result{text-align:center}.result h1{margin:.3rem 0 .2rem}.result-metric{text-align:left;max-width:34rem;margin:1rem auto}.result-metric .hero-line{justify-content:center}.result-row{grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0;display:grid}.result-row .value{font-size:1.3rem;font-weight:700}.biggest{text-align:left;background:var(--accent-soft);border-radius:10px;padding:.8rem 1rem}.biggest .label{margin-right:.4rem;display:inline}.jrow{border-top:1px solid var(--line);padding:.6rem 0}.jhead{font-weight:700}.jrow dl{margin:.3rem 0 0}.jline{grid-template-columns:8rem 1fr;gap:.2rem .8rem;display:grid}.jline dt{color:var(--muted)}.jline dd{margin:0}.memory{border-top:1px solid var(--line);padding:.5rem 0}.notes{font-size:1rem}.print-only{display:none}@media (width<=900px){.top-row{flex-wrap:wrap}.stepper{order:3;justify-content:center;width:100%}.numbers,.facts3,.three,.result-row,.three-steps{grid-template-columns:1fr 1fr}.shelf.compact{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.numbers,.facts3,.three,.result-row,.three-steps,.ticks,.shelf{grid-template-columns:1fr}.hero{flex-direction:column;align-items:stretch}.hero-budget{align-items:flex-start}.top{position:static}}@media print{.no-print,.top,.now{display:none!important}.print-only{white-space:pre-wrap;display:block}.notes{display:none}body{background:#fff}.review{font-size:12pt}.card{break-inside:avoid}}@media (prefers-reduced-motion:reduce){.prow .dot.active,.reveal,.lesson.unlock{animation:none}.mbar .fill{transition:none}}