:root{--green:#7dba7d;--mint:#a7d7c5;--bg:#f7f9f7;--surface:#fff;--soft:#f3f7f0;--line:#e5eae2;--text:#333;--muted:#888;--warn:#d4a054;--danger:#c56b5a;--radius-card:16px;--radius-btn:12px;--shadow:0 1px 2px #3333330a;--nav-h:72px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8eee8;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#e8eee8}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}input,select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-btn);outline:none;width:100%;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:var(--green)}.app-shell{background:var(--bg);flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative}.chrome{flex-shrink:0;order:2;display:flex}.chrome>.brand,.chrome>.month-switch{display:none}.page{flex:1;order:1;min-height:0;padding:20px;overflow-y:auto}.home-cats{display:none}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.market-flow{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:12px;min-height:40px;margin-bottom:16px;padding:8px 12px;display:flex;overflow:hidden}.market-now{letter-spacing:.04em;color:#3f7a4a;background:var(--soft);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.market-empty{color:var(--muted);font-size:12px}.market-track{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 12px),#0000)}.market-scroller{width:max-content;animation:32s linear infinite market-scroll;display:flex}.market-scroller:hover{animation-play-state:paused}.market-items{align-items:center;gap:22px;padding-right:22px;display:flex}.market-chip{white-space:nowrap;align-items:baseline;gap:6px;font-size:13px;display:inline-flex}.market-chip .k{color:var(--muted);font-size:12px;font-weight:650}.market-chip .v{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.market-chip .d{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px;font-weight:700}.market-chip.up .d{color:#d6455d}.market-chip.down .d{color:#3b7dd8}@keyframes market-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.market-scroller{animation:none}.market-items.dup{display:none}}.brand{flex-direction:column;gap:2px;display:flex}.brand small,.eyebrow{color:var(--muted);letter-spacing:.01em;font-size:12px}.brand strong,.page-title{letter-spacing:-.03em;font-size:20px;font-weight:700}.month-switch{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.month-switch button{width:32px;height:32px;color:var(--muted);border-radius:50%}.month-switch button:hover{background:var(--soft);color:var(--text)}.month-switch span{text-align:center;min-width:92px;font-size:13px;font-weight:600}.hero{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:24px 22px 20px;display:grid}.hero-copy{min-width:0}.hero-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.hero-label{color:var(--muted);margin-bottom:0;font-size:13px}.hero-toggle{background:var(--soft);border-radius:999px;flex-shrink:0;padding:3px;display:flex}.hero-toggle button{color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:650}.hero-toggle button.on{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.stat-card.featured{border-color:var(--green);background:var(--soft)}.hero-amount{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:1.1}.hero-amount.caution{color:#b07d2e}.hero-amount.warning,.hero-amount.over{color:var(--danger)}.hero-sub{color:var(--muted);margin-top:8px;font-size:13px}.pace{border-top:1px solid var(--line);grid-column:1/-1;margin-top:16px;padding-top:16px;font-size:14px;line-height:1.5}.pace strong{font-weight:600}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);min-width:0;padding:14px 12px}.stat-card span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.stat-card b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;word-break:break-all;font-size:15px;font-weight:700;display:block}.section{margin-top:28px}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-head h2{margin:0;font-size:16px;font-weight:650}.ghost{color:var(--green);font-size:13px;font-weight:600}.list{flex-direction:column;gap:8px;display:flex}.expense-row{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--cat-color,var(--green));border-radius:var(--radius-card);text-align:left;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.expense-row:hover{background:#fbfdfb}.cat-dot{width:40px;height:40px;color:var(--cat-color,#3f5d3f);background:color-mix(in srgb, var(--cat-color,var(--green)) 18%, white);border-radius:12px;place-items:center;font-size:12px;font-weight:700;display:grid}.expense-row .meta{min-width:0}.expense-row .meta b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;display:block;overflow:hidden}.expense-row .meta span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.expense-row .cat-name{color:var(--cat-color,var(--muted));font-style:normal;font-weight:650}.amt-wrap{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.expense-row .amt{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:14px;font-weight:700}.row-del{color:var(--muted);font-size:11px;font-weight:600}.row-del:hover{color:var(--danger)}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-card);text-align:center;color:var(--muted);padding:28px 18px;font-size:14px;line-height:1.6}.empty b{color:var(--text);margin-bottom:6px;font-size:15px;display:block}.app-nav{min-height:var(--nav-h);border-top:1px solid var(--line);width:100%;padding:6px 8px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}.app-nav button{color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.app-nav button.active{color:#3f7a4a;background:var(--soft)}.app-nav svg{width:22px;height:22px}.primary,.secondary{border-radius:var(--radius-btn);justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:700;display:inline-flex}.primary{background:var(--green);color:#fff;width:100%}.primary:disabled{opacity:.4;cursor:not-allowed}.secondary{background:var(--soft);color:var(--text);border:1px solid var(--line);width:100%}.btn-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.amount-box{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:20px;padding:22px 18px 16px}.amount-box label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.amount-box input{letter-spacing:-.05em;text-align:center;font-variant-numeric:tabular-nums;border:0;padding:0;font-size:36px;font-weight:700}.amount-box .remain-preview{border-top:1px solid var(--line);color:var(--muted);margin-top:12px;padding-top:12px;font-size:14px}.amount-box .remain-preview b{color:var(--text)}.amount-box .remain-preview.warn b{color:var(--danger)}.field{margin-top:18px}.field label{margin-bottom:8px;font-size:13px;font-weight:650;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid color-mix(in srgb, var(--chip-color,var(--line)) 45%, var(--line));background:color-mix(in srgb, var(--chip-color,var(--green)) 14%, white);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.chip-dot{background:var(--chip-color,var(--green));border-radius:50%;flex-shrink:0;width:8px;height:8px}.chip.on{background:color-mix(in srgb, var(--chip-color,var(--green)) 18%, white);border-color:var(--chip-color,var(--green));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chip-color,var(--green)) 35%, transparent)}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.success{text-align:center;flex-direction:column;justify-content:center;min-height:60dvh;padding:24px 8px;display:flex}.success h2{margin:0 0 8px;font-size:20px}.success p{color:var(--muted);margin:0}.success .hero-amount{margin:28px 0 8px}.ring{width:92px;height:92px}.bar-track,.mini-track{background:var(--soft);border-radius:99px;height:8px;overflow:hidden}.bar-fill{background:var(--green);border-radius:99px;height:100%}.bar-fill.caution{background:var(--warn)}.bar-fill.warning,.bar-fill.over{background:var(--danger)}.cat-row,.member-row{grid-template-columns:108px 1fr auto;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:grid}.cat-row span.name,.member-row span.name{font-weight:600}.cat-row span.name{align-items:center;gap:8px;min-width:0;display:flex}.cat-pip{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.day-chart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);align-items:flex-end;gap:3px;height:120px;padding:8px 4px 0;display:flex}.day-col{flex:1;align-items:flex-end;height:100%;display:flex}.day-col i{background:var(--mint);border-radius:3px 3px 0 0;width:100%;min-height:2px;display:block}.day-col i.on{background:var(--green)}.legend{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.donut-wrap{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:140px 1fr;align-items:center;gap:18px;padding:20px;display:grid}.donut{border-radius:50%;width:140px;height:140px;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:0}.danger-text{color:var(--danger);font-weight:650}.onboard-screen{background:var(--bg);min-height:100dvh}.onboard-visual{display:none}.onboard{background:var(--bg);flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;padding:48px 24px 32px;display:flex;overflow-y:auto}.onboard h1{letter-spacing:-.04em;margin:0 0 12px;font-size:28px;line-height:1.3}.onboard .lead{color:var(--muted);margin:0 0 36px;font-size:15px;line-height:1.6}.steps{gap:6px;margin-bottom:28px;display:flex}.steps i{background:var(--line);border-radius:99px;flex:1;height:4px}.steps i.on{background:var(--green)}.member-add{grid-template-columns:1fr auto;gap:8px;display:grid}.form-error{color:var(--danger);margin:0 0 12px;font-size:13px;line-height:1.5}.auth-links{flex-direction:column;gap:8px;margin-top:16px;display:flex}.auth-links .ghost{text-align:center;width:100%}.invite-code{letter-spacing:.18em;text-align:center;background:var(--soft);border-radius:var(--radius-btn);padding:16px 12px;font-size:28px;font-weight:700}.toast{left:50%;bottom:calc(var(--nav-h) + 16px);color:#fff;z-index:20;background:#3f5d3f;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;position:absolute;transform:translate(-50%)}.budget-edit,.trend{gap:10px;display:grid}.trend-row{grid-template-columns:72px 1fr 88px;align-items:center;gap:10px;font-size:13px;display:grid}.trend-row b{text-align:right;font-variant-numeric:tabular-nums}@media (width>=1100px){body{background:var(--bg)}.app-shell{border:0;border-radius:0;width:100%;max-width:none;height:100dvh;margin:0;overflow:hidden}.chrome{background:var(--surface);border-bottom:1px solid var(--line);order:0;align-items:center;gap:28px;height:72px;padding:0 40px}.chrome>.brand,.chrome>.month-switch{display:flex}.chrome>.brand{flex-direction:column}.chrome>.brand strong{font-size:22px}.app-nav{background:0 0;border:0;gap:4px;width:auto;min-height:auto;margin-left:auto;padding:0;display:flex}.app-nav button{flex-direction:row;gap:8px;min-width:96px;padding:10px 16px;font-size:14px}.app-nav svg{width:18px;height:18px}.page{padding:28px 40px 36px}.page.home{flex-direction:column;min-height:0;display:flex}.page.home .topbar,.page.wide .topbar{display:none}.market-flow{flex-shrink:0;margin-bottom:16px;padding:10px 18px}.market-now{padding:5px 12px;font-size:12px}.market-track{overflow:visible;-webkit-mask-image:none;mask-image:none}.market-scroller{width:100%;animation:none}.market-items{justify-content:space-between;gap:16px;width:100%;padding-right:0}.market-items.dup{display:none}.market-chip{font-size:14px}.market-chip .k{font-size:13px}.home-board{flex:1;grid-template-rows:minmax(280px,1.1fr) auto auto;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);align-content:stretch;gap:20px;min-height:0;display:grid}.home-board .hero{grid-area:1/1;align-items:center;gap:28px;min-height:0;padding:36px 40px}.home-board .stat-grid{grid-area:2/1;gap:16px;margin-top:0}.home-cats{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-area:3/1;padding:20px 24px 8px;display:block}.home-board .recent{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;grid-area:1/2/-1;min-height:0;margin-top:0;padding:20px;display:flex}.home-board .recent .list{flex:1;min-height:0;overflow-y:auto}.home-board .recent .empty{flex-direction:column;flex:1;justify-content:center;display:flex}.hero-amount{font-size:72px}.hero-label{font-size:16px}.hero-toggle button{padding:8px 14px;font-size:13px}.hero-sub,.pace{font-size:16px}.ring{width:168px;height:168px}.stat-card{padding:20px 18px}.stat-card span{font-size:13px}.stat-card b{font-size:22px}.page.wide{flex-direction:column;min-height:0;display:flex}.stats-grid{flex:1;grid-template-rows:auto 1fr auto;grid-template-columns:1.1fr 1fr;gap:20px;min-height:0;display:grid}.stats-grid .full{grid-column:1/-1}.day-chart{gap:6px;height:220px}.donut{width:180px;height:180px}.donut:after{inset:36px}.add-page,.settings-page{max-width:none;margin:0}.add-layout{grid-template-columns:1fr 1fr;align-items:start;gap:28px;max-width:1100px;display:grid}.amount-box{padding:48px 32px 32px}.amount-box input{font-size:56px}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:1100px;display:grid}.settings-grid .card{margin-top:0!important}.onboard-screen{background:#e8eee8;grid-template-columns:minmax(420px,520px) 1fr;height:100dvh;display:grid}.onboard{background:var(--bg);border:0;border-radius:0;max-width:none;height:100dvh;margin:0}.onboard-visual{color:#3f5d3f;flex-direction:column;justify-content:center;padding:80px;display:flex}.onboard-visual p{letter-spacing:-.05em;margin:0;font-size:48px;font-weight:700;line-height:1.2}.onboard-visual span{color:var(--muted);margin-top:20px;font-size:18px}}