@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#24352e;background:#f7f5ef;font-synthesis:none;text-rendering:optimizeLegibility;--green:#244c3d;--muted:#8b948b;--line:#e9e7df;--cream:#fffefa;--rose:#d58c7c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 87% 1%,#eff0e6 0,transparent 27rem),#f7f5ef}.app-shell{width:min(1060px,calc(100% - 40px));margin:auto;padding:25px 0 22px}.topbar{height:46px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--green);font-size:14px;font-weight:700;letter-spacing:.01em}.brand-mark{width:30px;height:30px;border-radius:50%;background:#e7eee5;color:#41644f;display:grid;place-items:center;font-size:20px}.icon-button{border:1px solid #e9e7df;background:#fffefa;width:38px;height:38px;border-radius:50%;font-size:17px;color:#728076;cursor:pointer}.card{background:var(--cream);border:1px solid #efede6;border-radius:18px;box-shadow:0 5px 20px #3d49320a}.hero{position:relative;overflow:hidden;padding:31px 42px 25px;background:linear-gradient(110deg,#fffefa 0%,#fffefa 65%,#f3f3e9 100%)}.hero:after{content:'⌂';position:absolute;right:42px;top:10px;color:#e7ecdf;font-size:170px;line-height:1;font-family:'Playfair Display',serif;transform:rotate(-8deg);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#839186}.sparkle{color:#bd9670;font-size:13px;margin-right:5px}.hero h1{font:500 clamp(32px,5vw,45px)/1.13 'Playfair Display',serif;letter-spacing:-.03em;margin:16px 0 8px;color:#274536;position:relative;z-index:1}.hero h1 em{color:#cc897a}.hero-copy{font-size:13px;color:#7b857b;margin:0 0 28px;max-width:440px}.progress-heading{display:flex;justify-content:space-between;color:#66746a;font-size:11px;margin-bottom:8px;max-width:630px}.progress-heading span:last-child{color:#9a8877}.progress-track{height:9px;border-radius:9px;background:#eeeee6;max-width:630px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#81977c,#d49a83);border-radius:9px;transition:width .45s ease}.amount-row{display:flex;align-items:baseline;gap:9px;margin-top:15px;position:relative;z-index:1}.amount-row strong{font:600 34px 'Playfair Display',serif;color:#294a39}.amount-row span{font-size:12px;color:#9a9d94}.amount-row b{font-weight:600;color:#737d72}.goal-foot{margin-top:5px;display:flex;justify-content:space-between;max-width:630px;color:#879087;font-size:10px}.goal-foot>span:first-child{display:flex;align-items:center;gap:7px}.dot{height:6px;width:6px;background:#86a082;border-radius:50%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:14px 0}.stat-card{border:1px solid #efede6;background:#fffefa;border-radius:14px;padding:15px 17px;min-height:92px;position:relative}.stat-icon{position:absolute;right:16px;top:15px;color:#ce9480;font-size:18px}.stat-label{display:block;color:#899188;font-size:10px;margin-bottom:7px}.stat-card strong{font:600 22px 'Playfair Display',serif;color:#314d3e}.stat-card strong small{font:500 11px 'DM Sans',sans-serif;color:#98a095}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{padding:20px 22px 17px;min-height:242px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2,.dialog h2{font:500 22px 'Playfair Display',serif;margin:5px 0 0;color:#2b4839}.heading-flower{font-size:22px;color:#d2b195}.milestones{display:grid;grid-template-columns:1fr 1fr;gap:10px}.milestone{display:flex;align-items:center;gap:9px;min-height:43px}.milestone-icon{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f3f2e9;color:#9a9f8d;font-size:14px}.milestone.done .milestone-icon{background:#e8eee3;color:#547350}.milestone-text{min-width:0}.milestone-text strong{display:block;font-size:10px;font-weight:600;color:#606f63;white-space:nowrap}.milestone-text span{display:block;font-size:9px;color:#a0a49b;margin-top:3px}.activity-list{min-height:119px}.activity-item{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #f0efe9}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f5e9e2;color:#bb8274;font-family:'Playfair Display',serif;font-size:13px}.activity-content{flex:1;min-width:0}.activity-content strong{display:block;font-size:10px;font-weight:600;color:#5d6d61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-content span{display:block;font-size:9px;color:#a2a49d;margin-top:3px}.activity-amount{font:600 14px 'Playfair Display',serif;color:#46684e}.empty-state{font-size:11px;line-height:1.6;color:#939b91;padding:15px 0}.text-button{border:0;background:none;color:#bd8274;font-size:10px;cursor:pointer}.add-button{width:100%;margin-top:11px;border:1px dashed #d8dfd3;background:#f9faf5;border-radius:10px;padding:9px;color:#59745d;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.add-button span{font-size:14px;vertical-align:-1px;margin-right:4px}footer{text-align:center;color:#9b9d93;font-size:10px;padding:19px 0 0}footer span{color:#c8857b}.dialog{width:min(420px,calc(100% - 30px));padding:27px;border:1px solid #eeece4;border-radius:18px;background:#fffefa;color:#24352e;box-shadow:0 22px 80px #1e362b33}.dialog::backdrop{background:#20372b66;backdrop-filter:blur(3px)}.dialog form{display:flex;flex-direction:column;gap:13px}.dialog h2{margin-bottom:3px}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:25px;color:#8a9388;cursor:pointer}.dialog label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;color:#647267;margin-top:2px}.dialog input,.dialog select{border:1px solid #e6e7df;border-radius:9px;padding:11px 12px;background:#fffefa;font:13px 'DM Sans',sans-serif;color:#34463a;outline-color:#91a58b}.field-hint{display:inline;color:#9da299;font-weight:400}.dialog-copy{font-size:12px;line-height:1.5;color:#828c81;margin:0 0 4px}.primary-button,.secondary-button{border:0;border-radius:10px;padding:12px;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.primary-button{background:#315943;color:white;margin-top:5px}.secondary-button{background:#f0f2eb;color:#586f5a}.dialog[open]{animation:appear .18s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.app-shell{width:min(100% - 26px,520px);padding-top:15px}.hero{padding:25px 21px 20px}.hero:after{right:7px;top:33px;font-size:120px;opacity:.7}.hero h1{font-size:34px;max-width:290px}.hero-copy{max-width:280px;line-height:1.6}.stats-grid{gap:7px}.stat-card{padding:12px 11px;min-height:83px}.stat-label{font-size:9px;max-width:90px;line-height:1.35}.stat-icon{right:10px;top:10px;font-size:15px}.stat-card strong{font-size:19px}.lower-grid{grid-template-columns:1fr}.panel{padding:18px 18px 16px;min-height:0}.milestones{gap:9px}.activity-list{min-height:40px}}@media(max-width:380px){.milestones{grid-template-columns:1fr}.hero h1{font-size:31px}}