:root{--bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #F4F5F7;--surface-sunken: #ECEEF1;--line: #E5E8EB;--line-soft: #F0F2F4;--text: #191F28;--text-2: #4E5968;--text-muted: #8B95A1;--accent: #0E9F62;--accent-strong: #0A7A4A;--accent-tint: #E5F6EE;--hero-from: #18B574;--hero-to: #0A8452;--danger: #E5383B;--danger-fill: #F04452;--warn-text: #A15C00;--warn-tint: #FFF6E5;--warn-line: #F59E0B;--shadow-card: 0 0 0 1px rgba(17, 24, 39, .04), 0 6px 24px rgba(17, 24, 39, .06);--shadow-float: 0 0 0 .5px rgba(17, 24, 39, .08), 0 10px 30px rgba(17, 24, 39, .12);--radius-card: 22px;--radius-control: 12px;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tabbar-h: 62px;--tabbar-gap: 20px;--fab-size: 58px;--content-bottom-pad: calc(var(--tabbar-h) + var(--fab-size) + 64px + var(--safe-bottom))}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{overscroll-behavior-x:none}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-feature-settings:"tnum" 0}button,input,select,textarea{font-family:inherit;color:inherit;letter-spacing:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:480px;margin:0 auto;padding:calc(var(--safe-top) + 16px) 20px var(--content-bottom-pad);display:flex;flex-direction:column;gap:16px}.muted{color:var(--text-muted);font-size:13px}.page-title{font-size:28px;font-weight:700;letter-spacing:-.03em;margin:0}.num{font-variant-numeric:tabular-nums}.topbar{position:sticky;top:0;z-index:10;margin:calc(-1 * (var(--safe-top) + 16px)) -20px -4px;padding:calc(var(--safe-top) + 8px) 20px 8px;background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);display:flex;align-items:center;gap:8px;min-height:52px}.topbar.stack{flex-direction:column;align-items:stretch;gap:6px;padding-bottom:10px}.topbar-row{display:flex;align-items:center;gap:8px;min-height:44px}.topbar-title{flex:1;text-align:center;font-size:17px;font-weight:600}.topbar.nav{display:grid;grid-template-columns:1fr auto 1fr}.section-head{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:600;color:var(--text-2);padding:0 4px;margin-bottom:8px}.section-head>:last-child{font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.section-title{font-size:19px;font-weight:700;margin:8px 4px 0;letter-spacing:-.02em}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.card-pad{padding:18px 20px}.row{position:relative;display:flex;align-items:center;gap:14px;padding:14px 20px;min-height:56px}.row+.row:before{content:"";position:absolute;top:0;left:20px;right:0;height:1px;background:var(--line-soft)}.tx-row+.tx-row:before{left:74px}.tx-row-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;margin:-14px -20px;padding:14px 20px;border:0;background:none;text-align:left;font:inherit;color:inherit}button.tx-row-main{cursor:pointer;transition:background .15s}button.tx-row-main:active{background:var(--surface-2)}.tx-row.with-delete{gap:4px}.tx-row.with-delete .tx-row-main{margin-right:0;padding-right:6px}.tx-delete{width:34px;height:34px;margin-right:-10px;flex-shrink:0;border:none;border-radius:50%;background:none;color:#b0b8c1;display:flex;align-items:center;justify-content:center;cursor:pointer}.tx-delete svg{width:16px;height:16px}.tx-delete:active{background:#ffeff0;color:var(--danger)}.row-btn{width:100%;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background .15s}.row-btn:active{background:var(--surface-2)}.row-main{flex:1;min-width:0}.row-title{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-amount{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.row-chevron{color:#c4c9d0;display:flex}.income{color:var(--accent-strong)}.cat-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;flex-shrink:0}.segmented{display:flex;background:var(--surface-2);border-radius:10px;padding:2px;gap:2px}.segmented>button{flex:1;height:32px;padding:0 12px;border:none;background:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .2s,box-shadow .2s}.segmented>button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 3px 8px #0000001a,0 1px 1px #0000000a}.segmented.compact>button{height:28px;padding:0 10px;font-size:13px}.segmented.large{border-radius:12px;padding:3px}.segmented.large>button{height:38px;font-size:15px;border-radius:9px}.segmented.icons>button{flex:0 0 auto;width:40px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.segmented.icons>button[aria-pressed=true]{color:var(--text)}.period-nav{display:flex;align-items:center;gap:0;margin-left:-10px}.period-nav>span{font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.icon-btn{width:40px;height:40px;border:none;background:none;display:flex;align-items:center;justify-content:center;color:var(--text-2);cursor:pointer;border-radius:50%}.icon-btn:active{background:var(--surface-2)}.back-btn{display:flex;align-items:center;height:40px;margin-left:-8px;padding-right:8px;color:var(--accent-strong);font-size:16px;background:none;border:none;cursor:pointer}.btn-primary{height:54px;width:100%;border:none;border-radius:16px;background:var(--accent);color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:#b9e3cf;cursor:default;transform:none}.switch{position:relative;width:51px;height:31px;flex-shrink:0;border:none;border-radius:16px;padding:0;cursor:pointer;background:#e9e9eb;transition:background .2s}.switch[aria-checked=true]{background:#34c759}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029;transition:transform .2s}.switch[aria-checked=true]:after{transform:translate(20px)}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:600;color:var(--text-2)}.field-hint{font-size:12px;color:var(--text-muted)}.text-input{height:52px;border-radius:14px;border:1.5px solid transparent;padding:0 16px;font-size:16px;background:var(--surface-2);color:var(--text);outline:none;transition:border-color .15s,background .15s;-webkit-appearance:none;appearance:none}.text-input:focus{border-color:var(--accent);background:var(--surface)}select.text-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238B95A1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.notice{background:var(--warn-tint);color:var(--warn-text);border-radius:16px;padding:14px 16px;font-size:13px;line-height:1.6}.banner{display:flex;align-items:center;gap:10px;background:var(--warn-tint);color:var(--warn-text);border-radius:16px;padding:14px 16px;font-size:14px;font-weight:500}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{height:36px;padding:0 16px;border-radius:18px;border:none;background:var(--surface-2);color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.chip[aria-checked=true]{background:var(--text);color:#fff;font-weight:600}.link-btn{background:none;border:none;padding:8px 4px;font-size:14px;color:var(--text-muted);cursor:pointer}.hero{display:block;color:#fff;border-radius:26px;padding:22px 22px 20px;background:linear-gradient(140deg,var(--hero-from) 0%,var(--hero-to) 100%);box-shadow:0 12px 32px #0a845247}.hero-label{font-size:14px;font-weight:500;opacity:.85}.hero-amount{font-size:36px;font-weight:700;letter-spacing:-.03em;margin-top:4px;font-variant-numeric:tabular-nums}.hero-bar{height:6px;border-radius:3px;background:#ffffff47;margin-top:18px;overflow:hidden}.hero-bar>span{display:block;height:100%;border-radius:3px;background:#fff}.hero-foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:13px;opacity:.9;font-variant-numeric:tabular-nums}.tabbar{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));width:min(440px,calc(100% - 2 * var(--tabbar-gap)));height:var(--tabbar-h);transform:translate(-50%);background:#ffffffc7;-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-radius:31px;box-shadow:var(--shadow-float);display:flex;justify-content:space-around;align-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:20}.tabbar.hidden{transform:translate(-50%,calc(100% + 40px + var(--safe-bottom)))}.tabbar a{min-width:64px;padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:500;color:#9aa3ad;transition:color .15s}.tabbar a.active{color:var(--text);font-weight:600}.fab{position:fixed;right:max(24px,calc((100% - 440px)/2 + 4px));bottom:calc(24px + var(--tabbar-h) + 14px + var(--safe-bottom));width:var(--fab-size);height:var(--fab-size);border-radius:50%;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0e9f6259;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s ease;cursor:pointer;z-index:21}.fab:active{transform:scale(.94)}.fab.hidden{transform:translateY(60px) scale(.6);opacity:0;pointer-events:none}.sheet-backdrop{position:fixed;inset:0;background:#00000052;z-index:30;animation:fade-in .2s ease}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:31;max-width:480px;margin:0 auto;background:var(--surface);border-radius:24px 24px 0 0;padding:8px 20px calc(16px + var(--safe-bottom));display:flex;flex-direction:column;gap:14px;max-height:88dvh;transition:max-height .25s ease;box-shadow:0 -10px 40px #0000001f;animation:sheet-up .32s cubic-bezier(.2,.8,.2,1)}.sheet.expanded{max-height:100dvh;height:100dvh;border-radius:0}.sheet-handle{width:36px;height:5px;border-radius:3px;background:#d1d6db;align-self:center;border:none;padding:0;cursor:grab;flex-shrink:0}.sheet-grab{display:flex;flex-direction:column;gap:10px;margin:-8px -20px 0;padding:8px 20px 0;cursor:grab}.sheet-title{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.memo-editor{position:relative;background:var(--surface-2);border-radius:18px}.memo-editor textarea,.memo-editor .memo-mirror{font:400 18px/2 var(--font);padding:14px 16px;margin:0;border:none;white-space:pre-wrap;word-break:break-all;letter-spacing:0}.memo-editor textarea{position:relative;z-index:1;display:block;width:100%;min-height:160px;resize:none;background:transparent;color:transparent;caret-color:var(--accent);outline:none}.memo-editor .memo-mirror{position:absolute;inset:0;color:var(--text);pointer-events:none;overflow:hidden}.hl-amount{color:var(--accent-strong);background:var(--accent-tint);border-radius:4px}.hl-warn{text-decoration:underline dashed var(--warn-line) 2px;text-underline-offset:6px}.avatar{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--hero-from),var(--hero-to));color:#fff;font-size:22px;font-weight:700}.danger-text{color:var(--danger)}.avatar{overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-edit{position:relative;padding:0;border:none;background:none;cursor:pointer;border-radius:50%;flex-shrink:0}.avatar-badge{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--surface);box-shadow:0 1px 4px #0003}.cropper{position:fixed;inset:0;z-index:40;background:#000;color:#fff;display:flex;flex-direction:column;padding:var(--safe-top) 0 var(--safe-bottom);animation:fade-in .2s ease}.cropper-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;padding:0 8px;font-size:17px;font-weight:600}.cropper-bar>button{background:none;border:none;color:#fff;font-size:17px;padding:10px 12px;cursor:pointer;justify-self:start}.cropper-bar>button:last-child{justify-self:end}.cropper-stage{position:relative;width:100%;max-width:480px;margin:auto;overflow:hidden;touch-action:none;cursor:grab}.cropper-stage:active{cursor:grabbing}.cropper-mask{position:absolute;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px #ffffffd9,0 0 0 100vmax #0009}.cropper-zoom{display:flex;align-items:center;gap:14px;padding:8px 32px 0;max-width:480px;width:100%;margin:0 auto;color:#c9cdd2}.cropper-zoom input{flex:1;accent-color:#fff}.cropper-hint{margin:10px 0 24px;text-align:center;font-size:13px;color:#9aa3ad}.toast{position:fixed;left:50%;transform:translate(-50%);z-index:25;bottom:calc(24px + var(--tabbar-h) + 14px + var(--fab-size) + 12px + var(--safe-bottom));width:min(440px,calc(100% - 40px));display:flex;align-items:center;gap:12px;background:#191f28f0;color:#fff;border-radius:16px;padding:12px 12px 12px 18px;font-size:15px;box-shadow:0 10px 30px #0003;animation:fade-in .2s ease}.toast button{background:none;border:none;color:#4ade97;font-size:15px;font-weight:700;padding:6px 8px;cursor:pointer}.action-sheet{position:fixed;left:0;right:0;bottom:0;z-index:31;max-width:480px;margin:0 auto;padding:0 10px calc(10px + var(--safe-bottom));display:flex;flex-direction:column;gap:8px;animation:sheet-up .28s cubic-bezier(.2,.8,.2,1)}.action-group{background:var(--surface);border-radius:14px;overflow:hidden}.action-title{padding:14px 16px;font-size:13px;color:var(--text-muted);text-align:center;border-bottom:1px solid var(--line-soft)}.action-group>button{display:block;width:100%;height:56px;border:none;background:none;font-size:18px;color:var(--accent-strong);cursor:pointer}.action-group>button+button{border-top:1px solid var(--line-soft)}.action-group>button.danger-text{color:var(--danger)}.action-group>button:active{background:var(--surface-2)}@media(prefers-reduced-motion:reduce){.tabbar,.fab,.sheet,.sheet-backdrop{transition:none;animation:none}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}