@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#faf4ec;--bg-card:#fdfaf4;--bg-sunk:#f2eae1;--bg-paper:#faf0e5;--ink:#211912;--ink-soft:#4b4038;--ink-mute:#797067;--ink-faint:#aba39b;--line:#ded6cd;--line-soft:#eae3dc;--sage:#6e916e;--sage-soft:#c8dfc8;--sage-deep:#385638;--clay:#b37458;--clay-soft:#f2cfc0;--clay-deep:#713e26;--sand:#ccb48c;--sand-soft:#efe3cf;--plum:#784e6a;--plum-soft:#e8cfdf;--success:#578861;--warning:#c08d50;--danger:#b54c3d;--radius-sm:8px;--radius:14px;--radius-lg:22px;--radius-xl:32px;--shadow-sm:0 1px 2px #362c240a, 0 2px 6px #362c2408;--shadow:0 2px 8px #362c240d, 0 8px 24px #362c240a;--shadow-lg:0 4px 16px #362c240f, 0 20px 60px #362c240f;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}@supports (color:lab(0% 0 0)){:root{--bg:lab(96.54% 1.0497 4.44846);--bg-card:lab(98.2832% .458986 3.0148);--bg-sunk:lab(93.0467% 1.74928 5.42352);--bg-paper:lab(95.3672% 2.11295 6.51774);--ink:lab(9.47144% 3.33103 5.92357);--ink-soft:lab(28.0331% 3.57039 6.80848);--ink-mute:lab(47.7828% 2.66665 6.33768);--ink-faint:lab(67.5256% 1.76948 5.43743);--line:lab(86.0864% 1.75381 5.42659);--line-soft:lab(90.7258% 1.38968 4.33235);--sage:lab(56.7478% -18.1718 14.4114);--sage-soft:lab(86.6026% -11.1775 8.71877);--sage-deep:lab(33.472% -16.7862 13.4765);--clay:lab(55.3525% 23.2531 26.529);--clay-soft:lab(85.8298% 11.0232 12.4938);--clay-deep:lab(32.188% 21.1215 24.6109);--sand:lab(74.5887% 4.6055 23.6107);--sand-soft:lab(90.7951% 1.93399 11.4568);--plum:lab(38.7036% 21.8732 -8.76491);--plum-soft:lab(85.6004% 11.1057 -4.42835);--success:lab(52.3147% -23.8973 15.481);--warning:lab(62.7419% 14.961 40.2487);--danger:lab(46.5054% 42.907 30.8728);--shadow-sm:0 1px 2px lab(18.7497% 3.63408 6.86861/.04), 0 2px 6px lab(18.7497% 3.63408 6.86861/.03);--shadow:0 2px 8px lab(18.7497% 3.63408 6.86861/.05), 0 8px 24px lab(18.7497% 3.63408 6.86861/.04);--shadow-lg:0 4px 16px lab(18.7497% 3.63408 6.86861/.06), 0 20px 60px lab(18.7497% 3.63408 6.86861/.06)}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:15px;line-height:1.55}#root{min-height:100vh}.serif{font-family:var(--font-display);letter-spacing:-.01em;font-weight:400}.mono{font-family:var(--font-mono)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-weight:400;line-height:1.1}h1{font-size:56px}h2{font-size:40px}h3{font-size:28px}h4{font-size:22px}p{margin:0}a{color:inherit}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.app.dense{font-size:14px}.app.mobile-preview{grid-template-columns:1fr}.sidebar{background:var(--bg-paper);border-right:1px solid var(--line);flex-direction:column;gap:26px;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:baseline;gap:10px;display:flex}.brand-mark{background:radial-gradient(circle at 35% 35%, var(--sage-soft), var(--sage-deep) 85%);border-radius:50%;align-self:center;width:28px;height:28px;position:relative}.brand-mark:after{content:"";background:radial-gradient(circle at 40% 40%, var(--bg-card), transparent 60%);border-radius:50%;position:absolute;inset:6px}.brand-name{font-family:var(--font-display);font-size:26px}.brand-sub{color:var(--ink-mute);letter-spacing:.08em;text-transform:uppercase;align-self:center;margin-left:auto;font-size:11px}.nav-section-label{letter-spacing:.12em;color:var(--ink-mute);text-transform:uppercase;margin:8px 10px 6px;font-size:10px;font-weight:500}.nav-item{color:var(--ink-soft);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--bg-sunk);color:var(--ink)}.nav-item.active{background:var(--sage-soft);color:var(--sage-deep)}.nav-item .nav-ico{opacity:.85;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.user-pill{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--line-soft);align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.avatar{background:linear-gradient(135deg, var(--clay-soft), var(--sand));width:32px;height:32px;color:var(--clay-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.user-pill-name{font-size:13px;font-weight:500;line-height:1.2}.user-pill-sub{color:var(--ink-mute);font-size:11px}.main{max-width:1280px;padding:40px 56px 80px}.app.dense .main{padding:28px 36px 60px}.page-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;padding-bottom:24px;display:flex}.page-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:12px;font-size:11px;font-weight:500}.page-title{font-size:44px}.page-sub{color:var(--ink-soft);max-width:520px;margin-top:10px}.card{background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px}.card-padless{padding:0;overflow:hidden}.card-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px;font-size:11px;font-weight:500}.btn{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:500;transition:transform .1s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--bg-card)}.btn-primary:hover{box-shadow:var(--shadow);background:#180f09;background:lab(5.22211% 3.00353 4.35658);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-sage{background:var(--sage-deep);color:var(--bg-card)}.btn-sage:hover{background:#234725;background:lab(26.6188% -19.6144 16.0548)}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:var(--bg-sunk);color:var(--ink)}.btn-lg{padding:16px 30px;font-size:15px}.btn-sm{padding:8px 14px;font-size:13px}.chip{background:var(--bg-sunk);color:var(--ink-soft);border:1px solid var(--line-soft);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.chip-sage{background:var(--sage-soft);color:var(--sage-deep);border-color:#0000}.chip-clay{background:var(--clay-soft);color:var(--clay-deep);border-color:#0000}.chip-sand{background:var(--sand-soft);color:#67522d;color:lab(36.2583% 5.483 24.9447);border-color:#0000}.chip-plum{background:var(--plum-soft);color:var(--plum);border-color:#0000}.divider{background:var(--line-soft);border:0;height:1px;margin:20px 0}.field-label{color:var(--ink-soft);letter-spacing:.02em;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.input,.textarea,.select{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);padding:12px 14px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;min-height:120px;line-height:1.6}.input:focus,.textarea:focus,.select:focus{border-color:var(--sage);box-shadow:0 0 0 4px var(--sage-soft);outline:none}.scale{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;display:grid}.scale-btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);color:var(--ink-soft);text-align:center;padding:14px 8px;font-size:13px;font-weight:500;line-height:1.3;transition:all .15s}.scale-btn:hover{border-color:var(--sage);color:var(--ink)}.scale-btn.selected{background:var(--sage-soft);color:var(--sage-deep);border-color:var(--sage)}.progress{background:var(--bg-sunk);border-radius:999px;height:4px;overflow:hidden}.progress-fill{background:var(--sage-deep);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.2,.7,.2,1)}.onboarding-shell{background:radial-gradient(ellipse 900px 600px at 15% 10%, #f8e9d2, transparent 60%), radial-gradient(ellipse 800px 500px at 85% 90%, #ddf2dd, transparent 55%), var(--bg);flex-direction:column;min-height:100vh;display:flex}@supports (color:lab(0% 0 0)){.onboarding-shell{background:radial-gradient(ellipse 900px 600px at 15% 10%, lab(93.1251% 2.30238 13.4029), transparent 60%), radial-gradient(ellipse 800px 500px at 85% 90%, lab(93.4989% -9.78026 7.61298), transparent 55%), var(--bg)}}.onboarding-top{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:28px 40px;display:flex}.onboarding-body{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.onboarding-card{background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius-xl);width:100%;max-width:720px;box-shadow:var(--shadow);padding:56px 64px}.garden-container{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.trail{padding:40px 0;position:relative}.trail-stage{grid-template-columns:220px 1fr;gap:28px;padding:24px 0;display:grid;position:relative}.trail-stage-marker{position:relative}.trail-node{background:var(--bg-card);border:2px solid var(--line);width:40px;height:40px;font-family:var(--font-display);z-index:2;border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:18px;display:flex;position:relative}.trail-node.done{background:var(--sage-deep);color:var(--bg-card);border-color:var(--sage-deep)}.trail-node.active{background:var(--clay);color:var(--bg-card);border-color:var(--clay);box-shadow:0 0 0 6px var(--clay-soft)}.trail-node.locked{background:var(--bg-sunk);color:var(--ink-faint)}.row{align-items:center;gap:12px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:28px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:28px}.mt-xl{margin-top:40px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:28px}.text-mute{color:var(--ink-mute)}.text-soft{color:var(--ink-soft)}.text-center{text-align:center}.text-sm{font-size:13px}.text-xs{font-size:12px}.tweaks-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-lg);z-index:100;padding:18px;font-size:13px;position:fixed;bottom:20px;right:20px}.tweaks-title{font-family:var(--font-display);margin-bottom:4px;font-size:20px}.tweaks-row{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.tweaks-row:first-of-type{border-top:none}.tweaks-btn-group{gap:4px;display:flex}.tweaks-btn{background:var(--bg-sunk);color:var(--ink-soft);border:1px solid var(--line-soft);border-radius:6px;padding:4px 9px;font-size:12px;transition:all .12s}.tweaks-btn.active{background:var(--ink);color:var(--bg-card);border-color:var(--ink)}.theme-sage{--accent:var(--sage);--accent-soft:var(--sage-soft);--accent-deep:var(--sage-deep)}.theme-clay{--accent:var(--clay);--accent-soft:var(--clay-soft);--accent-deep:var(--clay-deep)}.theme-plum{--accent:var(--plum);--accent-soft:var(--plum-soft);--accent-deep:var(--plum)}@keyframes gentleBreathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.breathe{animation:6s ease-in-out infinite gentleBreathe}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.5s ease-out both fadeUp}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}