@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600&display=swap";.page{max-width:960px;margin:0 auto;padding:48px 20px 80px;display:flex;flex-direction:column;gap:28px}.hero{display:grid;gap:12px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:#2f6bdc;margin:0}h1{font-size:36px;line-height:1.2;margin:0;color:#15233b}.lede{margin:0;color:#47556a}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tabs{display:inline-flex;gap:8px;padding:6px;border:1px solid rgba(24,45,77,.12);border-radius:14px;background:#ffffffd1}.tab-button{border:0;border-radius:10px;padding:10px 14px;background:transparent;color:#47556a;font-size:14px;font-weight:600;cursor:pointer}.tab-button.is-active{background:#2f6bdc;color:#fff}.reset-button{border:1px solid rgba(24,45,77,.2);border-radius:12px;padding:10px 14px;background:#ffffffe6;color:#253042;font-size:14px;font-weight:600;cursor:pointer}.reset-button:hover{border-color:#182d4d59}.panel{display:grid;gap:16px;padding:20px;border:1px solid rgba(24,45,77,.12);background:#ffffffd6;border-radius:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 14px 36px #42588014}.field{display:grid;gap:8px}.tab-note{margin:0;color:#4d5b6f;font-size:14px}label{font-weight:600;color:#253042}input[type=number],input[type=text],input[type=range]{width:100%}input[type=number],input[type=text]{padding:12px 14px;border-radius:12px;border:1px solid rgba(24,45,77,.2);background:#fff;color:#15233b;font-size:15px}input[type=number]:focus,input[type=text]:focus{outline:2px solid rgba(47,107,220,.36)}input[type=range]{accent-color:#2f6bdc}.range-meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#47556a;gap:8px}small{color:#627286}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{padding:18px;border:1px solid rgba(24,45,77,.12);background:#ffffffe6;border-radius:14px;display:grid;gap:6px;box-shadow:0 12px 30px #42588014}.card .label{margin:0;color:#627286;font-size:14px}.card .value{margin:0;font-size:22px;font-weight:700;color:#15233b}.card .hint{margin:0;color:#627286}.card .korean{margin:0;color:#36455a;font-size:14px}.chart-panel{display:grid;gap:12px;padding:20px;border:1px solid rgba(24,45,77,.12);border-radius:16px;background:#ffffffe6;box-shadow:0 12px 30px #42588014}.chart-panel h2{margin:0;color:#15233b;font-size:22px}.donut-layout{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:18px}.donut-chart{width:220px;height:220px}.donut-track,.donut-principal,.donut-interest{fill:none;transform:rotate(-90deg);transform-origin:50% 50%}.donut-track{stroke:#e8eefb}.donut-principal{stroke:#2f6bdc;stroke-linecap:butt}.donut-interest{stroke:#ff9f45;stroke-linecap:butt}.donut-center-title{fill:#627286;font-size:13px;font-weight:600}.donut-center-value{fill:#15233b;font-size:22px;font-weight:700}.donut-center-value,.legend-item strong,.axis-label,.line-summary strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.chart-legend{display:grid;gap:12px}.legend-item{display:flex;align-items:flex-start;gap:10px}.legend-item p{margin:0;font-size:14px;color:#627286}.legend-item strong{color:#15233b;font-size:18px}.legend-dot{width:11px;height:11px;border-radius:999px;margin-top:5px}.legend-principal{background:#2f6bdc}.legend-interest{background:#ff9f45}.footer{border-top:1px solid rgba(24,45,77,.14);padding-top:16px;color:#627286;display:grid;gap:4px}.schedule{display:grid;gap:10px}.schedule h2{margin:0;color:#15233b;font-size:22px}.line-chart-wrap{display:grid;gap:14px}.line-chart{width:100%;height:auto;border:1px solid rgba(24,45,77,.12);border-radius:12px;background:#fcfdff}.line-chart-bg{fill:#f5f8ff}.line-grid{stroke:#182d4d24;stroke-width:1}.line-axis{stroke:#182d4d73;stroke-width:1.4}.line-axis-tick{stroke:#182d4d73;stroke-width:1.2}.axis-label{fill:#4d5b6f;font-size:11px}.line-chart-path{fill:none;stroke:#2f6bdc;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.grace-boundary{stroke:#ff9f45;stroke-width:2;stroke-dasharray:6 6}.line-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px 12px}.line-summary p{margin:0;color:#47556a;font-size:14px}.line-summary strong{color:#15233b}.line-summary .line-note{grid-column:1 / -1;color:#627286;font-size:13px}.table-wrap{border:1px solid rgba(24,45,77,.12);border-radius:14px;background:#ffffffeb;overflow:auto;box-shadow:0 12px 30px #42588014}table{width:100%;border-collapse:collapse;min-width:760px}thead th{background:#eff4ff;color:#2d3e57;font-size:13px;text-align:right;padding:10px 12px;border-bottom:1px solid rgba(24,45,77,.12)}thead th:first-child,thead th:nth-child(2),tbody td:first-child,tbody td:nth-child(2){text-align:left}tbody td{font-size:13px;color:#33455c;text-align:right;padding:9px 12px;border-bottom:1px solid rgba(24,45,77,.08)}thead th:nth-child(n+3),tbody td:nth-child(n+3){font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(2n) td{background:#fafcff}@media(max-width:640px){.page{padding:32px 16px 64px}.tabs{width:100%;justify-content:space-between}.tab-button{flex:1;padding:10px 8px}.reset-button{width:100%}.donut-layout{grid-template-columns:1fr;justify-items:center}.chart-legend{width:100%}h1{font-size:30px}}:root{--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;color:#1f2a37;background-color:#f7f8fc;font-family:Space Grotesk,Apple SD Gothic Neo,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 10%,rgba(250,198,124,.35),transparent 35%),radial-gradient(circle at 88% 0%,rgba(111,166,255,.24),transparent 36%),linear-gradient(180deg,#fffdf8,#f3f7ff);color:#1f2a37}#root{min-height:100vh}a{color:inherit}