:root{--surface-1:#f6f6f4;--surface-2:#fff;--border:#dddcd6;--text-primary:#1a1a19;--text-secondary:#55544e;--text-muted:#8a897f;--accent:#2a78d6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-1:#111110;--surface-2:#1a1a19;--border:#34332f;--text-primary:#f0efec;--text-secondary:#c3c2b7;--text-muted:#8f8e85;--accent:#3987e5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--surface-1:#111110;--surface-2:#1a1a19;--border:#34332f;--text-primary:#f0efec;--text-secondary:#c3c2b7;--text-muted:#8f8e85;--accent:#3987e5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--surface-1);color:var(--text-primary);margin:0}.page{max-width:960px;margin:0 auto;padding:32px 16px}h1{margin:0;font-size:1.75rem}.subtitle{color:var(--text-secondary);margin:4px 0 24px}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:32px;padding:24px;display:grid}@media (width<=720px){.card{grid-template-columns:1fr;padding:16px}}.form{flex-direction:column;gap:16px;min-width:0;display:flex}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{color:var(--text-secondary);font-size:.85rem}.input-wrap{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;align-items:center;min-height:42px;padding:0 10px;display:flex}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent)}.input-wrap input,.input-wrap select{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:8px 0;font-size:1rem}.affix{color:var(--text-muted);white-space:nowrap;padding:0 2px;font-size:.9rem}.advanced{border-top:1px solid var(--border);padding-top:12px}.advanced summary{cursor:pointer;color:var(--text-secondary);font-weight:600}.advanced[open] summary,.advanced .field-pair{margin-bottom:12px}.hint{color:var(--text-muted);margin:0 0 12px;font-size:.85rem}.reset{border:1px solid var(--border);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:8px 14px}.reset:hover{color:var(--text-primary);border-color:var(--text-muted)}.results{min-width:0}.results-label{color:var(--text-secondary);margin:0;font-size:.9rem}.results-total{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:2.5rem;font-weight:700}.results-loan{color:var(--text-muted);margin:4px 0 20px;font-size:.9rem}.chart{flex-direction:column;gap:20px;display:flex}.donut{aspect-ratio:1;width:100%;max-width:260px;margin:0 auto;position:relative}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-total{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.donut-caption{color:var(--text-muted);font-size:.8rem}.legend{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.legend th,.legend td{border-bottom:1px solid var(--border);padding:6px 0;font-size:.92rem}.legend th{text-align:left;color:var(--text-primary);font-weight:400}.legend td{text-align:right;color:var(--text-primary)}.legend td.pct{width:3.5rem;color:var(--text-secondary)}.legend tr.muted th,.legend tr.muted td{color:var(--text-muted)}.legend tr.muted .swatch{opacity:.35}.swatch{vertical-align:0;border-radius:3px;width:10px;height:10px;margin-right:10px;display:inline-block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.8rem}.field-note{color:var(--text-muted);margin:0;font-size:.78rem}.link-button{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.input-wrap select{background-color:var(--surface-2);cursor:pointer}.input-wrap select option{background-color:var(--surface-2);color:var(--text-primary)}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.theme-toggle{cursor:pointer;background:var(--surface-2);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{color:var(--text-primary);border-color:var(--text-muted)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}