:root{--bg:#fff8ef;--surface:#ffffff;--ink:#24312b;--muted:#738078;--line:#eadfd3;--brand:#ef7d57;--brand-2:#ffb65f;--soft:#fff1e8;--ai:#f3efff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:linear-gradient(180deg,var(--bg),#fffdf9);font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:0 16px 110px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 0;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{font-weight:950;font-size:22px}.kicker,.muted,.note{color:var(--muted)}.kicker,.note{font-size:12px}.hero{padding:16px 0 5px}h1{margin:8px 0 10px;font-size:clamp(30px,8vw,40px);line-height:1.05;letter-spacing:-1px}h2{margin:0 0 10px;font-size:21px}p{line-height:1.55}.card{margin:12px 0;padding:17px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 14px 34px rgba(77,61,43,.08)}.aiCard{background:linear-gradient(135deg,var(--ai),#eef8ff)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.metric{padding:14px;border:1px solid var(--line);border-radius:17px;background:#fbf8f4}.metric strong{display:block;font-size:25px}.pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f7efe7;font-size:12px;font-weight:850}.btn{min-height:46px;padding:12px 15px;border:0;border-radius:15px;font-weight:900}.primary{color:white;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.secondary{color:#46524c;background:#f6eee6}.block{width:100%}label{display:block;margin:12px 0 6px;font-size:13px;font-weight:850}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #dfd4c8;border-radius:14px;background:white;color:var(--ink)}textarea{min-height:96px;resize:vertical}.progress{height:9px;border-radius:999px;overflow:hidden;background:#efe5da}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.moment{padding:13px 0;border-bottom:1px solid #f0e6dc}.moment:last-child{border-bottom:0}.momentActions{display:flex;gap:8px;margin-top:8px}.iconBtn{border:0;border-radius:10px;padding:7px 9px;background:#f7efe7}.bottomNav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,520px);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30}.navBtn{border:0;background:none;color:#7a857f;font-size:11px;font-weight:850;padding:6px}.navBtn span{display:block;font-size:20px;margin-bottom:2px}.navBtn.active{color:var(--brand)}.fab{right:max(18px,calc((100vw - 520px)/2 + 18px));bottom:84px;width:58px;height:58px;border:0;border-radius:19px;color:white;font-size:30px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 15px 28px rgba(239,125,87,.3);z-index:25}.fab,.modal{position:fixed}.modal{inset:0;z-index:50;display:grid;place-items:end center;padding-top:10vh;background:rgba(42,37,32,.42)}.sheet{width:min(100%,520px);max-height:90vh;overflow:auto;padding:20px 18px 28px;border-radius:28px 28px 0 0;background:#fffdf9}.plan{position:relative;margin:10px 0;padding:15px;border:2px solid var(--line);border-radius:20px}.best{border-color:var(--brand);background:#fff8f2}.price{font-size:28px;font-weight:950}.empty{padding:28px 8px;text-align:center}.danger{color:#a4463a}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.tab{white-space:nowrap;border:0;border-radius:999px;padding:8px 11px;background:#f7efe7;font-weight:850}.tab.active{background:var(--ink);color:white}