:root{--cream:#F4EDE3;--paper:#FFF9F2;--ink:#2D211A;--orange:#C85B3B;--line:#DECDBB;--muted:#8B7A6E;--green:#78966f;--red:#C65B56;--shadow:0 18px 45px rgba(58,37,24,.08);--font:'Hanken Grotesk',sans-serif;--mono:'Space Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.top{position:sticky;top:0;z-index:20;background:rgba(244,237,227,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topin{max-width:1180px;margin:auto;padding:14px clamp(18px,4vw,34px);display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.12rem}.mark{width:32px;height:32px;border-radius:12px;background:var(--orange);display:grid;place-items:center;color:#fff;font-family:var(--mono);transform:rotate(-4deg);box-shadow:0 6px 0 rgba(45,33,26,.12)}.actions{display:flex;gap:8px;align-items:center}.pill,.btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;padding:.72rem .95rem;font-weight:800}.pill{border-radius:999px;padding:.58rem .85rem}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn:hover,.pill:hover{transform:translateY(-1px)}.main{max-width:1180px;margin:auto;padding:clamp(24px,5vw,56px) clamp(18px,4vw,34px) 64px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:18px}.card,.hero-copy,.pet-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.hero-copy{padding:clamp(24px,4vw,42px)}.eyebrow{font:700 .72rem var(--mono);color:var(--orange);text-transform:uppercase;letter-spacing:.1em}h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:.98;letter-spacing:-.05em;margin:.65rem 0 1rem;max-width:10ch}.hero-copy p,.muted{color:var(--muted)}.hero-copy p{line-height:1.6;max-width:48ch}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.pet-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;min-height:310px}.pet{width:165px;height:145px;border-radius:46% 54% 48% 52%/58% 52% 48% 42%;background:var(--orange);display:grid;place-items:center;position:relative;animation:float 4s ease-in-out infinite;box-shadow:inset -10px -10px rgba(91,43,31,.08),0 18px 30px rgba(200,91,59,.18)}.face{font:700 2rem var(--mono)}.feet{position:absolute;bottom:-9px;left:28px;right:28px;display:flex;justify-content:space-between}.feet i{width:34px;height:20px;background:var(--orange);border-radius:50%}.pet-note{font:700 1rem var(--mono);margin:20px 0 4px}.pet-sub{color:var(--muted);font-size:.9rem;max-width:28ch}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{padding:20px}.metric{grid-column:span 3}.metric small,.tiny,.streak-card small{font:700 .73rem var(--mono);color:var(--muted)}.metric strong{display:block;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.04em;margin:8px 0}.goal{grid-column:span 5}.breakdown{grid-column:span 7}.transactions{grid-column:span 7}.quick{grid-column:span 5}.title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.title h2{font-size:1.05rem;margin:0}.progress,.barbg{height:11px;background:#eadfd2;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--orange);border-radius:99px}.save-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.bars,.list,.form,.goals-list{display:grid;gap:10px}.bar{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;font-size:.85rem}.barbg i{display:block;height:100%;background:var(--ink);border-radius:99px}.txn{display:grid;grid-template-columns:40px 1fr auto auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:14px}.txnicon{width:40px;height:40px;background:var(--cream);border-radius:12px;display:grid;place-items:center}.txnname{font-weight:800}.txnmeta{font-size:.76rem;color:var(--muted)}.amount{font:700 .8rem var(--mono)}.expense{color:var(--red)}.income{color:var(--green)}.saving{color:var(--orange)}.entry-menu{display:flex;gap:4px}.iconbtn{border:0;background:transparent;color:var(--muted);padding:6px;border-radius:9px;font-weight:800}.iconbtn:hover{background:var(--cream);color:var(--ink)}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:5px}.field label{font-size:.76rem;font-weight:700;color:var(--muted)}.field input,.field select,.save-row input{width:100%;border:1px solid var(--line);background:#fffdfa;border-radius:12px;padding:.76rem .85rem;outline:none}.field input:focus,.field select:focus,.save-row input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(200,91,59,.08)}.empty{padding:16px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center;font-size:.9rem}.modalbg{position:fixed;inset:0;z-index:50;background:rgba(45,33,26,.36);display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:92vh;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 30px 90px rgba(45,33,26,.25)}.modal h2{margin:.2rem 0 .5rem}.modal p{color:var(--muted);line-height:1.5}.auth-tabs{display:flex;gap:7px;margin:16px 0}.auth-tabs button.active{background:var(--ink);color:#fff}.onstep{display:none}.onstep.active{display:block}.dots{display:flex;gap:5px;margin-bottom:16px}.dots i{width:28px;height:5px;border-radius:99px;background:var(--line)}.dots i.on{background:var(--orange)}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.check{border:1px solid var(--line);border-radius:13px;padding:10px;background:#fffdfa}.check input{margin-right:7px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.chip{border:1px solid var(--line);border-radius:999px;padding:.45rem .65rem;font-size:.78rem}.toast{position:fixed;z-index:80;right:18px;bottom:18px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:14px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.loading{position:fixed;inset:0;z-index:100;background:var(--cream);display:grid;place-items:center;font:700 .85rem var(--mono);color:var(--orange)}.streak-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.streak-flame{width:48px;height:48px;border-radius:16px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:1.35rem;transform:rotate(-3deg)}.streak-card strong{display:block;font-size:1.35rem;margin:3px 0}.pie-wrap{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;margin:4px 0 22px}.pie{width:170px;aspect-ratio:1;border-radius:50%;position:relative}.pie:after{content:'';position:absolute;inset:35%;border-radius:50%;background:var(--paper)}.pie-legend{display:grid;gap:8px}.pie-legend div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:.8rem}.pie-legend i{width:9px;height:9px;border-radius:50%}.goal-item{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fffdfa}.goal-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:10px}.goal-head strong{font-size:1.05rem}.goal-done{background:linear-gradient(135deg,#fffdfa,#f7ead7);border-color:#d6a55d}.achievement-chip{display:inline-block;margin-top:10px;padding:6px 9px;border-radius:999px;background:#efe0bd;font:700 .68rem var(--mono)}.achievement{text-align:center;overflow:hidden}.achievement .confetti{font-size:2rem;letter-spacing:.35em;color:var(--orange);animation:pop .7s ease both}.achievement-face{width:110px;height:96px;border-radius:48% 52% 45% 55%;background:var(--orange);display:grid;place-items:center;margin:18px auto;color:var(--ink);font:700 1.5rem var(--mono);animation:pop .5s .1s ease both}
/* guest welcome */.welcome{min-height:100vh;background:var(--cream)}.welcome-nav{height:72px;max-width:1240px;margin:auto;padding:0 clamp(18px,4vw,42px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.welcome-tag{font:400 .66rem var(--mono);color:var(--muted);margin-left:4px}.welcome-main{max-width:1240px;margin:auto;padding:0 clamp(18px,4vw,42px)}.welcome-hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(30px,7vw,90px);padding:70px 0 90px}.welcome-copy h1{max-width:12ch;font-size:clamp(3.5rem,7.5vw,7rem);margin:.55rem 0 1.4rem;line-height:.88}.welcome-copy h1 em{font-weight:500;color:var(--orange);font-style:normal}.welcome-copy>p{font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7;color:var(--muted);max-width:56ch}.welcome-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.welcome-note{font:400 .68rem var(--mono);color:var(--muted);margin-top:14px}.welcome-oopsy{min-height:470px;background:var(--paper);border:1px solid var(--line);border-radius:38px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;box-shadow:var(--shadow);transform:rotate(1deg)}.welcome-pet{width:220px;height:195px}.welcome-pet .face{font-size:2.5rem}.welcome-bubble{position:absolute;top:45px;right:28px;max-width:190px;background:var(--ink);color:#fff;border-radius:18px 18px 5px 18px;padding:12px 15px;font:700 .72rem/1.45 var(--mono);transform:rotate(3deg)}.welcome-features{padding:110px 0}.welcome-section-head{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;margin-bottom:38px}.welcome-section-head h2,.welcome-philosophy h2,.welcome-final h2{font-size:clamp(2rem,4.5vw,4rem);letter-spacing:-.05em;line-height:1;margin:0;max-width:14ch}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{min-height:390px;background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden}.feature-card>span{font:700 .65rem var(--mono);color:var(--muted)}.feature-card h3{font-size:1.45rem;margin:18px 0 8px}.feature-card p{color:var(--muted);line-height:1.55;margin:0}.feature-icon{font:700 2rem var(--mono);margin-top:35px}.feature-orange{background:var(--orange);color:var(--ink);border-color:var(--orange)}.feature-orange p,.feature-orange>span{color:#4f3026}.mini-chart{margin-top:auto;height:70px;display:flex;align-items:flex-end;gap:7px}.mini-chart i{display:block;flex:1;background:var(--ink);border-radius:8px 8px 3px 3px}.mini-chart i:nth-child(1){height:45%}.mini-chart i:nth-child(2){height:82%}.mini-chart i:nth-child(3){height:62%}.mini-chart i:nth-child(4){height:100%}.fake-goal{margin-top:auto;border:1px solid var(--line);border-radius:15px;padding:13px;display:grid;gap:7px;position:relative}.fake-goal small{font:400 .65rem var(--mono);color:var(--muted)}.fake-goal>div{height:8px;background:var(--cream);border-radius:99px;overflow:hidden}.fake-goal>div i{display:block;width:68%;height:100%;background:var(--orange)}.fake-goal em{position:absolute;right:13px;top:13px;font:700 .7rem var(--mono);font-style:normal}.fake-streak{margin-top:auto;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:15px;padding:13px}.fake-streak>b{font-size:3.5rem;line-height:1;color:var(--orange)}.fake-streak strong,.fake-streak small{display:block}.fake-streak small{font:400 .65rem var(--mono);color:var(--muted);margin-top:3px}.welcome-philosophy{margin:80px 0 120px;padding:clamp(32px,6vw,70px);border-radius:35px;background:var(--ink);color:var(--cream);display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:60px}.welcome-philosophy p{max-width:58ch;line-height:1.7;color:#cfc0b5;font-size:1.05rem}.welcome-big-oopsy{display:grid;place-items:center}.welcome-big-oopsy .pet{width:210px;height:185px}.welcome-final{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:35px;padding:clamp(50px,8vw,100px) 24px}.welcome-final h2{max-width:16ch;margin:10px auto 18px}.welcome-final>p{color:var(--muted);max-width:52ch;margin:auto;line-height:1.6}.welcome-actions.center{justify-content:center}.welcome-footer{padding:38px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font:400 .65rem var(--mono)}
@keyframes float{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes pop{0%{transform:scale(.6) rotate(-5deg);opacity:0}70%{transform:scale(1.08) rotate(2deg)}100%{transform:none;opacity:1}}@media(max-width:900px){.hero{grid-template-columns:1fr}.metric{grid-column:span 6}.goal,.breakdown,.transactions,.quick{grid-column:1/-1}.welcome-hero{grid-template-columns:1fr;padding-top:55px}.welcome-oopsy{min-height:390px}.welcome-section-head{grid-template-columns:1fr;gap:12px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:320px}.welcome-philosophy{grid-template-columns:1fr;text-align:center}.welcome-philosophy h2{margin:auto}.welcome-philosophy p{margin:18px auto 0}}@media(max-width:620px){.main{padding:20px 14px 44px}.topin{padding:12px 15px}.actions .hide-mobile{display:none}.metric{grid-column:1/-1}.row{grid-template-columns:1fr}.bar{grid-template-columns:88px 1fr auto;font-size:.76rem}.checks{grid-template-columns:1fr}.hero-copy{padding:22px}h1{font-size:2.7rem}.txn{grid-template-columns:36px 1fr auto;position:relative;padding-right:38px}.txnicon{width:36px;height:36px}.amount{font-size:.7rem}.entry-menu{position:absolute;right:7px;top:7px;flex-direction:column}.iconbtn{padding:4px}.save-row{grid-template-columns:1fr auto}.streak-card{grid-template-columns:auto 1fr}.streak-card .pill{grid-column:1/-1}.pie-wrap{grid-template-columns:1fr}.pie{margin:auto}.welcome-nav{height:64px}.welcome-tag{display:none}.welcome-nav .pill{font-size:.72rem}.welcome-main{padding:0 14px}.welcome-hero{min-height:auto;padding:60px 0 75px;gap:45px}.welcome-copy h1{font-size:clamp(3.3rem,16vw,5rem)}.welcome-oopsy{min-height:350px;border-radius:28px}.welcome-pet{width:170px;height:150px}.welcome-bubble{top:25px;right:16px;max-width:160px;font-size:.63rem}.welcome-features{padding:75px 0}.welcome-philosophy{margin:30px 0 75px;padding:45px 22px;gap:35px}.welcome-big-oopsy .pet{width:160px;height:140px}.welcome-final{border-radius:26px;padding:60px 20px}.welcome-footer{align-items:flex-start;flex-direction:column}.welcome-footer>span{line-height:1.5}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}