:root{color:#352418;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ead8bd;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-stage{background:radial-gradient(circle at 14% 15%,#f6ead6 0 12%,#0000 13%),linear-gradient(135deg,#d9b985,#f6ead7 45%,#e4c99f);place-items:center;min-height:100dvh;padding:24px;display:grid}.phone{background:#fbf4e8;border:1px solid #ffffffb8;border-radius:34px;width:min(100%,430px);height:min(880px,100dvh - 48px);min-height:720px;padding:30px 20px 92px;position:relative;overflow:hidden;box-shadow:0 28px 70px #58351b4d}.paper-grain{pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{justify-content:space-between;align-items:flex-end;padding:4px 10px 14px;display:flex;position:relative}.topbar h1{letter-spacing:.02em;margin:0;font-family:STKaiti,KaiTi,serif;font-size:25px;line-height:1.3}.topbar h1 span{color:#e25322;margin-left:8px}.brand{color:#d64c20;margin:13px 0 0;font-size:14px}.brand b{color:#3a291e;margin-left:7px}.topbar time{color:#8f7d6f;white-space:nowrap;padding-bottom:2px;font-size:12px}.income-card,.month-card,.records-card{background:#fffcf5d4;border:1px solid #cdb18b57;border-radius:17px;position:relative;box-shadow:0 5px 14px #6746271c}.income-card{padding:15px 15px 13px}.income-head{justify-content:space-between;align-items:flex-end;display:flex}.income-head p,.month-card h2{color:#df4d20;margin:0;font-size:15px;font-weight:800}.income-head strong{color:#d84a1d;letter-spacing:.02em;margin-top:4px;font-size:38px;display:block}.spark{background:linear-gradient(150deg,#0000 50%,#f07f3b2b 51%);border-bottom:1px solid #edc09e;width:43%;height:65px;position:relative}.spark:before{content:"";border-top:2px solid #e95b27;position:absolute;inset:13px 0 0;transform:skewY(-24deg)}.spark i{background:#fff8ed;border:1.5px solid #e95b27;border-radius:50%;width:6px;height:6px;position:absolute}.spark i:first-child{bottom:8px;left:7%}.spark i:nth-child(2){bottom:18px;left:25%}.spark i:nth-child(3){bottom:32px;left:43%}.spark i:nth-child(4){bottom:27px;left:60%}.spark i:nth-child(5){bottom:49px;left:78%}.spark i:nth-child(6){background:#e95b27;top:6px;right:0}.dash{border-top:1px dashed #dec5a8;margin:12px 0}.metrics{grid-template-columns:repeat(3,1fr);margin-bottom:14px;display:grid}.metrics>div{justify-content:center;align-items:center;gap:8px;display:flex}.metrics>div+div{border-left:1px solid #ddcdbb}.metrics p,.month-metrics p{margin:0;font-size:11px}.metrics b,.month-metrics b{color:#2b1c14;margin-top:2px;font-size:21px;display:block}.metric-icon{color:#bd772d;place-items:center;width:30px;height:30px;font-size:20px;display:grid}.good,.bad{border:2px solid;border-radius:50%;font-weight:900}.good{color:#7a9044}.bad{color:#d94b20}.add-button,.save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed6031,#e74c20);border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px #b83c19,0 8px 16px #cf451a33}.icon{width:24px;height:24px}.month-card{margin-top:12px;padding:12px 15px}.month-card h2{font-size:13px}.month-metrics{grid-template-columns:1.25fr 1fr .85fr;margin-top:8px;display:grid}.month-metrics>div{align-items:center;gap:8px;display:flex}.month-metrics>div+div{border-left:1px solid #ddcdbb;padding-left:10px}.month-metrics span{color:#c0692d;font-size:25px}.month-metrics b{font-size:15px}.records-card{margin-top:10px;padding:8px 12px 5px}.section-title{border-bottom:1px solid #e2d3c1;justify-content:space-between;align-items:center;display:flex}.section-title h2{margin:0 0 5px;font-size:13px}.section-title button{color:#a27354;background:0 0;border:0;font-size:11px}.record{border-bottom:1px solid #eadfd0;grid-template-columns:43px 1fr auto 12px;align-items:center;gap:9px;min-height:50px;display:grid}.record:last-child{border:0}.thumb{background:#ebdbc6;border-radius:7px;place-items:center;width:43px;height:36px;font-size:23px;display:grid}.record h3{margin:0;font-size:13px;font-weight:600}.record p{color:#8b7768;margin:3px 0 0;font-size:10px}.record strong{color:#d9481b;font-size:15px}.chevron{color:#bda991;font-size:24px}.bottom-nav{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8f0;border:1px solid #dac3a499;border-radius:32px;grid-template-columns:repeat(4,1fr);height:72px;display:grid;position:absolute;bottom:18px;left:15px;right:15px;box-shadow:0 4px 16px #5b3b1f26}.bottom-nav button{color:#6e594a;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.bottom-nav .icon{width:22px;height:22px}.bottom-nav .active{color:#dc4d21;font-weight:800}.sheet-backdrop{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#35241857;align-items:flex-end;display:flex;position:absolute;inset:0}.entry-sheet{background:#fffaf1;border-radius:28px 28px 0 0;width:100%;padding:10px 24px 28px;box-shadow:0 -18px 45px #35241833}.sheet-handle{background:#dbc8b1;border-radius:4px;width:40px;height:4px;margin:0 auto 16px}.entry-sheet h2{margin:0 0 18px;font-size:22px}.entry-sheet label{color:#735e4e;gap:7px;font-size:12px;font-weight:700;display:grid}.entry-sheet input{color:#352418;background:#fff;border:1px solid #dfcdb8;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px}.entry-sheet input:focus{border-color:#e85a2b;box-shadow:0 0 0 3px #e85a2b1a}.form-row{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 20px;display:grid}.save-button{height:48px;font-size:16px}.cancel-button{color:#907b6c;background:0 0;border:0;margin:13px auto 0;font-size:13px;display:block}@media (max-width:480px){.app-stage{background:#fbf4e8;padding:0;display:block}.phone{width:100%;height:100dvh;min-height:650px;box-shadow:none;border:0;border-radius:0}}@media (max-height:760px){.phone{padding-top:14px}.topbar{padding-bottom:8px}.topbar h1{font-size:22px}.income-card{padding-top:10px}.income-head strong{font-size:32px}.spark{height:52px}.add-button{height:44px}.month-card{margin-top:8px}.records-card{margin-top:7px}.record{min-height:44px}.bottom-nav{height:64px;bottom:10px}}