:root{--bg:#f7f5ed;--ink:#263226;--muted:#263226b8;--meadow-50:#f3f8ec;--meadow-100:#e2efd3;--meadow-400:#7fb35a;--meadow-600:#4f8a3a;--meadow-700:#3b6b2d;--card:#fefdf8;--danger:#b42318;--shadow:0 12px 40px #3f5c3014;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:2.5rem;--sidebar-width:232px;--content-gutter:1.75rem;--content-max:860px;--shell-max:1180px;--font-display:"Noto Serif SC", "Songti SC", "STSong", serif;--font-ui:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", "Consolas", monospace;font-family:var(--font-ui);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.65}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 0 0,#9acb822e,#0000 30rem),radial-gradient(circle at 80% 12%,#d6e8b65c,#0000 28rem),linear-gradient(#fafaf7 0%,#f5f2e8 100%);margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.page-shell{width:min(100%, var(--content-max));margin:0 auto;padding:32px 18px 128px}.page-header{margin-bottom:var(--space-5)}.page-header.row{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;align-items:flex-start;display:flex}.page-header h1{font-family:var(--font-display);letter-spacing:0;margin:.35rem 0 0;font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1.25}.page-header .back-link{margin-bottom:var(--space-2)}.page-header .text-link{margin-bottom:var(--space-2);font-weight:600;display:inline-block}.page-stack{gap:var(--space-4);display:grid}.page-section{gap:var(--space-2);display:grid}.section-title{font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:1.05rem;font-weight:600}.section-copy{margin:0}.eyebrow{letter-spacing:.04em;color:var(--meadow-700);margin:0;font-size:.82rem;font-weight:600}.lede,.muted{color:var(--muted)}.lede{max-width:36rem;margin:.75rem 0 0;font-size:1rem;font-weight:400;line-height:1.7}.stack{gap:var(--space-4);display:grid}.stack-sm{gap:var(--space-2);display:grid}.card{background:var(--card);border:1px solid var(--meadow-100);box-shadow:var(--shadow);border-radius:28px;padding:1.35rem 1.45rem}.card h2,.card h3{margin:0 0 var(--space-2);font-family:var(--font-display);letter-spacing:0;font-weight:600;line-height:1.35}.card>.muted+*,.card>h3+.muted{margin-top:0}.card-kicker{margin-bottom:var(--space-1);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.type-badge{min-height:1.5rem;color:var(--meadow-700);letter-spacing:.02em;background:#4f8a3a1f;border-radius:.55rem;align-items:center;padding:.1rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.type-badge.side{color:var(--muted);background:#2632260f}.project-glyph{font-size:1.05rem;line-height:1}.today-stack{gap:var(--space-5)}.action-card h3{font-size:1.35rem;font-weight:600;line-height:1.35}.action-main{background:linear-gradient(180deg, #f3f8ecd9 0%, var(--card) 42%);border-color:#7fb35a8c;padding:1.55rem 1.55rem 1.45rem;box-shadow:0 16px 42px #3f5c301a,inset 0 0 0 1px #ffffff8c}.action-main h3{font-family:var(--font-display);letter-spacing:0;font-size:clamp(1.45rem,2.8vw,1.8rem);font-weight:600;line-height:1.3}.action-side{width:100%;max-width:40rem;box-shadow:none;background:#fafaf7c7;border-color:#e2efd3d9;margin-inline:0;padding:1.15rem 1.25rem}.action-side h3{font-family:var(--font-ui);font-size:1.08rem;font-weight:600}.action-side p{font-size:.95rem}.action-side .standards{margin-bottom:.6rem;padding-left:1.1rem;font-size:.88rem}.action-side .inline-actions{margin-top:.7rem}.meta-line{margin:.15rem 0 0;line-height:1.7}.meta-line .meta-chip{vertical-align:-.15em;margin-right:.45rem;display:inline-flex}.meta-chip{min-height:1.45rem;color:var(--meadow-700);background:0 0;border:1px solid #7fb35a73;border-radius:.4rem;align-items:center;padding:.05rem .5rem;font-size:.78rem;font-weight:600;display:inline-flex}.btn.btn-emphasis{min-height:3.1rem;padding:.85rem 1.45rem;font-size:1.02rem;box-shadow:0 10px 24px #4f8a3a38}.btn.btn-compact{min-height:2.45rem;padding:.55rem .95rem;font-size:.92rem}.standards{color:var(--muted);margin:.75rem 0 1rem;padding-left:1.1rem}.btn,.chip,.nav-tab{cursor:pointer;border:0}.btn{min-height:2.75rem;font-family:var(--font-ui);border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.1rem;font-weight:600;display:inline-flex}.btn.primary{background:var(--meadow-600);color:#fff}.btn.ghost{color:var(--meadow-700);background:#fff;border:1.5px solid #4f8a3a6b;box-shadow:0 1px 2px #3f5c300f}.btn.ghost:hover{background:var(--meadow-50);border-color:var(--meadow-600)}.btn.ghost:disabled{background:#f7f7f4;border-color:#4f8a3a38}.btn:disabled{opacity:.6;cursor:not-allowed}.inline-actions{margin-top:var(--space-4);flex-wrap:wrap;gap:.6rem;display:flex}.progress{background:var(--meadow-100);border-radius:999px;height:.55rem;margin-top:.75rem;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--meadow-400), var(--meadow-700));height:100%}.field{gap:.45rem;display:grid}.field input,.field textarea{border:1px solid var(--meadow-100);background:#fafaf7;border-radius:1rem;outline:none;width:100%;padding:.85rem 1rem}.field input:focus,.field textarea:focus{border-color:var(--meadow-400);box-shadow:0 0 0 4px var(--meadow-100)}.form{gap:var(--space-4);display:grid}.feeling-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{background:var(--meadow-50);min-height:2.4rem;color:var(--meadow-700);border-radius:999px;padding:.45rem .9rem;font-weight:600}.chip.active{background:var(--meadow-600);color:#fff}.error{color:var(--danger);font-weight:600}.text-link{color:var(--meadow-700);font-weight:600}.back-link{min-height:2rem;color:var(--meadow-700);border-radius:.65rem;align-items:center;gap:.25rem;margin-left:-.15rem;padding:.15rem .35rem .15rem .15rem;font-size:.92rem;font-weight:600;transition:background .14s,color .14s;display:inline-flex}.back-link:hover{color:var(--meadow-700);background:#7fb35a1f}.back-link-icon{flex-shrink:0;width:1.05rem;height:1.05rem}.principles{white-space:pre-wrap;color:var(--muted);margin:0;font-family:inherit}.timeline-item strong{display:block}.stat-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0;display:grid}.stat-card{background:var(--card);border:1px solid var(--meadow-100);text-align:center;box-shadow:var(--shadow);border-radius:22px;padding:1.1rem 1rem}.stat-value{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:1.35rem;font-weight:600;line-height:1.2}.stat-label{color:var(--muted);margin:.35rem 0 0;font-size:.75rem;font-weight:500}.md-editor,.md-preview,.md-textarea{margin-top:var(--space-3)}.md-editor{gap:var(--space-3);margin-top:0;display:grid}.segment{flex-wrap:wrap;gap:.5rem;display:flex}.md-textarea,.md-preview{border:1px solid var(--meadow-100);background:#fafaf7;border-radius:1rem;width:100%;min-height:16rem;padding:.85rem 1rem}.md{gap:.6rem;display:grid}.md-heading{margin:.25rem 0 0}.md-p,.md-list{margin:0}.timeline{gap:var(--space-3);display:grid}.timeline-item{gap:.35rem;display:grid}.timeline-item-header{align-items:center;gap:.65rem;min-width:0;display:flex}.timeline-item-header .card-kicker{flex-wrap:wrap;flex:1;min-width:0}.timeline-dot{background:var(--meadow-50);border:1px solid var(--meadow-100);border-radius:999px;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;font-size:1.05rem;line-height:1;display:grid}.note-block{margin-top:.6rem}.garden-main{text-align:center;background:radial-gradient(circle at 50% 18%, #d6e8b68c, transparent 42%), linear-gradient(180deg, #f7faef 0%, var(--card) 55%);padding:2.1rem 1.6rem 1.75rem;overflow:hidden}.garden-main h2{margin-top:var(--space-2);font-family:var(--font-display);letter-spacing:0;justify-content:center;align-items:center;gap:.4rem;font-weight:600;display:flex}.garden-main .stat-grid{margin-top:var(--space-4)}.growth-visual{justify-items:center;gap:.35rem;margin:.65rem auto 1.1rem;animation:.7s ease-out both growth-rise;display:grid}.growth-visual-lg .growth-svg{width:min(100%,180px);height:auto}.growth-visual-sm .growth-svg{width:96px;height:auto}.growth-stage-label{letter-spacing:.08em;text-transform:uppercase;color:var(--meadow-700);margin:0;font-size:.78rem;font-weight:600}.garden-side-card{text-align:center;background:linear-gradient(180deg, #f3f8ecb3 0%, var(--card) 50%);padding-top:1.25rem}.garden-side-card h3{margin-top:var(--space-1);justify-content:center;align-items:center;gap:.35rem;display:flex}@keyframes growth-rise{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.side-grid{gap:var(--space-4);margin-top:0;display:grid}.garden-sides{margin-top:var(--space-6)}.garden-sides .section-title{margin-bottom:0}.bottom-nav{inset-inline:0;z-index:40;padding:.75rem 1rem max(.75rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f5edeb;border-top:1px solid #e2efd3e6;gap:.75rem;display:grid;position:fixed;bottom:0}.brand-mark{display:none}.nav-tabs{grid-template-columns:repeat(4,1fr);gap:.55rem;width:100%;max-width:720px;margin:0 auto;display:grid}.nav-tab{min-height:3.4rem;color:var(--meadow-700);font-family:var(--font-ui);background:0 0;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.78rem;font-weight:600;transition:background .16s,color .16s,box-shadow .16s;display:flex}.nav-tab:hover{background:#7fb35a1f}.nav-tab.active{background:var(--meadow-600);color:#fff;box-shadow:var(--shadow)}.nav-tab.active:hover{background:var(--meadow-700)}.nav-icon{opacity:.88;flex-shrink:0;width:1.2rem;height:1.2rem;display:block}.nav-tab.active .nav-icon{opacity:1}.modal-backdrop{z-index:50;background:#1c281c59;place-items:end center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:var(--card);width:min(100%,480px);box-shadow:var(--shadow);border-radius:28px 28px 20px 20px;gap:.9rem;padding:1.35rem;display:grid}.modal-actions{justify-content:flex-end;gap:.6rem;display:flex}.hint-line{color:var(--muted);margin:.55rem 0 0;font-size:.82rem}.done-pill{min-height:1.45rem;color:var(--meadow-700);background:#4f8a3a24;border-radius:.55rem;align-items:center;margin-left:auto;padding:.1rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.done-banner{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);background:linear-gradient(135deg,#e2efd3bf,#fefdf8f2);border:1px solid #7fb35a73;border-radius:1.25rem;padding:1.1rem 1.25rem;animation:.5s ease-out both growth-rise;display:flex}.done-banner strong{display:block}.done-banner p{margin:.25rem 0 0}.action-completed{border-color:#7fb35aa6}.action-completed.action-main{background:linear-gradient(180deg, #e2efd38c 0%, var(--card) 48%)}.action-subdued{opacity:.78}.action-pending.is-loading h3{color:var(--meadow-700)}.skeleton-lines{gap:.45rem;margin-top:.85rem;display:grid}.skeleton-lines:before,.skeleton-lines:after{content:"";background:linear-gradient(90deg, var(--meadow-100), #f7f5ed, var(--meadow-100));background-size:200% 100%;border-radius:999px;height:.7rem;animation:1.2s linear infinite shimmer;display:block}.skeleton-lines:after{width:72%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.success-card{text-align:center;animation:.42s ease-out both growth-rise}.success-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.35rem 0 .25rem;display:grid}.success-stat{background:var(--meadow-50);border:1px solid var(--meadow-100);border-radius:1rem;padding:.85rem .6rem}.success-stat strong{font-family:var(--font-display);color:var(--meadow-700);font-size:1.55rem;font-weight:600;line-height:1.1;display:block}.success-stat span{color:var(--muted);margin-top:.3rem;font-size:.78rem;font-weight:500;display:block}.success-message{color:var(--ink);margin:.35rem 0 0}.success-actions{flex-wrap:wrap;justify-content:center}.empty-panel{background:#fefdf8b8;border:1px dashed #7fb35a8c;border-radius:1.5rem;justify-items:start;gap:.85rem;padding:1.4rem 1.35rem;display:grid}.empty-panel h3{font-family:var(--font-display);margin:0;font-weight:600}.garden-dayzero{max-width:26rem;color:var(--meadow-700);background:#f3f8ece6;border-radius:.9rem;margin:.9rem auto 0;padding:.7rem .95rem;font-size:.92rem;font-weight:600}.empty-visual{background:var(--meadow-50);border:1px solid var(--meadow-100);border-radius:999px;place-items:center;width:3.4rem;height:3.4rem;font-size:1.55rem;display:grid}.garden-main .progress{margin-top:var(--space-3)}.progress-empty>div{opacity:.45}.progress-caption{color:var(--meadow-700);letter-spacing:.04em;margin:.35rem 0 0;font-size:.78rem;font-weight:600}.stat-empty .stat-value{color:var(--meadow-700);font-size:1.05rem}.card.page-section>.inline-actions,.card .md-editor,.card .md-preview,.card .md-textarea,.md-editor .md-textarea,.md-editor .md-preview{margin-top:0}.level-block+.level-block{margin-top:var(--space-3)}@media (width>=1024px){.app-shell{width:min(100% - 2.5rem, var(--shell-max));grid-template-columns:var(--sidebar-width) minmax(0, 1fr);align-items:start;min-height:100vh;margin-inline:auto;display:grid}.page-shell{width:100%;max-width:none;padding:40px 36px 56px var(--content-gutter);margin:0}.page-stack{gap:var(--space-5)}.page-header{margin-bottom:var(--space-5)}.bottom-nav{top:0;align-content:start;gap:var(--space-4);background:linear-gradient(#fefdf8fa 0%,#f3f8eceb 100%);border-top:0;border-right:1px solid #c4d6aad9;width:auto;height:100vh;padding:1.6rem .85rem;position:sticky;inset:auto}.brand-mark{border-bottom:1px solid #e2efd3f2;gap:.35rem;padding:.35rem .9rem 1rem;display:grid}.brand-name{font-family:var(--font-display);letter-spacing:0;color:var(--meadow-700);margin:0;font-size:1.7rem;font-weight:600;line-height:1.15}.brand-tagline{font-family:var(--font-ui);color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.nav-tabs{grid-template-columns:1fr;gap:.2rem;max-width:none;margin-top:0;padding-inline:.15rem}.nav-tab{color:#263226c7;border-radius:.9rem;flex-direction:row;justify-content:flex-start;min-height:2.75rem;padding-inline:.9rem;font-size:.95rem;position:relative}.nav-tab:hover{color:var(--meadow-700);background:#7fb35a1a}.nav-tab.active{color:var(--meadow-700);box-shadow:none;background:#7fb35a29;font-weight:700}.nav-tab.active:hover{background:#7fb35a33}.nav-tab.active:before{content:"";background:var(--meadow-600);border-radius:999px;width:3px;position:absolute;top:22%;bottom:22%;left:.2rem}.nav-tab.active .nav-icon{opacity:1;color:var(--meadow-700)}.side-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.modal-backdrop{place-items:center}.modal-card{border-radius:28px}}