:root{color:#263b38;background:#f7f3e8;font-family:sans-serif}body{margin:0}button,input{font:inherit}.app-shell{color:#263b38;background:#f7f3e8;max-width:480px;min-height:100vh;margin:auto;padding:0 20px 90px}.muted,.character-copy{color:#687971;line-height:1.7}.breakdown,.expense-list{margin-top:12px}.breakdown p,.small-row{border-bottom:1px solid #e1dccf;justify-content:space-between;margin:0;padding:11px 0;display:flex}.expense-list article{border-bottom:1px solid #e1dccf;align-items:center;display:flex}.expense-main{text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.expense-main small{color:#7d877e;margin-top:3px;display:block}.delete-button{color:#a56950;background:0 0;border:0;font-size:12px}.date-field,.form-card label{color:#526555;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:14px;display:flex}.date-field input,.form-card input,.inline-form input{background:#fffdf7;border:1px solid #d9d4c5;border-radius:10px;min-width:0;padding:10px}.form-card{text-align:left;background:#fbf9f0;border:1px solid #ded8c8;border-radius:18px;margin-top:22px;padding:18px}.form-card h2{margin-top:0}.inline-form{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inline-form button,.form-card>button{color:#263b38;background:#dae1cf;border:0;border-radius:10px;padding:10px;font-weight:700}.difference{color:#6a511d;background:#f4dfaa;border-radius:10px;padding:10px}.forecast{text-align:left;background:#cfd9c5;border-radius:18px;margin-top:22px;padding:18px}.forecast p{justify-content:space-between;display:flex}.gain{color:#ad5d34}.loss{color:#4d7590}.file-input{margin-top:12px;display:block}.file-input input{margin-top:8px;display:block}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.topbar{justify-content:space-between;align-items:center;height:72px;display:flex}.wordmark,.profile-button,.tabbar button,.ghost-button{background:0 0;border:0}.wordmark{font:700 25px Georgia}.wordmark span,h1 strong{color:#d1901d}.profile-button{background:#dae1cf;border-radius:50%;width:32px;height:32px}.eyebrow{color:#708077;font-size:13px;font-weight:700}h1{font:36px/1.25 Georgia,serif}.hero-card{background:#e0b345;border-radius:24px;padding:23px;box-shadow:0 9px #c9952d}.hero-card p,.hero-card span,.summary-grid p,.summary-grid span{margin:0;font-size:12px}.hero-card strong{font:38px Georgia;display:block}.summary-grid,.quick-grid{grid-template-columns:1fr 1fr;gap:10px;margin:25px 0;display:grid}.summary-grid article,.quick-grid button,.category-list button{background:#fffdf7;border:1px solid #ded8c8;border-radius:18px;padding:15px}.kosukechi-callout{text-align:left;background:#cfd9c5;border:0;border-radius:18px;gap:13px;width:100%;padding:14px;display:flex}.sprite{color:#fff;background:#6c866d;border-radius:50%;padding:12px}.amount-field{border-bottom:2px solid #798c77;margin:35px 0;display:flex}.amount-field input{text-align:right;background:0 0;border:0;width:100%;font-size:49px}.category-list{flex-wrap:wrap;gap:8px;display:flex}.category-list .selected{background:#f4dfaa}.primary-button{color:#fff;background:#263b38;border:0;border-radius:99px;width:100%;margin-top:35px;padding:17px}.kosukechi-page{text-align:center}.character{color:#fff;background:#6c866d;border-radius:50%;width:110px;height:103px;margin:32px auto;font-size:55px;line-height:103px}.tabbar{background:#f7f3e8;border-top:1px solid #e1dccf;justify-content:center;gap:25px;padding:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{font-size:10px;display:grid}.tabbar .active{color:#c47f11;font-weight:700}