:root{--grass:#2d6a4f;--grass-deep:#1b4332;--grass-light:#d8f3dc;--paper:#fefee3;--ink:#1a2e1f;--accent:#f4a259}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--grass-light) 0,var(--paper) 60%);color:var(--ink);min-height:100vh}.page{max-width:560px;margin:0 auto;padding:2rem 1.25rem 3rem}.hero{text-align:center;margin-bottom:1.5rem}.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;color:var(--grass);margin:0 0 .5rem}.hero .garden-wordmark{display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content;max-width:90%;margin:1.8rem auto 2rem;padding:1rem 1.7rem 1.1rem;background:var(--accent);border:3px solid var(--grass-deep);border-radius:16px;box-shadow:7px 7px 0 var(--grass-deep);color:var(--grass-deep);line-height:1.1;text-transform:uppercase;transform:rotate(-5deg)}.wordmark-touch{font-size:clamp(1rem,4.5vw,1.25rem);font-weight:900;letter-spacing:.13em;padding-left:.13em}.wordmark-grass{font-size:clamp(2.8rem,13vw,4.25rem);font-weight:950;letter-spacing:-.06em}.garden-wordmark .coach{font-size:clamp(1rem,4.5vw,1.2rem);font-weight:900;letter-spacing:.13em;padding-left:.13em}.sub{color:#4a5d4f;margin:0;font-size:1.05rem}.card{background:#fff;border:2px solid var(--grass-deep);border-radius:16px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:4px 4px 0 var(--grass-deep)}.label{display:block;font-size:1.1rem;margin-bottom:.75rem}.slider{width:100%;accent-color:var(--grass);height:2rem}.mission-preferences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;border:0;padding:0;margin:0 0 1.25rem;min-width:0}.mission-preferences legend{font-weight:750;margin-bottom:.75rem}.mission-preferences label{font-size:.8rem;font-weight:650;min-width:0}.mission-preferences select{display:block;width:100%;margin-top:.4rem;padding:.65rem .35rem;border:2px solid var(--grass-deep);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;min-height:44px}.mission-preferences select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.mission-preferences>p{grid-column:1/-1;font-size:.8rem;line-height:1.5;color:#4a5d4f;margin:0}.mission-summary{font-size:.8rem;font-weight:650;margin:.35rem 0 .7rem}@media (max-width:400px){.mission-preferences{grid-template-columns:1fr}}.tier-preview{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 1.25rem;font-size:1.05rem}.tier-emoji{font-size:1.75rem}.cta{width:100%;padding:.9rem;font-size:1.1rem;font-weight:700;background:var(--grass);color:#fff;border:2px solid var(--grass-deep);border-radius:12px;cursor:pointer}.cta:hover:not(:disabled){background:var(--grass-deep)}.cta:disabled{opacity:.6;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.request-status{color:var(--grass-deep);font-size:.9rem;text-align:center}.retry-button{min-height:44px;padding:.6rem 1rem;border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}.error p{margin-top:0}.cta.secondary{background:var(--accent);color:var(--ink);margin-top:1rem}.error{background:#ffe5e5;border:2px solid #c0392b;border-radius:12px;padding:1rem;margin-bottom:1.25rem}.result-tier{margin:0 0 .75rem;font-weight:700;color:var(--grass-deep)}.roast{margin:0;font-size:1.05rem;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.coach-conversation{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px;margin:0 0 1.5rem}.coach-speaker{text-align:center}.speech-bubble{position:relative;padding:1.1rem;background:var(--paper);border:2px solid var(--ink);border-radius:23px 19px 25px 8px;box-shadow:3px 4px 0 var(--ink)}.speech-bubble:before{content:"";position:absolute;left:-10px;top:50%;width:16px;height:16px;background:var(--paper);border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-50%) rotate(45deg)}.speech-bubble .result-tier{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.6rem}@media (max-width:480px){.coach-conversation{grid-template-columns:minmax(0,1fr);gap:8px}.speech-bubble:before{top:-10px;left:calc(50% - 8px);transform:rotate(135deg)}}.mission{background:var(--grass-light);border-radius:12px;padding:1rem}.mission-label{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700;color:var(--grass)}.mission p:last-child{margin:0}.streak{text-align:center;font-size:1.1rem;margin:1.5rem 0}.streak-num{font-size:2rem;font-weight:800;color:var(--grass-deep)}.progress-note{font-size:.8rem;line-height:1.5;color:#4a5d4f}.growing-garden{background:var(--paper);padding:1.2rem}.garden-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.garden-heading h2{font-size:1.25rem;letter-spacing:-.03em;margin:0}.garden-heading>span{white-space:nowrap;font-size:.8rem;font-weight:750}.garden-caption{font-size:.8rem;color:#4a5d4f;line-height:1.5;margin:.6rem 0 0}.garden-plot{margin-top:1rem;border:2px solid var(--ink);border-radius:18px 22px 13px 16px;background:linear-gradient(#e1efce,#f4f2c9 82%,#ccae85 0);padding:16px 10px 10px}.garden-plants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none}.garden-plant{display:block;width:100%;max-width:85px;margin:auto}.garden-empty{text-align:center;padding:18px 10px 24px}.garden-empty>span{font-size:2rem;color:var(--grass)}.garden-empty p{margin:.4rem 0;font-size:.9rem}.garden-empty p:first-of-type{font-weight:750}.garden-celebration{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:1rem}.garden-celebration p{line-height:1.5;font-size:.95rem}.garden-celebration__mascot{animation:garden-cheer .65s ease-in-out 4;transform-origin:center bottom}.garden-new-plant{animation:garden-bloom .75s ease-out;transform-origin:center bottom}@keyframes garden-cheer{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(6deg)}}@keyframes garden-bloom{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.garden-celebration__mascot,.garden-new-plant{animation:none}}.tiers{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-top:1rem}.outside-page{text-align:center;padding-top:3rem}.outside-page h1{font-size:clamp(2rem,6vw,2.8rem);letter-spacing:-.04em;line-height:1.1;margin:.75rem 0}.outside-page h1:focus{outline:none}.active-mission{background:var(--paper);text-align:left}.active-mission__text{font-size:1.4rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.outside-reassurance{color:var(--grass-deep);margin-bottom:0}.saved-note{font-size:.9rem;line-height:1.5;color:#4a5d4f}.abandon-mission{background:transparent;border:0;color:var(--grass-deep);font:inherit;text-decoration:underline;text-underline-offset:4px;padding:1rem;cursor:pointer;min-height:44px}.mission-outcome{background:var(--grass-light);border:2px solid var(--grass);padding:1rem;border-radius:12px;line-height:1.5}.tier-row{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.7);border-radius:10px;padding:.6rem .8rem;font-size:.9rem}.sound-toggle{display:block;margin:0 auto .6rem;min-height:44px;padding:.5rem .9rem;border:1px solid var(--grass);border-radius:24px;background:var(--paper);color:var(--grass-deep);font:inherit;font-size:.85rem;cursor:pointer}.sound-toggle[aria-pressed=true]{background:var(--grass-light)}.garden-greeting{text-align:center;font-size:.9rem;color:#4a5d4f;line-height:1.5;margin:0 0 1.2rem}.mascot-slider{text-align:center;transition:transform .18s ease-out}.mascot-reaction{animation:mascot-hello .45s ease-out}.mascot-goodbye{animation:mascot-wave .75s ease-in-out}.answer-arrival{animation:bubble-arrival .25s ease-out}.plant-button{display:block;width:100%;min-height:44px;padding:0;border:2px solid transparent;border-radius:12px;background:transparent;cursor:pointer;transition:transform .15s ease-out}.plant-button:hover{transform:translateY(-4px)}.plant-button[aria-pressed=true]{border-color:var(--grass);background:#fefee3}.plant-story{border:1px solid var(--grass);border-radius:12px;padding:.8rem;background:var(--paper);font-size:.9rem;margin:.75rem 0}.plant-story p{margin:.4rem 0 0}@keyframes mascot-hello{0%{transform:scale(.94) rotate(-5deg)}55%{transform:scale(1.04) rotate(4deg)}to{transform:none}}@keyframes mascot-wave{20%,60%{transform:rotate(9deg)}40%,80%{transform:rotate(-9deg)}}@keyframes bubble-arrival{0%{transform:translateY(6px) scale(.98)}to{transform:none}}@media (prefers-reduced-motion:reduce){.answer-arrival,.mascot-goodbye,.mascot-reaction{animation:none}.mascot-slider{transform:none!important}.mascot-slider,.plant-button{transition:none}.plant-button:hover{transform:none}}.coach-memory{margin:0 0 1.3rem;padding:1rem;border:1px solid #9ab79e;border-radius:12px;background:#fefee3;font-size:.85rem;line-height:1.5}.coach-memory>summary{font-size:1rem;font-weight:700}.coach-memory p{margin:.5rem 0}.coach-memory summary{cursor:pointer;min-height:44px;padding:.65rem 0}.coach-memory summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.coach-memory ol{padding-left:1.3rem;max-height:240px;overflow-y:auto;overflow-wrap:anywhere}.coach-memory li{margin:.75rem 0}.coach-memory time,.memory-footnote{color:#4a5d4f;font-size:.8rem}.clear-memory{padding:.6rem .8rem;min-height:44px;border:1px solid var(--grass);border-radius:8px;background:#fff;color:var(--grass-deep);font:inherit;cursor:pointer}.clear-memory:disabled{opacity:.5;cursor:default}