:root{--bg: #090a0f;--bg-glow-1: rgba(139, 92, 246, .16);--bg-glow-2: rgba(56, 189, 248, .1);--surface: #11131a;--surface-2: #161922;--surface-hover: #1a1e28;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--ink: #eef0f6;--muted: #8d93a5;--faint: #7f8699;--accent: #a78bfa;--accent-2: #38bdf8;--accent-grad: linear-gradient(135deg, #c084fc 0%, #818cf8 50%, #38bdf8 100%);--accent-soft: rgba(167, 139, 250, .12);--on-accent: #0b0717;--income: #3b8ef5;--expense: #ef4f6a;--rest: #6b7280;--ok: #4ade80;--warn: #fbbf24;--over: #fb7185;--radius: 18px;--radius-sm: 10px;--shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 20px 40px -24px rgba(0, 0, 0, .8);--spot: rgba(167, 139, 250, .1);--font-body: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-num: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f5f5f8;--bg-glow-1: rgba(139, 92, 246, .1);--bg-glow-2: rgba(14, 165, 233, .1);--surface: #ffffff;--surface-2: #f8f8fb;--surface-hover: #fcfcfe;--line: rgba(15, 23, 42, .08);--line-strong: rgba(15, 23, 42, .16);--ink: #12131c;--muted: #575d6e;--faint: #646a7b;--accent: #6d28d9;--accent-2: #0284c7;--accent-grad: linear-gradient(135deg, #9333ea 0%, #4f46e5 50%, #0284c7 100%);--accent-soft: rgba(109, 40, 217, .08);--on-accent: #ffffff;--income: #2563eb;--expense: #e11d48;--rest: #9ca3af;--ok: #16a34a;--warn: #d97706;--over: #e11d48;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 32px -20px rgba(15, 23, 42, .25);--spot: rgba(109, 40, 217, .06);color-scheme:light}}:root[data-theme=light]{--bg: #f5f5f8;--bg-glow-1: rgba(139, 92, 246, .1);--bg-glow-2: rgba(14, 165, 233, .1);--surface: #ffffff;--surface-2: #f8f8fb;--surface-hover: #fcfcfe;--line: rgba(15, 23, 42, .08);--line-strong: rgba(15, 23, 42, .16);--ink: #12131c;--muted: #575d6e;--faint: #646a7b;--accent: #6d28d9;--accent-2: #0284c7;--accent-grad: linear-gradient(135deg, #9333ea 0%, #4f46e5 50%, #0284c7 100%);--accent-soft: rgba(109, 40, 217, .08);--on-accent: #ffffff;--income: #2563eb;--expense: #e11d48;--rest: #9ca3af;--ok: #16a34a;--warn: #d97706;--over: #e11d48;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 32px -20px rgba(15, 23, 42, .25);--spot: rgba(109, 40, 217, .06);color-scheme:light}*{box-sizing:border-box}html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;padding-inline:16px;padding-block:0 96px;background:radial-gradient(900px 500px at 10% -10%,var(--bg-glow-1),transparent 60%),radial-gradient(800px 500px at 100% 0%,var(--bg-glow-2),transparent 60%),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 70%);opacity:.5}[hidden]{display:none!important}.wrap{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}h1{font-size:15px;font-weight:700;margin:0}h2{font-size:13px;font-weight:600;margin:0;color:var(--muted)}h3{font-size:14px;font-weight:700;margin:0}p{margin:0}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:6px}::selection{background:var(--accent);color:var(--on-accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hint{font-size:12.5px;color:var(--muted)}.error{font-size:13px;color:var(--over)}.empty{color:var(--faint);font-size:13px;padding:4px 0}.count{font-size:12px;color:var(--muted);font-weight:500;margin-left:4px}.tag{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600}.banner{font-size:13px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);animation:rise .4s var(--ease-out)}.banner.warn{background:color-mix(in srgb,var(--warn) 12%,transparent);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.banner code,.invite-box code{font-size:15px;font-weight:600;letter-spacing:.06em}.loading-page{padding:48px 0;text-align:center;color:var(--muted)}.page-in{animation:rise .35s var(--ease-out)}input[type=text],input[type=password],input[type=date],input[type=search],input:not([type]),select{width:100%;min-width:0;padding:9px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);transition:border-color .2s,box-shadow .2s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--faint)}label,.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);min-width:0}fieldset.field{border:0;padding:0;margin:0}fieldset.field legend{padding:0;margin-bottom:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{flex-direction:row;align-items:center;gap:8px;color:var(--ink)}.check input{width:18px;height:18px;accent-color:var(--accent)}.money-input{display:flex;align-items:center;gap:6px;flex-direction:row}.money-input input{text-align:right}.money-input span{color:var(--muted)}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form>input,.inline-form>.money-input{flex:1 1 200px}.inline-form>select{flex:0 1 140px;width:auto}.edit-form{display:flex;flex-direction:column;gap:12px}.edit-form.boxed{padding:16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-strong)}.icon-field{max-width:90px}.icon-field input{text-align:center;font-size:18px}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;margin-inline:-16px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px)}.home-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.logo-mark{width:28px;height:28px;border-radius:9px;background:var(--accent-grad);flex-shrink:0;box-shadow:0 0 24px -4px color-mix(in srgb,var(--accent) 70%,transparent);display:inline-grid;place-items:center}.logo-mark:after{content:"";width:12px;height:12px;border-radius:50%;border:2.5px solid var(--on-accent);opacity:.85}.topbar-right{display:flex;align-items:center;gap:8px}.main-nav{margin-right:auto;margin-left:12px}.who{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none}.avatar{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:700;color:var(--on-accent);background:var(--accent-grad)}.ghost,.iconbtn,.small-btn{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);border-radius:var(--radius-sm);transition:background .2s,border-color .2s,transform .1s}.ghost{padding:8px 14px}.small-btn{padding:5px 11px;font-size:13px}.ghost:hover:not(:disabled),.iconbtn:hover:not(:disabled){background:var(--surface-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--line-strong))}.ghost:active,.iconbtn:active,.primary:active,.chip:active{transform:scale(.97)}.ghost:disabled,.iconbtn:disabled{opacity:.4}.primary{position:relative;overflow:hidden;background:var(--accent-grad);color:var(--on-accent);border:0;border-radius:var(--radius-sm);padding:10px 16px;font-weight:700;white-space:nowrap;box-shadow:0 8px 24px -10px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .1s,box-shadow .2s,filter .2s}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%);background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%)}.primary:hover:after{transition:transform .7s var(--ease-out);transform:translate(120%)}.primary:disabled{opacity:.6}.linkbtn{border:0;background:none;color:var(--accent);font-size:13px;font-weight:600;padding:2px 4px;text-decoration:none}.linkbtn:disabled{opacity:.5}.iconbtn{min-width:36px;height:36px;padding:0 10px}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}.align-start{align-self:flex-start}.danger{color:var(--over);border-color:color-mix(in srgb,var(--over) 40%,var(--line))}.row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--ink)}.chip:disabled{opacity:.4}.fab{display:none;position:fixed;right:18px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:30;width:58px;height:58px;border-radius:50%;border:0;font-size:28px;font-weight:600;background:var(--accent-grad);color:var(--on-accent);box-shadow:0 14px 30px -10px color-mix(in srgb,var(--accent) 80%,transparent)}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.seg button{border:0;background:none;border-radius:7px;padding:5px 12px;font-size:13px;color:var(--muted);white-space:nowrap}.seg button[aria-checked=true]{background:var(--surface-2);color:var(--ink);font-weight:700;box-shadow:0 0 0 1px var(--line-strong)}.card{position:relative;isolation:isolate;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0;animation:rise .5s var(--ease-out) both}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(420px circle at var(--mx, -999px) var(--my, -999px),var(--spot),transparent 45%);opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.view{display:flex;flex-direction:column;gap:16px}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.bento>*:nth-child(2),.kpis>*:nth-child(2){animation-delay:.05s}.bento>*:nth-child(3),.kpis>*:nth-child(3){animation-delay:.1s}.bento>*:nth-child(4),.kpis>*:nth-child(4){animation-delay:.15s}.bento>*:nth-child(5){animation-delay:.2s}.controls{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.tabs{display:inline-flex;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.tabs .tab,.tabs button{border:0;background:none;border-radius:9px;padding:6px 14px;font-size:14px;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .2s,background .2s}.tabs .tab[aria-selected=true],.tabs button[aria-selected=true]{color:var(--ink);font-weight:700;background:var(--surface-2);box-shadow:0 0 0 1px var(--line-strong),0 6px 18px -8px color-mix(in srgb,var(--accent) 60%,transparent)}.settings-tabs{overflow-x:auto;max-width:100%;scrollbar-width:none}.period{display:flex;align-items:center;gap:6px}.period-label{font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:-.02em;color:var(--ink);min-width:0}.kpis{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:16px}.kpi{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:4px;min-width:0;box-shadow:var(--shadow);animation:rise .5s var(--ease-out) both}.kpi .label{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.kpi .value{font-size:clamp(18px,2.2vw,24px);font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}.kpi .sub{font-size:12px;color:var(--faint)}.kpi.hero{background:radial-gradient(400px 200px at 0% 0%,var(--accent-soft),transparent 70%),linear-gradient(180deg,var(--surface-2),var(--surface))}.kpi.hero .value{font-size:clamp(24px,3.4vw,34px)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.income,.swatch.income{background:var(--income)}.dot.expense,.swatch.expense{background:var(--expense)}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}.donut-wrap{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.donut{width:100%;max-width:180px;overflow:visible}.donut-track{stroke:var(--line)}.donut-arc{transition:stroke-width .2s var(--ease-out),opacity .2s;cursor:pointer}.donut-arc.dim{opacity:.35}.donut-caption{fill:var(--muted);font-size:11px}.donut-value{fill:var(--ink);font-size:18px;font-weight:600}.legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;min-width:0}.legend-row{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:10px;align-items:center;border:0;background:none;padding:6px 8px;border-radius:8px;text-align:left;font-size:13px}.legend-row:hover:not(:disabled),.legend li.active .legend-row{background:var(--surface-hover)}.legend-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-share{color:var(--muted);font-size:12px}.legend-value{font-weight:600}.budget-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.budget-line{display:flex;justify-content:space-between;gap:8px;font-size:13px}.budget-row.total .budget-label{font-weight:700}.budget-status{font-weight:600}.budget-row.over .budget-status{color:var(--over)}.budget-row.warn .budget-status{color:var(--warn)}.budget-bar{position:relative;height:8px;border-radius:999px;background:var(--line);margin-top:6px;overflow:visible}.budget-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--ok);transition:width .6s var(--ease-out)}.budget-row.warn .budget-fill{background:var(--warn)}.budget-row.over .budget-fill{background:var(--over)}.budget-pace{position:absolute;top:-3px;bottom:-3px;width:2px;border-radius:2px;background:var(--ink);opacity:.55;transform:translate(-1px)}.budget-sub{font-size:11.5px;color:var(--faint);margin-top:4px}.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(70px,120px) 1fr auto;gap:10px;align-items:center;font-size:13px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track,.rank-track{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .6s var(--ease-out)}.bar-value{font-weight:600}.month-bars{display:flex;flex-direction:column;gap:8px}.chart-legend{list-style:none;margin:0;padding:0;display:flex;gap:16px;font-size:12.5px;color:var(--muted)}.chart-legend li{display:inline-flex;align-items:center;gap:6px}.chart-box{position:relative}.chart-box svg{width:100%;height:auto;display:block;overflow:visible}.grid line{stroke:var(--line);stroke-width:1}.axis-text{fill:var(--faint);font-size:11px}.bar.income{fill:var(--income)}.bar.expense{fill:var(--expense)}.hover-band{fill:transparent;transition:fill .15s}.hover-band.on{fill:var(--surface-hover)}.hit{fill:transparent;cursor:pointer;outline:none}.chart-tooltip{position:absolute;top:0;pointer-events:none;z-index:2;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:12.5px;white-space:nowrap}.chart-tooltip span{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.chart-tooltip span b{color:var(--ink);margin-left:auto;padding-left:10px}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.rank-list li{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr 40px auto;gap:10px;align-items:center;font-size:13px}.rank-name{display:inline-flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-fill{display:block;height:100%;border-radius:999px}.rank-share{color:var(--muted);font-size:12px;text-align:right}.rank-value{font-weight:600;text-align:right}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:7px 6px;border-bottom:1px solid var(--line);text-align:right}.data-table th:first-child{text-align:left}.data-table thead th{color:var(--muted);font-weight:600;font-size:12px}.data-table tfoot th,.data-table tfoot td{font-weight:700;border-bottom:0}.data-table a{color:var(--ink);text-decoration:none}.data-table a:hover{color:var(--accent)}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters select{width:auto;flex:0 1 170px}.filters .search{flex:1 1 180px;width:auto}.tx-days{display:flex;flex-direction:column;gap:14px}.tx-day-head{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--muted);padding:0 4px 6px;border-bottom:1px solid var(--line)}.tx-day-sum{display:inline-flex;gap:10px}.tx-list{list-style:none;margin:0;padding:0}.tx-row{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;border:0;background:none;text-align:left;padding:8px 4px;border-radius:var(--radius-sm);transition:background .15s}.tx-row:hover{background:var(--surface-hover)}.tx-icon{width:38px;height:38px;border-radius:12px;display:inline-grid;place-items:center;font-size:18px;flex-shrink:0;background:color-mix(in srgb,var(--chip) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip) 35%,transparent)}.tx-main{display:flex;flex-direction:column;min-width:0}.tx-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-meta{font-size:12px;color:var(--muted);display:flex;gap:4px;flex-wrap:wrap;align-items:center}.tx-amount{font-weight:600;white-space:nowrap}.tx-amount small{font-size:11px;margin-left:1px;color:var(--muted);font-family:var(--font-body)}.tx-amount.income{color:var(--income)}.search-results{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--radius-sm);border:1px dashed var(--line-strong)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 0;color:var(--muted)}.setting-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.setting-row{display:flex;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row.muted{opacity:.55}.setting-main{flex:1;min-width:0;display:flex;flex-direction:column}.setting-main b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-main small{font-size:12px;color:var(--muted);font-weight:400}.setting-edit{padding:12px;margin:6px 0;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-strong)}.color-row{display:flex;flex-wrap:wrap;gap:8px}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 2px var(--surface)}.color-dot[aria-pressed=true]{border-color:var(--ink)}.invite-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;border-radius:var(--radius-sm);background:var(--surface);border:1px dashed var(--line-strong)}.invite-box code{flex:1}.sheet{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface-2);color:var(--ink);box-shadow:0 30px 80px -20px #0009}.sheet[open]{animation:sheet-in .3s var(--ease-out)}.sheet::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet-body{display:flex;flex-direction:column;gap:14px;padding:18px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head b{font-size:16px}.sheet-actions{display:flex;justify-content:space-between;gap:8px;position:sticky;bottom:0}.sheet-actions .primary{flex:1}.type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.type-toggle.small{max-width:240px}.type-toggle button{border:0;background:none;border-radius:9px;padding:8px;font-weight:600;color:var(--muted)}.type-toggle button.expense[aria-checked=true]{background:color-mix(in srgb,var(--expense) 16%,transparent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--expense)}.type-toggle button.income[aria-checked=true]{background:color-mix(in srgb,var(--income) 16%,transparent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--income)}.amount-field{flex-direction:row;align-items:baseline;gap:8px;padding:6px 4px 8px;border-bottom:2px solid var(--line-strong)}.amount-field[data-type=expense]:focus-within{border-color:var(--expense)}.amount-field[data-type=income]:focus-within{border-color:var(--income)}.amount-field input{border:0;background:none;box-shadow:none;padding:0;font-size:34px;font-weight:600;text-align:right;color:var(--ink)}.amount-field input:focus{box-shadow:none}.amount-field .won{font-size:18px;color:var(--muted)}.quick-amounts{display:flex;flex-wrap:wrap;gap:6px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.category-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:12px;color:var(--ink);text-align:center}.category-chip .category-icon{font-size:20px}.category-chip[aria-pressed=true]{border-color:var(--chip);background:color-mix(in srgb,var(--chip) 16%,var(--surface));box-shadow:inset 0 0 0 1px var(--chip)}.toast-slot{position:fixed;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;pointer-events:none;z-index:40}.toast{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13.5px;box-shadow:0 12px 30px -12px #0009;animation:rise .3s var(--ease-out)}.toast .linkbtn{color:var(--bg);text-decoration:underline}.login-page{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;min-height:calc(100vh - 160px)}.login-intro{display:flex;flex-direction:column;gap:16px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--accent-grad)}.login-title{font-size:clamp(32px,5vw,52px);line-height:1.15;letter-spacing:-.03em;color:var(--ink);font-weight:700}.login-title span{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:15px;max-width:420px}.login{max-width:420px;width:100%;justify-self:end}.login-card-title{font-size:18px}.login .tabs{align-self:flex-start}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:960px){.span-5,.span-6,.span-7,.span-8{grid-column:span 12}.kpis{grid-template-columns:1fr 1fr}.kpi.hero{grid-column:span 2}}@media(max-width:640px){body{font-size:14.5px}.topbar{flex-wrap:wrap;row-gap:8px}.main-nav{order:3;width:100%;margin:0;display:grid;grid-template-columns:repeat(3,1fr)}.main-nav .tab{justify-content:center;text-align:center}.brand-text{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.add-btn,.who-name{display:none}.fab{display:grid;place-items:center}.toast-slot{bottom:calc(92px + env(safe-area-inset-bottom,0px))}.kpis{gap:10px}.kpi{padding:12px 14px}.bento{gap:12px}.card{padding:14px}.donut-wrap{grid-template-columns:1fr;justify-items:center}.legend{width:100%}.field-row{grid-template-columns:1fr}.filters select,.filters .search{flex:1 1 calc(50% - 8px)}.rank-list li{grid-template-columns:minmax(0,1fr) 60px auto}.rank-share{display:none}.login-page{grid-template-columns:1fr;gap:20px;min-height:0;padding-top:12px}.login{justify-self:stretch;max-width:none}.sheet{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:20px 20px 0 0;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.data-table th,.data-table td{padding:6px 3px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}