:root{color:#17251e;font-synthesis:none;text-rendering:optimizelegibility;--green-900:#103d2b;--green-800:#14563b;--green-700:#176b4a;--green-100:#dfeee5;--green-050:#edf6f0;--cream:#f7f4ed;--paper:#fffdf8;--ink:#17251e;--muted:#5e6b64;--line:#d8ddd8;--accent:#ffc457;--accent-dark:#563600;--danger:#a42d24;--danger-soft:#fff0ed;--shadow:0 14px 34px #1439281a;background:#e8eee9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#e8eee9;min-width:320px}body{background:#e8eee9;min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button,label.file-button{-webkit-tap-highlight-color:transparent}button:not(:disabled),label.file-button{cursor:pointer}:is(button:focus-visible,input:focus-visible,label.file-button:has(input:focus-visible)){outline-offset:3px;outline:4px solid #1d73c9}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,p{margin-top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--cream);width:min(100%,560px);min-height:100dvh;margin:0 auto;overflow-x:hidden;box-shadow:0 0 40px #123a281f}.app-shell--large{font-size:18px}.app-shell--larger{font-size:20px}.app-loading{text-align:center;min-height:100dvh;color:var(--green-900);background:var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;font-size:20px;display:flex}.app-loading--error p{max-width:420px;color:var(--muted)}.topbar{z-index:20;min-height:calc(82px + env(safe-area-inset-top));padding:calc(14px + env(safe-area-inset-top)) 20px 14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f4edf5;border-bottom:1px solid #d8ddd8bf;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup>div{flex-direction:column;gap:1px;display:flex}.brand-lockup strong{color:var(--green-900);letter-spacing:.03em;font-size:1.23rem}.brand-lockup span:not(.brand-mark){color:var(--muted);font-size:.78rem}.brand-mark{color:#fff;background:var(--green-700);border-radius:15px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #176b4a38}.topbar-button,.flow-header__back{border:1px solid var(--line);min-width:62px;min-height:50px;color:var(--green-800);background:var(--paper);border-radius:13px;padding:0 12px;font-weight:700}.main-content{min-height:calc(100dvh - 86px);padding:22px 18px calc(28px + env(safe-area-inset-bottom))}.main-content--with-nav{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.home-card{color:#fff;background:radial-gradient(circle at 92% 2%, #ffffff29 0 92px, transparent 93px), linear-gradient(145deg, var(--green-800), var(--green-700));box-shadow:var(--shadow);text-align:center;border-radius:28px;padding:28px 24px 24px;position:relative;overflow:hidden}.home-card__date{color:#e7f4eb;margin-bottom:19px;font-size:.9rem;font-weight:700}.home-card__label{color:#e8f3ec;margin-bottom:4px;font-size:.94rem}.home-card__amount{letter-spacing:-.035em;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:8px;margin-bottom:24px;font-size:clamp(44px,13vw,66px);font-weight:800;line-height:1.15;display:flex}.home-card__amount>span{font-size:.47em;font-weight:700}.home-card__amount small{letter-spacing:0;font-size:.35em}.home-card__month{color:#e3f0e7;margin:17px 0 0;font-size:.84rem;font-weight:700}.button{border:2px solid #0000;border-radius:16px;justify-content:center;align-items:center;min-height:56px;padding:12px 21px;font-weight:800;line-height:1.25;text-decoration:none;display:inline-flex}.button--full{width:100%}.button--primary{color:#fff;background:var(--green-700);box-shadow:0 7px 15px #176b4a2e}.button--primary:active,.button--accent:active{transform:translateY(1px)}.button--accent{color:var(--accent-dark);background:var(--accent);border-color:#5f3a001a;box-shadow:0 8px #4d30002e}.button--hero{width:min(100%,360px);min-height:68px;font-size:1.12rem}.button--secondary{color:var(--green-800);background:var(--green-050);border-color:#b9d4c4}.button--quiet{color:#35453d;border-color:var(--line);background:#fff}.button--danger{color:#fff;background:var(--danger)}.button--small{min-height:52px;padding-inline:16px;font-size:.88rem}.section-block{margin-top:30px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:0 3px;display:flex}.section-heading h2,.section-block>h2{color:var(--green-900);margin:0;font-size:1.24rem}.text-button{min-height:48px;color:var(--green-800);text-underline-offset:4px;background:0 0;border:0;padding:8px 5px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.entry-list{border:1px solid var(--line);background:var(--paper);border-radius:22px;overflow:hidden;box-shadow:0 8px 24px #1a3f2d0f}.entry-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:88px;color:var(--ink);background:var(--paper);text-align:left;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;display:grid}.entry-row:last-child{border-bottom:0}.entry-row:active{background:var(--green-050)}.entry-row__badge{border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;font-weight:900;display:flex}.entry-row__badge--expense{color:#703207;background:#ffebce}.entry-row__badge--income{color:#175238;background:#dcefe3}.entry-row__content,.entry-row__amount{flex-direction:column;gap:4px;min-width:0;display:flex}.entry-row__content strong{font-size:1rem}.entry-row__content small,.entry-row__amount small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.entry-row__amount{text-align:right;align-items:flex-end}.entry-row__amount strong{white-space:nowrap;font-size:.88rem}.entry-row__amount small{color:var(--green-800);text-underline-offset:3px;font-weight:800;text-decoration:underline}.empty-card{color:var(--muted);text-align:center;background:#fffdf8b3;border:2px dashed #cbd4ce;border-radius:22px;flex-direction:column;align-items:center;gap:9px;padding:28px 20px;display:flex}.empty-card strong{color:var(--ink);font-size:1.06rem}.empty-card p{margin:0;font-size:.88rem;line-height:1.6}.empty-card__icon{width:58px;height:58px;color:var(--green-800);background:var(--green-100);border-radius:18px;justify-content:center;align-items:center;font-weight:900;display:flex}.empty-card--large{justify-content:center;min-height:300px}.privacy-note{color:var(--muted);text-align:center;margin:22px 0 0;font-size:.78rem}.privacy-note span{color:var(--green-700);margin-right:6px}.flow-page{width:100%}.flow-header{min-height:calc(66px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid var(--line);background:var(--paper);grid-template-columns:82px 1fr 82px;align-items:center;gap:5px;margin:-22px -18px 18px;display:grid}.flow-header h1{color:var(--green-900);text-align:center;margin:0;font-size:1.16rem}.flow-header__back{min-width:76px;min-height:48px;padding-inline:9px}.flow-header__back span{vertical-align:-2px;font-size:1.55em;line-height:0}.step-indicator{color:var(--green-900);align-items:center;gap:10px;margin:0 3px 14px;font-weight:800;display:flex}.step-indicator__number{color:#fff;background:var(--green-700);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.step-indicator__total{color:var(--muted);margin-left:auto;font-size:.78rem;font-weight:600}.flow-card,.settings-card{border:1px solid var(--line);background:var(--paper);border-radius:25px;padding:20px;box-shadow:0 9px 24px #1d3d2f12}.kind-switch{background:#e8ece9;border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}.kind-switch__button{color:#4e5a54;background:0 0;border:0;border-radius:14px;min-height:56px;font-weight:800}.kind-switch__button.is-active{color:var(--green-900);background:#fff;box-shadow:0 3px 10px #1632251c}.amount-display{min-height:118px;color:var(--green-900);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;padding:18px 4px 12px;display:flex}.amount-display>span{margin-right:8px;font-size:1.6rem;font-weight:800}.amount-display strong{letter-spacing:-.04em;text-overflow:ellipsis;max-width:82%;font-size:clamp(45px,14vw,68px);line-height:1.1;overflow:hidden}.amount-display small{margin-left:8px;font-size:1rem;font-weight:800}.number-pad{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px;display:grid}.number-pad button{min-height:64px;color:var(--ink);background:#f6f7f4;border:1px solid #d5dbd7;border-radius:17px;font-size:1.45rem;font-weight:800}.number-pad button:active{background:var(--green-100)}.number-pad .number-pad__delete{color:var(--green-800);font-size:.9rem}.form-error{color:#7b201a;background:var(--danger-soft);border-radius:13px;margin:8px 0 12px;padding:12px 14px;font-weight:800;line-height:1.45}.amount-summary{color:var(--green-900);background:var(--green-050);border-radius:17px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 17px;display:flex}.amount-summary span{color:var(--muted);font-size:.86rem;font-weight:700}.amount-summary strong{font-size:1.28rem}.category-fieldset{border:0;margin:0;padding:0}.category-fieldset legend{color:var(--green-900);margin-bottom:13px;font-size:1.08rem;font-weight:900}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.category-button{min-height:72px;color:var(--ink);text-align:left;background:#fff;border:2px solid #d9ded9;border-radius:17px;align-items:center;gap:12px;padding:10px 13px;display:flex}.category-button>span{color:#663600;background:#ffebcd;border-radius:14px;flex:0 0 43px;justify-content:center;align-items:center;width:43px;height:43px;font-weight:900;display:inline-flex}.category-button.is-selected{border-color:var(--green-700);color:var(--green-900);background:var(--green-050);box-shadow:inset 0 0 0 1px var(--green-700)}.category-button.is-selected>span{color:#fff;background:var(--green-700)}.category-input{color:var(--green-900);gap:9px;margin-bottom:16px;font-weight:800;display:grid}.category-input input{width:100%;min-height:60px;color:var(--ink);background:#fff;border:2px solid #82998d;border-radius:14px;padding:11px 14px;font-size:1.08rem}.delete-zone{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.delete-confirm{background:var(--danger-soft);border:2px solid #d98780;border-radius:17px;padding:17px}.delete-confirm>strong{color:#762018}.delete-confirm>p{color:#6b403c;margin:7px 0 14px;font-size:.84rem;line-height:1.5}.delete-confirm>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.saved-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 60px);padding:30px 5px;display:flex}.success-mark{color:#fff;background:var(--green-700);border:8px solid #d8eee1;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;margin-bottom:20px;font-size:48px;font-weight:900;display:flex;box-shadow:0 9px 25px #176b4a38}.saved-page h1{color:var(--green-900);margin-bottom:18px;font-size:1.65rem}.saved-page>p{color:var(--muted)}.saved-receipt{border:1px solid var(--line);background:var(--paper);width:100%;box-shadow:var(--shadow);border-radius:21px;flex-direction:column;gap:9px;margin-bottom:26px;padding:22px;display:flex}.saved-receipt span{color:var(--muted);font-size:.88rem}.saved-receipt strong{color:var(--green-900);font-size:1.4rem}.saved-page .button+.button{margin-top:12px}.saved-page__edit{margin-top:14px}.page-view{width:100%}.page-title-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:4px 3px 0;display:flex}.page-title-row p{color:var(--muted);margin-bottom:3px;font-size:.84rem;font-weight:700}.page-title-row h1{color:var(--green-900);margin:0;font-size:1.56rem}.entry-list--page .entry-row{min-height:96px}.summary-card{color:#fff;background:linear-gradient(145deg, var(--green-800), var(--green-700));box-shadow:var(--shadow);border-radius:25px;padding:25px 22px}.summary-card span{color:#e0efe5;margin-bottom:8px;font-weight:700;display:block}.summary-card>strong{font-variant-numeric:tabular-nums;font-size:clamp(38px,11vw,54px);line-height:1.15;display:block}.summary-card small{font-size:.42em}.summary-pair{grid-template-columns:1fr 1fr;gap:11px;margin-top:12px;display:grid}.summary-small-card{border:1px solid var(--line);background:var(--paper);border-radius:19px;flex-direction:column;gap:7px;min-width:0;padding:17px;display:flex}.summary-small-card span{color:var(--muted);font-size:.8rem;font-weight:700}.summary-small-card strong{overflow-wrap:anywhere;color:var(--green-900);font-size:1rem}.summary-categories>h2{margin-bottom:15px}.category-summary-list{border:1px solid var(--line);background:var(--paper);border-radius:22px;gap:18px;padding:20px;display:grid}.category-summary-item>div:first-child{justify-content:space-between;gap:15px;margin-bottom:9px;display:flex}.category-summary-item span{color:var(--muted);font-size:.88rem;font-weight:700}.category-summary-bar{background:#e5ebe7;border-radius:999px;height:13px;overflow:hidden}.category-summary-bar span{border-radius:inherit;background:var(--green-700);height:100%;display:block}.settings-page{gap:16px;display:grid}.settings-page .flow-header{margin-bottom:2px}.settings-card h2{color:var(--green-900);margin-bottom:8px;font-size:1.17rem}.settings-card>p{color:var(--muted);margin-bottom:15px;font-size:.87rem;line-height:1.65}.settings-card .button+.button,.settings-card .button+.file-button,.settings-card .file-button+.button{margin-top:10px}.font-choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.font-choice button{border:2px solid var(--line);min-height:62px;color:var(--ink);background:#fff;border-radius:15px;font-weight:800}.font-choice button.is-selected{border-color:var(--green-700);color:var(--green-900);background:var(--green-050);box-shadow:inset 0 0 0 1px var(--green-700)}.install-steps{color:#35453d;gap:10px;margin:12px 0 0;padding-left:27px;line-height:1.55;display:grid}.settings-success,.settings-message{background:var(--green-050);border-radius:14px;padding:13px 15px;font-weight:700;color:#174e35!important}.settings-message{margin:13px 0 0!important}.restore-confirm{margin-top:13px}.file-button{position:relative}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.settings-card--danger{border-color:#e1b9b5}.bottom-nav{z-index:30;width:min(100%,560px);padding:8px 9px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f7;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 26px #1631241a}.bottom-nav button{color:#59665f;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:68px;padding:5px 3px;display:flex}.bottom-nav button>span{border-radius:10px;justify-content:center;align-items:center;width:31px;height:27px;font-size:.78rem;font-weight:900;display:flex}.bottom-nav button>strong{white-space:nowrap;font-size:.71rem}.bottom-nav button.is-active{color:var(--green-900);background:var(--green-050)}.bottom-nav button.is-active>span{color:#fff;background:var(--green-700)}@media (width<=390px){.main-content{padding-inline:13px}.flow-header{margin-inline:-13px;padding-inline:13px}.home-card{padding-inline:17px}.flow-card,.settings-card{padding:16px}.entry-row{grid-template-columns:46px minmax(0,1fr) auto;gap:9px;padding-inline:11px}.entry-row__badge{width:46px;height:46px}.category-button{padding-inline:9px}.category-button>span{flex-basis:39px;width:39px;height:39px}}@media (height<=740px){.main-content{padding-top:14px}.flow-header{margin-top:-14px;margin-bottom:11px}.step-indicator{margin-bottom:9px}.flow-card{padding-top:14px;padding-bottom:14px}.kind-switch__button{min-height:50px}.amount-display{min-height:90px;padding-block:10px 6px}.number-pad{gap:7px;margin-bottom:10px}.number-pad button{min-height:56px}}@media (width>=700px){body{padding:24px 0}.app-shell{border-radius:28px;min-height:calc(100dvh - 48px)}.topbar{border-radius:28px 28px 0 0;top:24px}.bottom-nav{border:1px solid var(--line);border-radius:0 0 28px 28px;bottom:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--line:#7b8780;--muted:#3d4943}.button,.category-button,.entry-list,.flow-card,.settings-card{border-width:2px}}