:root{font-family:Inter,system-ui,sans-serif;color:#24231f;background:#f3efe5}*{box-sizing:border-box}body{margin:0;background:#f3efe5}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;background:radial-gradient(circle at 90% 0,#aab58a26,transparent 30rem),#f3efe5}.page{max-width:900px;margin:auto;padding:22px 18px 105px;display:grid;gap:18px}.topbar{display:none}.hero{padding:45px 2px 18px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.18em;color:#73785e;text-transform:uppercase}.hero h1,.title h1{letter-spacing:-.06em;line-height:.95}.hero h1{font-size:clamp(45px,11vw,82px);margin:10px 0}.hero h1 i{font-weight:400;color:#777}.hero p{color:#777;line-height:1.6;max-width:560px}.title{display:flex;justify-content:space-between;align-items:end;padding:28px 0 8px}.title h1{font-size:clamp(30px,8vw,54px);margin:7px 0}.feature,.quick button,.row,.goal,.expense,.empty,.stat,.settingrow{background:#fffdf7;border:1px solid #28271d12;border-radius:20px;box-shadow:0 16px 50px #302d2209}.feature{width:100%;padding:21px;display:flex;justify-content:space-between;text-align:left}.feature h2{margin:8px 0}.feature p,.row small,.expense small,.goal small{color:#817d73}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick button{min-height:125px;padding:18px;text-align:left;display:grid;align-content:end;gap:7px;color:#68745a}.quick b{color:#292820}.list{display:grid;gap:10px}.row{padding:17px;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;border:1px solid #28271d12}.row div{display:grid;gap:5px}.row b{font-size:17px}.tag{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#72785e}.stat{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.expense{padding:16px;display:flex;justify-content:space-between}.expense>div{display:grid;gap:5px}.expense b{font-size:18px}.actions{display:flex;gap:5px}.actions button,.title>button,.row>button{border:0;background:#f0ede4;border-radius:12px;min-width:38px;min-height:38px;display:grid;place-items:center}.goal{padding:18px;display:grid;gap:9px}.bar{height:8px;background:#e5e1d7;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:#75805e}.goal button,.primary{width:max-content;border:0;background:#68745a;color:#fff;border-radius:11px;padding:10px 13px;font-weight:700}.empty{padding:35px;text-align:center;color:#777}.empty small{display:block;line-height:1.6;margin-top:8px}.settings{display:grid;gap:10px}.nav{position:fixed;z-index:50;bottom:12px;left:50%;transform:translate(-50%);width:min(calc(100% - 24px),620px);padding:7px;display:grid;grid-template-columns:repeat(5,1fr);background:#fffdf7ee;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #28271d16;border-radius:22px;box-shadow:0 18px 55px #26231920}.nav button{border:0;background:transparent;min-height:52px;border-radius:15px;color:#898477;display:grid;place-items:center;gap:2px}.nav button.active{color:#59634b;background:#68745a16}.nav small{font-size:8px;font-weight:800}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#17171377;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:end;justify-content:center}.modalbox{width:min(100%,680px);max-height:92vh;overflow:auto;background:#f3efe5;border-radius:28px 28px 0 0;padding:22px;display:grid;gap:12px}.modalbox header{display:flex;justify-content:space-between}.modalbox header button{border:0;background:none}.modalbox label{display:grid;gap:6px;font-size:12px;color:#716d62}.modalbox input,.modalbox select,.modalbox textarea{border:1px solid #28271d17;background:#fffdf7;border-radius:12px;padding:12px}.modalbox textarea{min-height:90px}.splash{min-height:100vh;background:#171713;color:#f3efe5;display:grid;place-items:center;text-align:center}.splash strong{display:block;font-size:60px;letter-spacing:-.07em}.splash small{display:block;color:#aaa;margin-top:10px}@media(min-width:700px){.page{padding-top:50px}.quick{grid-template-columns:repeat(4,1fr)}.modal{align-items:center}.modalbox{border-radius:28px}}