:root{--bg: #f4f7fb;--panel: #ffffff;--accent: #2d67ff;--accent-soft: #e8f0ff;--text: #1b1f2a;--muted: #6b7280;--danger: #ef4444;--border: #e6eaf2}*{box-sizing:border-box}body{margin:0;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;background:radial-gradient(1200px 800px at 15% 0%,#ffffff,var(--bg));color:var(--text)}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.container{width:100%;max-width:520px;display:grid;gap:16px}.hero{background:linear-gradient(135deg,#f5f8ff,#fff);border:1px solid var(--border);border-radius:18px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 14px 40px #10182814}.hero h1{margin:0 0 6px;font-size:22px}.hero p{margin:0;color:var(--muted);font-size:13px}.card{background:var(--panel);border-radius:16px;padding:16px;border:1px solid var(--border);display:grid;gap:10px;box-shadow:0 10px 24px #1018280f}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header h2{margin:0;font-size:16px}.card label{display:block;font-size:12px;color:var(--muted)}input{width:100%;padding:10px 12px;background:#f9fbff;border:1px solid var(--border);color:var(--text);border-radius:10px;font-size:14px}input.invalid{border-color:var(--danger);background:#fff5f5}button{background:var(--accent);color:#fff;border:none;padding:10px 12px;border-radius:10px;font-weight:700;cursor:pointer;font-size:13px}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.actions{display:flex;flex-direction:column;gap:10px}.primary{width:100%;padding:14px 16px;font-size:15px}.theme-list{display:grid;gap:12px}.row-header{display:grid;grid-template-columns:1fr 1fr 1fr 64px;gap:8px;font-size:12px;color:var(--muted);padding:0 4px;align-items:end}.row-header span{align-self:end}.theme-row{display:grid;grid-template-columns:1fr 1fr 1fr 64px;gap:8px}.add-row{width:100%;background:var(--accent-soft);color:var(--accent);font-weight:700}.toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:#f6f8ff;color:var(--text);border:1px solid var(--border)}.toggle-icon{color:var(--muted);font-weight:600}.settings{margin-top:12px;display:grid;gap:12px}.support{background:#fff;border-radius:16px;border:1px solid var(--border);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 10px 24px #1018280f}.support-text{display:grid;gap:6px}.support-text strong{font-size:14px}.support-text span{font-size:12px;color:var(--muted)}.support-btn{background:var(--accent-soft);color:var(--accent);font-weight:700;white-space:nowrap}.result{background:linear-gradient(180deg,#fff,#f7f9fd);border-radius:16px;padding:18px;border:1px solid var(--border);display:grid;gap:12px;box-shadow:0 10px 24px #1018280f}.result h2{margin:0;font-size:17px}.result-list{display:grid;gap:10px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f9fbff;border-radius:12px;border:1px solid var(--border)}.result-item strong{display:block;font-size:14px}.result-item .muted{color:var(--muted);font-size:12px}.amount{font-size:18px;font-weight:800;color:var(--accent)}.error{color:var(--danger);font-size:13px;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:20px;border:1px solid var(--border);display:grid;gap:12px;box-shadow:0 20px 60px #1018282e}.modal h3{margin:0;font-size:16px}.modal p{margin:0;color:var(--muted);font-size:13px}@media(max-width:520px){.row-header,.theme-row{grid-template-columns:1fr 1fr}.theme-row button{grid-column:span 2}.row-header span:nth-child(4){display:none}.support{flex-direction:column;align-items:flex-start}.support-btn{width:100%}}