:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#fcfcff;--color-surface:#fff;--color-surface-soft:#f5f4ff;--color-ink:#242631;--color-ink-muted:#626572;--color-border:#dfe1f0;--color-periwinkle:#7f91ef;--color-periwinkle-strong:#6578dd;--color-lavender:#8d84e5;--color-lavender-soft:#ecebff;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--font-sans:Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--focus-ring:0 0 0 3px #7f91ef59;--shadow-soft:0 1.5rem 4rem #4146781a}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:20rem}body{min-width:20rem;min-height:100vh;color:var(--color-ink);background:radial-gradient(circle at 92% 8%, #8d84e529, transparent 28rem), radial-gradient(circle at 8% 92%, #7f91ef1f, transparent 26rem), var(--color-canvas);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px}:focus-visible{box-shadow:var(--focus-ring);outline:none}.eyebrow{margin:0 0 var(--space-2);color:var(--color-periwinkle-strong);letter-spacing:.12em;font-size:.75rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.8rem,6vw,3rem);line-height:1.08}h2{margin-bottom:0}.primary-button{border-radius:var(--radius-md);color:#fff;background:var(--color-periwinkle-strong);border:0;padding:.75rem 1.1rem;font-weight:800}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button,.danger-button,.text-button{border-radius:var(--radius-md);padding:.7rem 1rem;font-weight:800}.secondary-button{border:1px solid var(--color-border);color:var(--color-ink);background:var(--color-surface)}.danger-button{color:#8e3048;background:#a43d5514;border:1px solid #a43d5540}.text-button{color:var(--color-periwinkle-strong);background:0 0;border:0}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.access-shell{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.access-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(100%,32rem);box-shadow:var(--shadow-soft);background:#fffffff0;padding:clamp(1.5rem,6vw,3rem)}.access-copy{margin:var(--space-4) 0 var(--space-6);color:var(--color-ink-muted);line-height:1.6}.access-form,.entry-form{gap:var(--space-4);display:grid}.access-form label,.entry-form label,.backup-card label{gap:var(--space-2);color:var(--color-ink-muted);font-size:.88rem;font-weight:700;display:grid}.access-form input,.entry-form input,.backup-card input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--color-ink);background:var(--color-surface);padding:0 .9rem}.backup-card input[type=file]{padding:.65rem .75rem}.form-error{color:#a43d55;margin:0;font-size:.88rem}.protected-shell{min-height:100vh;padding-bottom:5.5rem}.app-content{width:min(100% - 2rem,70rem);margin:0 auto;padding:clamp(1.25rem,4vw,3rem) 0}.page-stack{gap:var(--space-6);display:grid}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.hero-balance,.dashboard-card,.empty-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffe6;box-shadow:0 .8rem 2.4rem #4146780f}.hero-balance{gap:var(--space-3);padding:clamp(1.5rem,5vw,2.5rem);display:grid}.hero-balance>span,.card-label{color:var(--color-ink-muted);font-size:.8rem;font-weight:800}.hero-balance>strong{letter-spacing:-.05em;font-size:clamp(2rem,8vw,4rem)}.metric-row{gap:var(--space-4);color:var(--color-ink-muted);flex-wrap:wrap;display:flex}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dashboard-card{padding:var(--space-6)}.dashboard-card strong{margin-top:var(--space-2);font-size:1.75rem;display:block}.dashboard-card .card-title{font-size:1.2rem}.dashboard-card p{margin:var(--space-2) 0 0;color:var(--color-ink-muted);line-height:1.5}.receipt-card{border-style:dashed}.status-pill{margin-top:var(--space-3);background:var(--color-lavender-soft);border-radius:999px;padding:.3rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.empty-panel{padding:var(--space-8);color:var(--color-ink-muted)}.empty-panel strong{margin-bottom:var(--space-2);color:var(--color-ink);display:block}.assistive-copy,.valuation-note{color:var(--color-ink-muted)}.settings-list{gap:var(--space-3);display:grid}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-surface);text-align:left;padding:1rem;display:flex}.settings-row small{color:var(--color-ink-muted)}.backup-panel{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffeb;padding:clamp(1rem,4vw,1.5rem);display:grid}.settings-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.settings-help,.backup-card p,.settings-message{color:var(--color-ink-muted);line-height:1.55}.status-chip{min-height:28px;color:var(--color-periwinkle-strong);background:var(--color-lavender-soft);white-space:nowrap;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.status-chip.warning{color:#8b5c19;background:#fff4d8}.backup-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.backup-card{align-content:start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);display:grid}.backup-card h3,.import-diff h3,.backup-card p{margin:0}.import-diff{gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);display:grid}.settings-message{margin:0}.update-notice{z-index:60;gap:var(--space-4);width:min(100% - 2rem,30rem);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;display:grid;position:fixed;bottom:6.5rem;right:1rem}.update-notice strong{margin-bottom:var(--space-2);display:block}.update-notice p{color:var(--color-ink-muted);margin:0;line-height:1.5}.bottom-navigation{z-index:20;border:1px solid var(--color-border);width:min(100% - 1.5rem,38rem);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-radius:1.25rem;grid-template-columns:repeat(5,1fr);padding:.4rem;display:grid;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.bottom-navigation button{color:var(--color-ink-muted);background:0 0;border:0;border-radius:.9rem;font-size:.8rem;font-weight:800}.bottom-navigation button[aria-current=page]{color:var(--color-periwinkle-strong);background:var(--color-lavender-soft)}.sheet-backdrop{z-index:40;background:#191b2d61;align-items:end;display:grid;position:fixed;inset:0}.transaction-sheet{width:min(100%,42rem);padding:var(--space-6);background:var(--color-surface);border-radius:1.5rem 1.5rem 0 0;margin:0 auto;box-shadow:0 -1rem 4rem #191b2d29}.sheet-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.icon-button{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:50%;width:44px;font-size:1.5rem}.entry-tabs{gap:var(--space-2);margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-soft);grid-template-columns:1fr 1fr;padding:.25rem;display:grid}.entry-tabs button{background:0 0;border:0;border-radius:.75rem;font-weight:800}.entry-tabs button[aria-pressed=true]{color:var(--color-periwinkle-strong);background:#fff;box-shadow:0 .25rem .8rem #41467814}@media (width<=640px){.dashboard-grid,.backup-grid{grid-template-columns:1fr}.page-header{align-items:flex-start}.page-header .primary-button{white-space:nowrap}.bottom-navigation button{font-size:.72rem}.settings-section-header{flex-direction:column;align-items:stretch}.status-chip{align-self:flex-start}.update-notice{width:calc(100% - 1.5rem);bottom:6rem;right:.75rem}}
