:root{
 --bg:#FFFDF4;--card:#fff;--yellow:#FFD84D;--yellow2:#FFEFA8;--blue:#7FC5FF;--pink:#F9C5D5;
}
body{margin:0;background:linear-gradient(#FFFDF4,#EEF7FF);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}
.app{max-width:430px;margin:auto;padding:16px}
.hero{background:linear-gradient(135deg,var(--yellow2),#FFF7C7);border-radius:30px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.tabs{display:flex;background:#fff;border-radius:16px;padding:4px;gap:4px}
.tab{flex:1;border:none;background:transparent;padding:10px;border-radius:12px;font-weight:700}
.tab.active{background:var(--yellow)}
.nav{display:flex;justify-content:space-between;align-items:center;margin:14px 0}
.nav button,.rowhead button{border:none;background:var(--blue);color:#fff;border-radius:12px;padding:8px 12px}
.center{text-align:center}.emoji{font-size:34px}
.free{background:linear-gradient(135deg,var(--yellow),var(--yellow2));border-radius:24px;padding:18px;text-align:center}
.caption{font-size:15px;color:#5d4d00}.money{font-size:36px;font-weight:900;margin:8px 0}.speech{background:#fff;padding:8px 12px;border-radius:999px;display:inline-block;font-size:13px}
.card{background:var(--card);border-radius:24px;padding:16px;margin:16px 0;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.rowhead{display:flex;justify-content:space-between;align-items:center}
.ghost{background:#fff;border:1px solid #ddd;color:#555}
.item{display:grid;grid-template-columns:1.2fr 1fr 72px;gap:8px;margin:10px 0}
input[type=text],input[inputmode=numeric],#salary{width:100%;box-sizing:border-box;padding:12px;border:1px solid #D8E3EF;border-radius:14px;font-size:18px}
.moneyInput{text-align:right;font-weight:600}
.del{background:#FFD5DF;color:#C0395A;border:none;border-radius:12px}
.row{display:flex;justify-content:space-between;padding:8px 0}.total{font-size:22px;font-weight:700}