:root{--ink:#142017;--muted:#718071;--paper:#f4f2ec;--line:#dfe1d8;--green:#285a38;--green-bright:#3e754a;--moss:#dfe8d7;--blue:#758eaa;--amber:#bd8651;--red:#b76659;--serif:"Fraunces",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:#18231a;color:#e9ecdf;padding:28px 18px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:22px;font-weight:600;letter-spacing:-1px;padding:0 8px}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid #9eae91;border-radius:50%;font-family:var(--serif);font-size:16px;color:#dceacc}.main-nav{display:grid;gap:5px;margin-top:52px}.nav-item{border:0;background:transparent;color:#aeb8ab;text-align:left;padding:11px 10px;border-radius:8px;font:500 14px var(--sans);cursor:pointer;transition:.2s}.nav-item span{display:inline-block;width:27px;font-family:var(--mono);font-size:16px}.nav-item:hover,.nav-item.active{background:#263426;color:#fff}.admin-nav{margin-top:11px;border-top:1px solid #344235;border-radius:0;padding-top:20px}.sidebar-bottom{margin-top:auto}.timezone{display:flex;align-items:center;gap:8px;padding:12px 9px;color:#98a494;font:11px var(--mono)}.dot{width:6px;height:6px;background:#83b470;border-radius:50%;box-shadow:0 0 8px #83b470}.profile{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#fff;padding:9px;width:100%;text-align:left;cursor:pointer}.avatar{display:grid;place-items:center;width:29px;height:29px;background:#d8c4a1;color:#3c3326;border-radius:50%;font:600 13px var(--serif)}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:#9ca89a;margin-top:2px}.chevron{margin-left:auto;color:#92a18e}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 56px}.date{color:#718071;font:11px var(--mono);text-transform:uppercase;letter-spacing:.03em}.top-actions{display:flex;align-items:center;gap:15px}.language{border:0;background:transparent;color:#667466;font:11px var(--mono);cursor:pointer}.add-goal,.submit-goal{border:0;background:var(--green);color:#fff;border-radius:7px;padding:11px 15px;font:600 13px var(--sans);cursor:pointer;transition:transform .2s,background .2s}.add-goal:hover,.submit-goal:hover{background:#1b4a2b;transform:translateY(-1px)}main{min-width:0}.view{display:none;max-width:1240px;margin:0 auto;padding:54px 56px}.view.active-view{display:block}.intro-row,.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font:10px var(--mono);letter-spacing:.08em;color:#758174;margin:0 0 12px}.intro-row h1,.section-heading h1{font:500 clamp(32px,4vw,52px)/1.02 var(--serif);letter-spacing:-2.3px;margin:0}.intro-row h1 em{color:#60725f;font-style:italic}.garden-meter{text-align:right;display:flex;align-items:baseline;gap:7px;color:#859085;font-size:12px}.meter-number{font:500 31px var(--serif);letter-spacing:-1px;color:var(--ink)}.goal-switcher{display:flex;gap:8px;margin:37px 0 13px;overflow:auto;padding-bottom:2px}.goal-chip{white-space:nowrap;border:1px solid var(--line);color:#6c796d;background:transparent;border-radius:20px;padding:8px 12px;font:12px var(--sans);cursor:pointer}.goal-chip.active{background:#e0e8dc;border-color:#c7d5c1;color:#284731}.goal-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green-bright);margin-right:6px}.goal-chip i.blue{background:var(--blue)}.goal-chip i.amber{background:var(--amber)}.focus-card{position:relative;overflow:hidden;min-height:426px;border-radius:16px;background:#e5eadf;display:grid;grid-template-columns:1.05fr .95fr}.focus-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 45%,#f7f4e9b5,transparent 31%);pointer-events:none}.focus-copy{padding:50px 0 42px 48px;max-width:530px;z-index:1}.focus-copy h2{font:500 34px/1.12 var(--serif);letter-spacing:-1.3px;margin:0 0 14px;max-width:480px}.focus-copy>p:not(.eyebrow):not(.deadline){font-size:14px;line-height:1.55;color:#657266;margin:0}.checkin-actions{display:flex;gap:10px;margin-top:32px}.yes-button,.no-button{border-radius:7px;padding:12px 16px;font:600 13px var(--sans);cursor:pointer;transition:.2s}.yes-button{border:1px solid var(--green);background:var(--green);color:#fff}.yes-button:hover{background:#194328}.yes-button span{font-size:16px;margin-right:5px}.no-button{background:transparent;border:1px solid #bdc7b9;color:#506052}.no-button:hover{background:#d9e1d6}.deadline{font-size:10px!important;color:#819080!important;margin-top:17px!important}.completion-note{display:flex;align-items:center;gap:10px;margin-top:29px;color:#406047;font-size:13px}.completion-note>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#b8cfad;font-weight:bold}.completion-note strong{color:#2b5132}.hidden{display:none!important}.tree-stage{min-height:425px;position:relative;display:grid;place-items:center}.tree-aura{position:absolute;width:285px;height:285px;border-radius:50%;background:#eff1e8;filter:blur(1px);opacity:.7}.tree{width:min(88%,365px);height:410px;position:relative;z-index:1;overflow:visible;filter:drop-shadow(0 17px 16px #68826120)}.ground-shadow{fill:#9aaf9638}.tree-pot{fill:#b78158}.pot-rim{fill:#cb966a}.trunk,.branch{fill:none;stroke:#73513c;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}.branch{stroke-width:7}.foliage path{fill:#51794d;stroke:#426b43;stroke-width:2}.foliage path:nth-child(2){fill:#63875a}.foliage path:nth-child(3){fill:#759665}.foliage path:nth-child(4){fill:#426d47}.fruit circle{fill:#d2a265}.leaves-falling path{fill:#9d7651;opacity:0}.tree-caption{position:absolute;bottom:27px;right:25px;z-index:2;text-align:right}.tree-caption strong,.tree-caption span{display:block}.tree-caption strong{font:500 16px var(--serif)}.tree-caption span{font:10px var(--mono);color:#718071;margin-top:4px}.tree.growing{animation:grow-tree .85s cubic-bezier(.18,.75,.2,1)}.tree.growing .foliage{animation:bloom .85s ease}.tree.growing .leaves-falling path{animation:leaf-fall .8s ease-out}.tree.wilt .foliage{filter:saturate(.45);opacity:.8}.tree.wilt .leaves-falling path{opacity:1}.below-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:13px;margin-top:13px}.streak-card,.next-card,.calendar-card,.calendar-summary,.stat-big,.chart-card{background:#fff;border:1px solid #e7e6df;border-radius:13px}.streak-card{padding:27px 29px}.streak-card>div:first-of-type{display:flex;align-items:baseline;gap:6px}.streak-card strong{font:500 48px var(--serif);letter-spacing:-2px}.streak-card div span{color:#809080;font-size:13px}.streak-bars{display:flex;gap:4px;margin:14px 0 11px}.streak-bars i{width:18px;height:4px;border-radius:4px;background:#cdd9c8}.streak-bars i.full{background:#3d754a}.streak-card>p:last-child{color:#859085;font-size:11px;margin:0}.next-card{padding:25px 28px}.next-row{display:flex;align-items:center;gap:10px;padding:7px 0}.next-row+.next-row{border-top:1px solid #eeeee9;margin-top:6px;padding-top:13px}.mini-dot{width:8px;height:8px;border-radius:50%;background:#6f9366}.mini-dot.blue{background:var(--blue)}.mini-dot.amber{background:var(--amber)}.next-row strong,.next-row small{display:block}.next-row strong{font-size:13px;font-weight:600}.next-row small{font-size:11px;color:#879187;margin-top:2px}.quick-check{margin-left:auto;display:grid;place-items:center;border:1px solid #b3c4ae;background:#f5f8f2;color:#48734d;border-radius:50%;width:29px;height:29px;cursor:pointer}.progress-mini{margin-left:auto;color:#a2693f;font:11px var(--mono)}.section-heading h1{font-size:44px}.subtle-button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px 12px;color:#576857;font:12px var(--sans)}.section-lead{max-width:500px;color:#758075;line-height:1.55;margin:17px 0 28px}.calendar-layout{display:grid;grid-template-columns:1fr 260px;gap:15px;margin-top:36px}.calendar-card{padding:25px}.weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekdays{padding:0 7px;margin-bottom:10px}.weekdays span{font:10px var(--mono);color:#899389;text-align:center}.cal-day{aspect-ratio:1;min-height:54px;border-radius:7px;padding:7px;font:11px var(--mono);color:#718071;position:relative}.cal-day.success{background:#e5eedf;color:#386141}.cal-day.missed{background:#f2e6e1;color:#a06054}.cal-day.today{outline:1.5px solid #56825b}.cal-day .check{position:absolute;right:6px;bottom:5px;font:11px var(--sans)}.legend{display:flex;gap:16px;border-top:1px solid #ebebe5;margin-top:16px;padding-top:15px;color:#879087;font-size:10px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-success{background:#8eaf80}.legend-miss{background:#d7a097}.legend-empty{background:#e5e5de}.calendar-summary{padding:27px}.calendar-summary>strong{font:500 58px var(--serif);letter-spacing:-3px}.calendar-summary>strong span{font-size:23px}.calendar-summary>p:not(.eyebrow){font-size:12px;color:#7e8c7e;margin:0 0 26px}.summary-line{display:flex;justify-content:space-between;border-top:1px solid #e8e8e1;padding:13px 0 0;margin-top:13px;color:#778377;font-size:11px}.summary-line b{color:#354c37;font-weight:600}.archive-grid{display:grid;gap:12px}.medal-card{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e5e5dc;padding:21px 23px;border-radius:12px}.medal-icon{display:grid;place-items:center;width:33px;height:33px;background:#ede5c8;color:#987934;border-radius:50%;font-size:14px}.medal-card p,.medal-card h3,.medal-card small{margin:0}.medal-card p,.medal-card small{font-size:10px;color:#849084}.medal-card h3{font:500 20px var(--serif);margin:2px 0 4px}.tree-medallion{margin-left:auto;font-size:40px;color:#6f986a}.tree-medallion.pine{color:#638478}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:36px}.stat-big{padding:25px}.stat-big p{color:#7c897c;font-size:12px;margin:0}.stat-big strong{font:500 48px var(--serif);letter-spacing:-2px;display:block;margin:16px 0 4px}.stat-big span{font-size:10px;color:#4e7455}.chart-card{margin-top:13px;padding:26px;display:flex;align-items:end;justify-content:space-between}.chart-card h3{font:500 22px var(--serif);margin:0}.bar-chart{height:135px;display:flex;align-items:end;gap:14px;padding-right:13%;width:57%}.bar-chart i{display:block;flex:1;max-width:34px;background:#8bad82;border-radius:4px 4px 0 0}.bar-chart i:nth-child(4),.bar-chart i:last-child{background:#477a50}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:36px}.admin-stats article{padding:22px;border-radius:10px;background:#fff;border:1px solid #e3e4dd}.admin-stats span,.admin-stats small{display:block;color:#819081;font-size:11px}.admin-stats strong{display:block;font:500 35px var(--serif);margin:13px 0 7px}.admin-empty{margin-top:15px;padding:55px 28px;background:#e7ece4;border-radius:13px;text-align:center}.admin-empty>span{font-size:27px;color:#47754e}.admin-empty h3{font:500 24px var(--serif);margin:13px 0 6px}.admin-empty p{max-width:450px;margin:0 auto;color:#738174;font-size:13px;line-height:1.55}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#10161080;padding:20px;backdrop-filter:blur(4px)}.modal{position:relative;width:min(100%,495px);background:#fbfaf6;border-radius:15px;padding:35px;box-shadow:0 25px 70px #09100a55}.close-modal{position:absolute;right:17px;top:14px;border:0;background:transparent;font-size:26px;color:#748073;cursor:pointer}.modal h2{font:500 32px/1.1 var(--serif);margin:0 0 27px;letter-spacing:-1px}.modal label{display:grid;gap:7px;color:#647064;font:11px var(--mono);margin-bottom:17px}.modal input,.modal select{width:100%;border:1px solid #d9ddd6;border-radius:6px;background:#fff;padding:11px;color:#203022;font:13px var(--sans);outline-color:#4d7d54}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-hint{font-size:11px;line-height:1.5;color:#829082;margin:4px 0 20px}.submit-goal{width:100%;padding:13px}.submit-goal span{float:right;font-size:18px;line-height:12px}.toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translateX(-50%);background:#193d25;color:#fff;padding:12px 18px;border-radius:7px;box-shadow:0 8px 28px #10241442;font-size:13px}.toast span:first-child{color:#d3c06c;margin-right:8px}@keyframes grow-tree{0%{transform:scale(.86) translateY(15px)}55%{transform:scale(1.055) translateY(-6px)}100%{transform:scale(1)}}@keyframes bloom{50%{filter:brightness(1.18) saturate(1.1)}}@keyframes leaf-fall{0%{transform:translateY(-15px) rotate(0);opacity:0}40%{opacity:1}100%{transform:translateY(120px) rotate(170deg);opacity:0}}.mobile-brand{display:none}@media(max-width:800px){.app-shell{display:block}.sidebar{display:none}.topbar{height:63px;padding:0 20px}.mobile-brand{display:block;border:0;background:transparent;color:#29442e;font:600 20px var(--sans);letter-spacing:-1px}.date{display:none}.view{padding:35px 20px}.intro-row h1{font-size:38px}.focus-card{grid-template-columns:1fr;min-height:0}.focus-copy{padding:34px 27px 15px}.focus-copy h2{font-size:29px}.tree-stage{min-height:300px}.tree{height:315px}.tree-caption{bottom:16px;right:22px}.below-grid,.calendar-layout{grid-template-columns:1fr}.insight-grid,.admin-stats{grid-template-columns:1fr}.calendar-summary{display:none}.calendar-card{padding:16px}.cal-day{min-height:42px}.top-actions{gap:5px}.language{display:none}.add-goal{padding:10px 12px}.focus-copy .deadline{margin-bottom:0}.form-row{grid-template-columns:1fr}.modal{padding:29px 23px}.chart-card{display:block}.bar-chart{width:100%;margin-top:28px}.section-heading h1{font-size:36px}}