:root{font-family:PingFang TC,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#13241c;background:#e7ece7;font-synthesis:none;font-variant-numeric:tabular-nums;--bg: #f3f6f1;--green: #0b2e22;--lime: #d4f26a;--muted: #66776d}*{box-sizing:border-box}body{margin:0}button,input,a,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #479c74;outline-offset:3px}button:active{transform:scale(.97)}a{text-decoration:none;color:inherit}svg{flex-shrink:0;stroke-width:1.65}button{touch-action:manipulation}input{min-width:0}input:focus{outline-color:#479c74}.app{position:relative;background:var(--bg);max-width:440px;min-height:100dvh;margin:auto;box-shadow:0 12px 70px #102d2210}.screen{padding:max(28px,env(safe-area-inset-top)) 20px calc(110px + env(safe-area-inset-bottom));min-height:100dvh;animation:appear .22s ease-out}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px;min-height:44px}.topbar>strong{font-size:16px}.round{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#195c43;flex-shrink:0;box-shadow:0 2px 5px #13241c03}.date-control{position:relative;display:flex;align-items:center;gap:7px;background:#fff;border-radius:24px;min-height:42px;padding:0 13px;color:#195c43;font-size:13px;overflow:hidden}.date-control span{font-weight:650;color:#172e23}.date-control small{font-size:12px;color:#5b6a62}.date-control input,.month-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.date-control input::-webkit-calendar-picker-indicator,.month-picker input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.rings{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#0b2e22 8%,#124332 66%,#237554 120%);color:#fff}.rings:after{content:"";position:absolute;z-index:-1;width:270px;height:270px;right:-92px;top:-133px;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0,transparent 22px,#d4f26a20 23px,transparent 24px);pointer-events:none}.amount-card{padding:22px;border-radius:28px;box-shadow:0 12px 20px -15px #0b2e2280;margin-bottom:14px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;color:#d8e6dd}.dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}.amount{display:flex;align-items:baseline;gap:9px;margin-top:8px;line-height:1.18;white-space:nowrap}.amount>span{font-size:18px;font-weight:600;color:#b8cbc0}.amount strong{font-size:62px;letter-spacing:-2px;font-weight:750}.amount.compact strong{font-size:36px}.formula{display:flex;justify-content:space-between;gap:16px;margin-top:18px;padding-top:13px;border-top:1px solid #ffffff18;color:#c0d3c6;font-size:14px}.formula>span{overflow-wrap:anywhere}.formula small{font-size:10px;flex-shrink:0}.keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 17px}.keypad button{height:clamp(54px,8.2dvh,70px);border-radius:20px;background:#fff;font-size:26px;font-weight:550;display:flex;align-items:center;justify-content:center;box-shadow:0 1px #0b2e220d,0 6px 14px -10px #0b2e2259}.keypad .utility{background:#e3ece5;color:#195c43;font-size:19px;box-shadow:none}.keypad .operator{background:#cfe3d5;color:var(--green);font-size:27px;box-shadow:none}.keypad .equals{background:#10402f;color:var(--lime);box-shadow:0 12px 22px -12px #0b2e2280}.cta{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--green);color:#fff;min-height:58px;border-radius:32px;padding:7px 8px 7px 23px;gap:10px;box-shadow:0 16px 28px -16px #0b2e2260;text-align:left}.cta>span{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cta strong{font-size:17px;font-weight:650}.cta small{font-size:11px;color:#bdd0c4}.cta i{border-radius:50%;width:44px;height:44px;background:var(--lime);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sync-status{margin:12px auto 0;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);min-height:25px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#8b9f91}.bottom-nav{position:fixed;z-index:5;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:400px;background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #0b2e220a;box-shadow:0 14px 32px -14px #0b2e2247;border-radius:32px;padding:6px;display:flex;gap:6px;height:64px}.bottom-nav button{flex:1;border-radius:26px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600;color:#5b6a62}.bottom-nav button.active{background:var(--lime);color:var(--green)}.selected-amount{background:#fff;padding:17px 20px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 13px 20px -17px #0b2e2255;margin-bottom:23px}.selected-amount small{display:block;font-size:11px;color:#6a7b70;margin:2px 0}.selected-amount strong{font-size:35px;letter-spacing:-1px;color:var(--green)}.selected-amount span{font-size:15px;color:#5b6a62}.icon-tile{height:46px;width:46px;border-radius:16px;background:#e3ece5;display:grid;place-items:center;color:#195c43}.section-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:14px}.section-heading button{display:flex;gap:4px;align-items:center;font-size:12px;color:#195c43;min-height:36px}.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:6px;row-gap:20px;margin-bottom:22px}.categories>button{padding:0;display:flex;align-items:center;flex-direction:column;gap:10px;min-width:0;font-size:11px}.category-icon{position:relative;width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#fff;color:#195c43;box-shadow:0 6px 14px -12px #0b2e2259}.category-icon i{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--lime);color:var(--green);border:2px solid var(--bg)}.selected .category-icon{background:var(--green);color:var(--lime);box-shadow:0 12px 18px -12px #0b2e2290}.selected>span:last-child{font-weight:700;color:var(--green)}.note{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #0b2e220d;padding:0 15px;min-height:54px;border-radius:18px;margin-bottom:16px}.note>span{font-size:12px;border-right:1px solid #0b2e2210;padding-right:12px;white-space:nowrap;color:#52685a}.note input{flex:1;width:100%;border:0;background:none;padding:15px 0;font-size:14px;color:inherit}.category .cta>span{display:block}.category .cta small{display:block;margin-top:2px}.category .topbar .date-control small{display:none}.category .topbar .date-control svg:first-child{display:none}.category .topbar .date-control{padding:0 12px}.delete-link{display:flex;align-items:center;justify-content:center;gap:6px;color:#b65246;font-size:12px;margin:15px auto}.record-card{padding:16px 20px 22px;border-radius:28px;box-shadow:0 12px 22px -17px #0b2e2280;margin-top:16px}.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.month-picker{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;border-radius:25px;padding:12px 14px;background:#ffffff18;border:1px solid #ffffff18}.lime{background:var(--lime);color:var(--green)}.record-card .amount strong{font-size:45px;letter-spacing:-1px}.record-card .amount span{font-size:16px}.record-card:after{top:60px;right:-95px}.filters{display:flex;overflow-x:auto;gap:8px;padding:17px 0 12px;scrollbar-width:none}.filters button{background:#fff;min-height:42px;border-radius:25px;padding:0 18px;font-size:12px;white-space:nowrap;flex-shrink:0}.filters button.active{background:#10402f;color:#fff}.day-group{margin:10px 0 25px}.day-group>header{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#66776d;margin:0 5px 10px}.day-group header b{color:#172d21;font-size:12px}.day-group header span:first-child b{margin-right:7px}.record-list{background:#fff;border-radius:24px;padding:0 14px;box-shadow:0 12px 22px -22px #0b2e2270}.record{display:flex;align-items:center;gap:12px;width:100%;padding:16px 0;text-align:left;min-height:78px;border-bottom:1px solid #0b2e220b}.record:last-child{border-bottom:0}.record-icon{width:43px;height:43px;display:grid;place-items:center;background:#e8f0e9;border-radius:15px;color:#195c43;flex-shrink:0}.record-description{flex:1;min-width:0}.record-description strong{font-size:14px}.record-description small{display:block;color:#66776d;font-size:11px;margin-top:4px;overflow-wrap:anywhere}.record>strong{font-size:16px;font-weight:650;white-space:nowrap}.record>svg{color:#9ca99f}.empty{text-align:center;padding:54px 15px;color:#66816d}.empty>svg{color:#76a589}.empty h2{font-size:17px;color:#234c35;font-weight:600;margin-top:20px}.empty p{font-size:13px;line-height:1.8;max-width:250px;margin:12px auto 20px}.empty button{background:#e0ebdc;border-radius:30px;display:inline-flex;align-items:center;gap:10px;padding:13px 22px;color:#184c32;font-size:13px}.stats{padding:0 0 calc(100px + env(safe-area-inset-bottom))}.stats-head{padding:max(26px,env(safe-area-inset-top)) 20px 34px}.stats-head header{display:flex;justify-content:space-between;align-items:center;margin:9px 0 16px}.stats-head header strong{font-size:16px}.glass{background:#ffffff15;border:1px solid #ffffff20;color:#fff}.spacer{width:44px}.periods{display:flex;border:1px solid #ffffff10;background:#ffffff12;border-radius:17px;padding:4px}.periods button{flex:1;border-radius:13px;color:#bed1c4;min-height:40px;font-size:13px}.periods .active{background:var(--lime);color:var(--green);font-weight:700}.period-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:16px 0 20px}.period-nav button{height:38px;width:34px;display:grid;place-items:center;color:#c4d8ca}.period-nav strong{font-size:15px;text-align:center}.stats-head .amount strong{font-size:47px}.stats-head .amount span{font-size:16px}.chart-panel{position:relative;margin-top:-12px;padding:24px 20px 20px;background:#fff;border-radius:32px 32px 0 0;min-height:45dvh}.chart-panel>header{display:flex;align-items:center;justify-content:space-between;font-size:14px}.chart-panel>header small{font-size:11px;color:#66776d}.donut{height:190px;width:190px;border-radius:50%;margin:30px auto;display:grid;place-items:center;transform:rotate(0)}.donut>div{height:137px;width:137px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.donut small{font-size:11px;color:#647569}.donut strong{font-size:14px}.donut b{font-size:25px;color:var(--green)}.legend{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legend>div{padding:14px;border-radius:18px;background:#f3f6f1}.legend>div>div{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;margin-bottom:7px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:3px;flex-shrink:0}.legend small{font-size:10px;color:#66776d}.legend strong{font-size:20px}.sheet{position:fixed;inset:auto 0 0;padding:0;border:0;background:transparent;width:min(100%,440px);max-width:440px;max-height:90dvh;margin:0 auto;color:#13241c;overscroll-behavior:contain}.sheet::backdrop{background:#10271c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet-body{background:#fff;border-radius:30px 30px 0 0;padding:12px 23px max(28px,env(safe-area-inset-bottom));animation:slide .22s ease-out}.handle{width:40px;height:4px;border-radius:4px;background:#dce4de;margin:0 auto 13px}.sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.sheet h2{font-size:21px;margin:0}.sheet .round{background:#f1f5f1;width:42px;height:42px}.setting-label{display:flex;gap:8px;align-items:center;color:#61766a;font-size:12px;margin:23px 0 10px}.language-list{background:#f3f6f1;border-radius:20px;padding:5px}.language-list button{display:flex;align-items:center;justify-content:space-between;padding:0 17px;width:100%;height:57px;font-size:14px;border-radius:16px}.language-list button[aria-pressed=true]{background:#fff;box-shadow:0 7px 15px -10px #0b2e2260;font-weight:650}.language-list i{height:22px;width:22px;border:1px solid #c7d6cb;border-radius:50%;display:grid;place-items:center;background:#fff}.language-list .checked{background:#195c43;border-color:#195c43;color:#fff}.account-row{display:flex;align-items:center;gap:10px;border-radius:18px;background:#f3f6f1;padding:14px;font-size:13px}.line-logo{width:39px;height:39px;background:#06c755;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800}.account-row>strong{flex:1}.account-status{font-size:10px;color:#368660}.muted{font-size:12px;line-height:1.7;color:#748579;margin:12px 3px}.outline,.solid,.line-login{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:49px;border-radius:17px;font-size:14px;margin-top:13px;padding:12px 18px}.outline{border:1px solid #e1e9e2}.danger{color:#b84b41;border-color:#f3dedc}.solid{background:var(--green);color:#fff}.solid.danger{background:#b84b41}.line-login{background:#06c755;color:#fff;font-weight:650}.line-login.disabled{background:#dfe8e1;color:#63796b;cursor:not-allowed}.install-help{margin-top:25px;border-top:1px solid #edf1ed;padding-top:15px}.install-help strong{font-size:12px;display:flex;gap:8px;align-items:center;color:#57705e}.install-help p{font-size:11px;line-height:1.7;color:#7c8c80}.form-label{display:flex;flex-direction:column;gap:10px;font-size:13px}.form-label input{border:1px solid #cedcd0;border-radius:13px;padding:13px;background:#f6f8f4}.icon-choices{display:flex;gap:8px;flex-wrap:wrap}.icon-choices button{width:46px;height:46px;border-radius:14px;background:#f0f5ef;display:grid;place-items:center;color:#195c43}.icon-choices .active{background:var(--green);color:var(--lime)}.toast{position:fixed;bottom:calc(105px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);background:#143c2ff5;color:#fff;box-shadow:0 6px 30px #12312320;border-radius:18px;padding:14px 22px;font-size:13px;width:max-content;max-width:calc(100% - 40px);z-index:30;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}body:has(dialog[open]) .toast{z-index:100}.error-text{font-size:12px;color:#ad4d42}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#195c43}.loading p{font-size:14px}@keyframes appear{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes slide{0%{transform:translateY(18px);opacity:.5}to{transform:none;opacity:1}}@media(min-width:600px){body{padding:30px 0}.app{min-height:calc(100dvh - 60px);border-radius:34px;overflow:hidden}.screen{min-height:calc(100dvh - 60px)}.bottom-nav{bottom:calc(42px + env(safe-area-inset-bottom));max-width:400px}.sheet{bottom:30px;border-radius:30px}.sheet-body{border-radius:30px}.keypad button{height:62px}}@media(max-height:750px)and (max-width:599px){.screen{padding-top:max(12px,env(safe-area-inset-top))}.topbar{margin-bottom:12px}.amount-card{padding:18px 20px}.amount strong{font-size:52px}.formula{margin-top:10px;padding-top:10px}.keypad{gap:8px;margin-bottom:12px}.keypad button{height:55px;border-radius:18px}.categories{row-gap:15px}.category-icon{width:54px;height:54px;border-radius:17px}.selected-amount{margin-bottom:14px}.record-card{margin-top:10px}.stats-head{padding-top:max(12px,env(safe-area-inset-top))}}@media(max-width:359px){.screen{padding-left:15px;padding-right:15px}.category-icon{width:51px;height:51px}.topbar>strong{font-size:14px}.record-card .amount strong{font-size:38px}.amount strong{font-size:48px}.categories{font-size:10px}.date-control{gap:4px;padding:0 9px}.date-control small{font-size:10px}.record{gap:8px}.record>svg{display:none}.legend strong{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sheet-toast{margin-top:16px;padding:13px 16px;border-radius:14px;background:#143c2f;color:#fff;font-size:13px;line-height:1.6}@media(max-width:599px){.entry .keypad button{height:clamp(44px,calc((100dvh - 530px)/5),62px)}.entry{padding-bottom:100px}}.amount.compact strong,.record-card .amount.compact strong,.stats-head .amount.compact strong{font-size:29px;letter-spacing:-1px}.amount.compact>span{font-size:13px}.selected-amount.compact strong{font-size:25px}.selected-amount.compact .icon-tile{width:38px;height:38px}.selected-amount.compact{padding:16px 13px}.install-link{display:flex;align-items:center;gap:8px;min-height:44px;width:100%;font-weight:650;color:#195c43;font-size:14px;text-align:left}.install-link svg:last-child{margin-left:auto}.install-identity{display:flex;gap:16px;align-items:center;margin:8px 0 26px}.install-identity img{border-radius:20px;box-shadow:0 8px 20px -10px #0b2e2270}.install-identity h3{font-size:18px;line-height:1.5;margin:0 0 4px}.install-identity p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.install-steps{list-style:none;padding:0;margin:0 0 24px;counter-reset:steps}.install-steps li{counter-increment:steps;display:flex;align-items:flex-start;gap:12px;background:#f3f6f1;margin:9px 0;padding:17px 14px;border-radius:17px;font-size:14px;line-height:1.7}.install-steps li:before{content:counter(steps);font-size:10px;font-weight:700;background:#d4f26a;color:#0b2e22;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;margin-top:2px}.install-steps li>svg{color:#195c43;margin-top:2px}.install-steps small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.browser-hint{background:#f3f6f1;border-radius:20px;padding:20px}.browser-hint>svg{color:#195c43;display:block;margin-bottom:10px}.browser-hint strong{font-size:14px}.browser-hint p,.install-desktop{font-size:13px;line-height:1.9;color:#66776d}.installed-note{display:flex;align-items:center;gap:8px;color:#195c43}.solid:disabled{opacity:.6;cursor:wait}.legal-intro{font-size:11px;line-height:1.7;color:#748579;margin:20px 3px 5px}.legal-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#195c43}.legal-links a{text-decoration:underline;text-underline-offset:4px;min-height:36px;display:inline-flex;align-items:center}.legal-links span{color:#adb9af}.welcome{min-height:100svh;display:flex;flex-direction:column;padding:max(24px,env(safe-area-inset-top)) 28px max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 25%,#dfebdc,transparent 65%),var(--bg)}.welcome-language{display:flex;justify-content:flex-end}.welcome-language select{border:1px solid #dbe4da;border-radius:24px;padding:10px 14px;background:#ffffffa8;color:var(--green);font-size:13px}.welcome-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 0}.welcome-icon{border-radius:28px;box-shadow:0 16px 36px #0b2e221c}.welcome h1{font-size:28px;letter-spacing:2px;margin:28px 0 12px}.welcome-content>p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 32px}.welcome .line-login{width:100%;max-width:320px;min-height:54px;display:flex;align-items:center;justify-content:center;border-radius:18px;font-weight:600;text-decoration:none}.welcome-content>p[role]{margin:16px 0 0;font-size:12px}.welcome-footer{text-align:center}.welcome-footer .legal-links{justify-content:center}.welcome-brand{color:var(--green);font-size:13px;letter-spacing:1px;margin:0 0 20px}.notification-settings{margin-top:24px;padding-top:12px;border-top:1px solid #dbe4da}.notification-settings h3{font-size:16px}.notification-settings label{display:flex;gap:12px;align-items:center;padding:12px 0;font-size:14px}.notification-settings input{width:20px;height:20px;accent-color:#195c43}.notification-settings a{text-decoration:none}.notification-settings button:disabled{opacity:.5}.summary-invite{margin:18px 0 8px;padding:18px;border:1px solid #d5e4d7;border-radius:22px;background:#eaf2e7;text-align:left}.summary-invite-heading{display:flex;gap:10px;align-items:center}.summary-invite h2{font-size:15px;line-height:1.5;margin:0 0 3px}.summary-invite-heading>div>span{font-size:11px;color:#48654f}.summary-invite p{font-size:13px;line-height:1.7;color:#405c49;margin:12px 0}.summary-add{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 15px;border-radius:13px;background:#164d37;color:#fff;font-size:13px;font-weight:600;text-decoration:none;min-height:44px}.summary-settings{display:block;width:100%;min-height:44px;color:#164d37;font-size:13px;font-weight:600}.summary-invite small{display:block;margin-top:10px;color:#637568;font-size:11px;line-height:1.7}.welcome .summary-invite{width:100%;max-width:380px;align-self:center}.welcome-content{padding:32px 0}.topbar-actions{display:flex;align-items:center;gap:8px}.cloud-status{position:relative}.cloud-status.is-synced{color:#195c43}.cloud-status.needs-sync{color:#946c28}.cloud-status-dot{position:absolute;right:6px;bottom:6px;width:6px;height:6px;border-radius:50%;background:currentColor;border:1px solid white}.sync-detail{text-align:center;padding:20px 0}.sync-detail>svg{color:#195c43}.sync-detail .outline{width:100%;margin-top:24px}.sync-spinning{animation:sync-spin 1.2s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sync-spinning{animation:none}}.line-panel{padding:16px 0 24px}.line-panel-hero{padding:22px;border-radius:24px;background:#e4efdf}.line-panel-hero h1{font-size:23px;margin:18px 0 8px}.line-panel-hero p{margin:0;color:#48654f;font-size:14px;line-height:1.7}.line-chat-card{margin-top:18px;background:#fff;border-radius:22px;padding:20px}.line-chat-card ol{margin:0 0 20px;padding-left:22px;font-size:14px;line-height:2.2}.line-chat-card .muted{font-size:12px;line-height:1.7;margin-bottom:0}.bottom-nav button{gap:6px}