@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";.m-app{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg-primary);font-family:var(--font-body);color:var(--color-text-primary)}.m-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);height:56px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:300;box-shadow:var(--shadow-sm)}.m-header-brand{display:flex;align-items:center;gap:var(--space-2)}.m-header-logo{width:28px;height:28px}.m-header-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0}.m-header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;padding-right:var(--space-1)}.m-theme-toggle{display:flex;align-items:center;background:var(--color-bg-tertiary);border:1.5px solid var(--color-border);border-radius:999px;padding:3px;gap:2px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--transition-fast)}.m-theme-toggle:active{border-color:var(--color-border-strong)}.m-theme-seg{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;color:var(--color-text-tertiary);transition:background .2s ease,color .2s ease,box-shadow .2s ease}.m-theme-seg svg{width:16px;height:16px}.m-theme-seg.active{background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:0 1px 4px #0000001f,0 0 0 1px var(--color-border-subtle)}[data-theme=dark] .m-theme-seg.active{background:var(--color-bg-primary);box-shadow:0 1px 4px #0006,0 0 0 1px var(--color-border)}.m-header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast)}.m-header-icon-btn:active{background:var(--color-bg-hover)}.m-header-icon-btn.active{color:var(--color-accent);background:var(--color-accent-subtle)}.m-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-4);padding-top:calc(56px + var(--space-4));padding-bottom:calc(88px + env(safe-area-inset-bottom,16px))}.m-input-pill{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);cursor:pointer;transition:background var(--transition-fast);gap:var(--space-3)}.m-input-pill:active{background:var(--color-bg-hover)}.m-pill-summary{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-pill-edit{display:flex;align-items:center;gap:var(--space-1);font-size:.8125rem;font-weight:600;color:var(--color-accent);background:transparent;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;padding:0}.m-section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;text-align:center;margin:0 0 var(--space-5) 0;color:var(--color-text-primary)}.m-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.m-stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;box-shadow:var(--shadow-sm)}.m-stat-card.accent{background:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.m-stat-card.warning{background:var(--color-error-subtle);border-color:var(--color-error)}.m-stat-label{font-size:.5625rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-weight:600;line-height:1.2}.m-stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.1}.m-stat-card.accent .m-stat-value{color:var(--color-accent)}.m-stat-card.warning .m-stat-value{color:var(--color-error)}.m-stat-sub{font-size:.625rem;color:var(--color-text-tertiary);line-height:1.3}.m-chart-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.m-chart-wrapper{width:100%;height:calc(100dvh - 280px);min-height:340px}.m-schedule{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.m-schedule-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);flex-wrap:wrap;gap:var(--space-2)}.m-schedule-loan-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-text-primary)}.m-schedule-meta{display:flex;gap:var(--space-3)}.m-schedule-meta span{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}.m-schedule-meta span.accent{color:var(--color-accent)}.m-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.m-table{width:100%;border-collapse:collapse;font-size:.875rem}.m-table thead{position:sticky;top:0;z-index:10;background:var(--color-bg-tertiary)}.m-table thead th{padding:var(--space-3) var(--space-3);text-align:center;font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--color-text-tertiary);border-bottom:2px solid var(--color-border)}.m-table tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast)}.m-table tbody tr.even{background:var(--color-bg-tertiary)}.m-table tbody tr:active{background:var(--color-bg-hover)}.m-table td{padding:0 var(--space-3);height:44px;vertical-align:middle;white-space:nowrap}.m-td-month{text-align:center;font-size:.75rem;color:var(--color-text-tertiary);font-weight:500;width:36px}.m-td-balance{text-align:right;font-weight:700;color:var(--color-text-primary);font-family:var(--font-display);font-size:.9375rem}.m-td-payment{text-align:right;color:var(--color-text-secondary);font-weight:500}.m-td-interest{text-align:right;color:var(--color-error);font-weight:500;opacity:.9}.m-table tbody tr.milestone{background:var(--color-accent-subtle)!important}.m-table tbody tr.milestone td{color:var(--color-accent)}.m-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.m-pagination-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.m-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.m-pagination-btn:not(:disabled):active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.m-pagination-info{font-size:.8125rem;color:var(--color-text-secondary);font-weight:500}.m-error{background:var(--color-error-subtle);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-error);font-size:.9375rem;text-align:center;margin-bottom:var(--space-4)}.m-hiw-wrapper{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.m-breakdown-wrapper{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center}.m-more-section{display:flex;flex-direction:column;gap:var(--space-4)}.m-section-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.m-reset-pill{position:fixed;bottom:calc(82px + env(safe-area-inset-bottom));right:16px;z-index:210;display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.02em;cursor:pointer;box-shadow:0 2px 10px #0000001f;transition:color .15s,border-color .15s,background .15s}.m-reset-pill:hover,.m-reset-pill:active{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-subtle)}.m-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:72px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;z-index:200;box-shadow:0 -4px 20px #0000000f}.m-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.625rem;font-weight:500;color:var(--color-text-tertiary);border:none;background:transparent;cursor:pointer;padding:0;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.m-bottom-nav-item.active{color:var(--color-accent)}.m-bottom-nav-item.disabled{opacity:.3;pointer-events:none}.m-bottom-nav-item svg{width:22px;height:22px;stroke-width:1.75;transition:transform var(--transition-fast)}.m-bottom-nav-item.active svg{transform:scale(1.1)}.m-bottom-nav-label{font-size:.625rem;font-weight:500;letter-spacing:.01em}@keyframes mTabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.m-tab-content{animation:mTabFadeIn .2s ease both}.m-loan-tabs{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:var(--space-3);padding-bottom:2px}.m-loan-tabs::-webkit-scrollbar{display:none}.m-loan-tab{flex-shrink:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.m-loan-tab.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}.m-balance-stack{display:flex;flex-direction:column;gap:var(--space-4)}.m-balance-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);padding-bottom:var(--space-3)}.m-balance-card-header{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-2)}.m-balance-card-title{font-family:var(--font-display);font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.m-balance-card-sub{font-size:.75rem;color:var(--color-text-tertiary);font-weight:500}.m-balance-legend{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:0 var(--space-4) var(--space-3);scrollbar-width:none}.m-balance-legend::-webkit-scrollbar{display:none}.m-balance-pill{display:inline-flex;align-items:center;gap:5px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:999px;padding:3px 9px 3px 7px;font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0;color:var(--color-text-primary)}.m-balance-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--pill-color);flex-shrink:0}.m-balance-pill-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.m-balance-pill-dur{font-size:.6875rem;color:var(--color-text-tertiary);font-weight:600}.m-balance-crossover-note{margin:2px var(--space-4) var(--space-3);padding:6px 10px;border-radius:8px;background:#d9770614;border:1px solid rgba(217,119,6,.22);font-size:.7rem;color:#b45309;line-height:1.4}[data-theme=dark] .m-balance-crossover-note{background:#fbbf240f;border-color:#fbbf242e;color:#fbbf24}.m-td-pct{padding:0 var(--space-3) 0 var(--space-2);width:100px}.m-pct-wrap{display:flex;align-items:center;gap:6px}.m-pct-track{flex:1;height:5px;background:var(--color-border);border-radius:999px;overflow:hidden}.m-pct-fill{height:100%;background:var(--color-accent);border-radius:999px;transition:width .3s ease}.m-pct-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);min-width:30px;text-align:right}.msat-root{display:flex;flex-direction:column;gap:0}.msat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.msat-toggle{display:flex;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:999px;padding:3px;gap:2px;flex-shrink:0}.msat-toggle-btn{font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:5px 12px;border-radius:999px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}.msat-toggle-btn.active{background:var(--color-bg-primary);color:var(--color-accent);box-shadow:0 1px 6px #0000001f}.msat-loan-pills{display:flex;gap:6px;overflow-x:auto;padding:0 0 var(--space-3);scrollbar-width:none;-webkit-overflow-scrolling:touch}.msat-loan-pills::-webkit-scrollbar{display:none}.msat-loan-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px 6px 8px;border-radius:999px;border:1.5px solid var(--color-border);background:var(--color-bg-secondary);font-size:.72rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s;flex-shrink:0}.msat-loan-pill.active{border-color:var(--msat-pill-color);color:var(--msat-pill-color);background:color-mix(in srgb,var(--msat-pill-color) 10%,var(--color-bg-secondary))}.msat-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--msat-pill-color);flex-shrink:0}.msat-pill-name{font-weight:600}.msat-info-strip{display:flex;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;gap:0}.msat-info-strip::-webkit-scrollbar{display:none}.msat-info-cell{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:60px;text-align:center}.msat-info-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);font-weight:600;white-space:nowrap}.msat-info-val{font-size:.8rem;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.msat-info-div{width:1px;height:28px;background:var(--color-border);flex-shrink:0;margin:0 var(--space-2)}.msat-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;margin-bottom:var(--space-2);background:var(--color-bg-secondary)}.msat-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:520px}.msat-col-mo{width:72px}.msat-col-start,.msat-col-pmt{width:84px}.msat-col-int{width:76px}.msat-col-net{width:80px}.msat-col-end{width:84px}.msat-th{padding:8px;font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--color-text-tertiary);text-align:right;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);white-space:nowrap;position:sticky;top:0;z-index:2}.msat-col-mo.msat-th{text-align:left;padding-left:12px;position:sticky;left:0;z-index:3}.msat-sticky-col{position:sticky;left:0;z-index:1;background:var(--color-bg-secondary)}.msat-alt .msat-sticky-col{background:var(--color-bg-tertiary)}.msat-sticky-col:after{content:"";position:absolute;top:0;right:-6px;bottom:0;width:6px;background:linear-gradient(to right,rgba(0,0,0,.06),transparent);pointer-events:none}.msat-tr{transition:background .1s}.msat-alt{background:var(--color-bg-tertiary)}.msat-final{background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-secondary))!important}.msat-td{padding:0 8px;height:44px;font-size:.78rem;border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.msat-num{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.msat-balance{font-weight:700;color:var(--color-text-primary)}.msat-zero{font-weight:700}.msat-month-wrap{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px 10px 12px;height:44px;justify-content:center;overflow:hidden}.msat-month-accent{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px}.msat-month-num{font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-primary);line-height:1}.msat-ms-badge{font-size:.58rem;font-weight:700;letter-spacing:.05em;padding:1px 5px;border-radius:999px;line-height:1.4}.msat-progress-strip{position:absolute;bottom:0;left:0;height:2px;width:var(--bar-w);background:var(--bar-c);opacity:.45;border-radius:0 1px 1px 0}.msat-col-legend{display:flex;gap:12px;justify-content:center;padding:var(--space-2) 0;font-size:.65rem;font-weight:600;letter-spacing:.03em;color:var(--color-text-tertiary);opacity:.8}.msat-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--color-border-subtle)}.msat-pg-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s,opacity .12s;display:flex;align-items:center;justify-content:center}.msat-pg-btn:disabled{opacity:.3;cursor:default}.msat-pg-btn:not(:disabled):active{background:var(--color-bg-tertiary)}.msat-pg-center{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px;text-align:center}.msat-pg-num{font-size:.9rem;font-weight:700;color:var(--color-text-primary)}.msat-pg-total{font-weight:400;color:var(--color-text-tertiary)}.msat-pg-range{font-size:.65rem;color:var(--color-text-tertiary);letter-spacing:.02em}.msat-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--space-2);background:var(--color-border)}.msat-sum-item{display:flex;flex-direction:column;gap:3px;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary)}.msat-sum-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;font-weight:600;color:var(--color-text-tertiary)}.msat-sum-val{font-size:.88rem;font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.msim-root{display:flex;flex-direction:column;gap:var(--space-5)}.msim-section{display:flex;flex-direction:column;gap:var(--space-3)}.msim-section-head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.msim-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-primary)}.msim-section-sub{font-size:.7rem;color:var(--color-text-tertiary)}.msim-col-headers{display:flex;justify-content:space-between;padding:0 14px 4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary)}.msim-col-headers>span:first-child{text-align:left}.msim-col-headers>span:not(:first-child){text-align:right}.msim-col-headers-goal{display:grid;grid-template-columns:52px 1fr auto auto;padding:0 0 4px;gap:var(--space-2)}.msim-col-headers-goal>span{text-align:left}.msim-col-headers-goal>span:nth-child(3),.msim-col-headers-goal>span:nth-child(4){text-align:right}.msim-val-label{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);line-height:1}.msim-scenario-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.msim-nav-btn{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:background .12s,color .12s,opacity .12s;min-height:36px}.msim-nav-btn:disabled{opacity:.3;cursor:default}.msim-nav-btn:not(:disabled):active{background:var(--color-bg-tertiary)}.msim-nav-hint{font-size:.65rem;color:var(--color-text-tertiary);text-align:center}.msim-scenario-list{display:flex;flex-direction:column;gap:1px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-border)}.msim-scenario-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:12px 14px 18px;background:var(--color-bg-secondary);border-left:3px solid transparent;overflow:hidden;min-height:52px}.msim-scenario-current{background:var(--color-bg-tertiary)}.msim-scenario-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.msim-scenario-amount{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.msim-scenario-mo{font-size:.65rem;font-weight:500;color:var(--color-text-tertiary);margin-left:1px}.msim-scenario-badge{font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:999px}.msim-badge-current{background:var(--color-accent-subtle);color:var(--color-accent);border:1px solid var(--color-accent-muted)}.msim-badge-min{background:var(--color-warning-subtle, rgba(245,158,11,.12));color:#d97706;border:1px solid rgba(245,158,11,.3)}.msim-scenario-right{display:flex;align-items:flex-end;gap:12px}.msim-scenario-right-cell{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.msim-scenario-date{font-size:.78rem;font-weight:600;color:var(--color-text-primary)}.msim-scenario-interest{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums}.msim-scenario-bar-wrap{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-bg-tertiary)}.msim-scenario-bar{height:100%;border-radius:0 2px 2px 0;transition:width .3s ease}.msim-scenario-legend{display:flex;justify-content:space-between;font-size:.6rem;color:var(--color-text-tertiary);padding:0 var(--space-1);opacity:.7}.msim-goal-list{display:flex;flex-direction:column;gap:1px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-border)}.msim-goal-row{display:flex;align-items:center;gap:0;background:var(--color-bg-secondary);min-height:56px;padding:0}.msim-goal-row:nth-child(2n){background:var(--color-bg-tertiary)}.msim-goal-na{opacity:.5}.msim-goal-years{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;flex-shrink:0;padding:var(--space-3);border-right:1px solid var(--color-border-subtle)}.msim-goal-num{font-size:1.25rem;font-weight:800;line-height:1;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.msim-goal-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-weight:600}.msim-goal-divider{width:1px;background:var(--color-border-subtle);align-self:stretch}.msim-goal-details{flex:1;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-3)}.msim-goal-payment{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.msim-goal-mo{font-size:.65rem;font-weight:500;color:var(--color-text-tertiary);margin-left:1px}.msim-goal-interest{font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums}.msim-goal-na-text{font-size:.78rem;color:var(--color-text-tertiary);font-style:italic}.msim-goal-vs{padding:var(--space-2) var(--space-3);flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.msim-goal-delta-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);line-height:1}.msim-goal-delta{font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.msim-extra-wrap{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.msim-extra-input-row{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-tertiary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);height:48px}.msim-extra-prefix{font-size:1.1rem;font-weight:700;color:var(--color-text-tertiary)}.msim-extra-input{flex:1;border:none;background:transparent;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-primary);outline:none;min-width:0}.msim-extra-clear{border:none;background:transparent;color:var(--color-text-tertiary);font-size:.85rem;cursor:pointer;padding:4px;border-radius:4px}.msim-quick-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.msim-quick-pill{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:999px;border:1.5px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:border-color .12s,color .12s,background .12s;min-height:34px}.msim-quick-pill.active{background:var(--color-accent-subtle)}.msim-extra-total{font-size:.78rem;color:var(--color-text-secondary);margin:0}.msim-strategy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.msim-strategy-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-3) var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;text-align:center;transition:border-color .15s,background .15s;min-height:140px;justify-content:center}.msim-strategy-card:active{opacity:.8}.msim-best-badge{position:absolute;top:-8px;right:6px;font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;color:#fff}.msim-strat-emoji{font-size:1.3rem;line-height:1}.msim-strat-name{font-size:.78rem;font-weight:700;color:var(--color-text-primary)}.msim-strat-sub{font-size:.6rem;color:var(--color-text-tertiary);line-height:1.2}.msim-strat-divider{width:100%;height:1px;background:var(--color-border-subtle);margin:4px 0}.msim-strat-interest{font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}.msim-strat-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-weight:600}.msim-strat-metric-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-weight:600;line-height:1}.msim-strat-time{font-size:.72rem;font-weight:600;color:var(--color-text-secondary)}.msim-strat-saved{font-size:.65rem;font-weight:700}.msim-chart-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary);padding:var(--space-3)}.msim-alloc-list{display:flex;flex-direction:column;gap:var(--space-3)}.msim-alloc-row{display:flex;gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);align-items:flex-start}.msim-alloc-rank{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.msim-alloc-num{font-size:.75rem;font-weight:700;color:var(--color-text-secondary)}.msim-alloc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.msim-alloc-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.msim-alloc-name{font-size:.85rem;font-weight:700;color:var(--color-text-primary);truncate:ellipsis;overflow:hidden;white-space:nowrap}.msim-alloc-pmt{font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.msim-alloc-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-tertiary)}.msim-alloc-bar-track{height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden;margin:2px 0}.msim-alloc-bar-fill{height:100%;border-radius:2px;transition:width .3s ease;opacity:.7}.msim-alloc-footer{display:flex;justify-content:space-between;font-size:.68rem;color:var(--color-text-tertiary)}.msim-alloc-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--space-2)}.msim-alloc-sum-item{display:flex;flex-direction:column;gap:3px;padding:var(--space-3);background:var(--color-bg-secondary);text-align:center}.msim-alloc-sum-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-text-tertiary)}.msim-alloc-sum-val{font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.mg-root{padding-bottom:var(--space-6)}.mg-page-header{padding:var(--space-5) var(--space-4) var(--space-4);text-align:center}.mg-page-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.mg-loan-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);color:var(--color-accent);font-size:.75rem;font-weight:600;margin-bottom:var(--space-2)}.mg-example-banner{font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:6px 10px;margin-bottom:var(--space-2);line-height:1.4}.mg-page-sub{font-size:.8125rem;color:var(--color-text-tertiary);margin:var(--space-1) 0 0;line-height:1.5}.mg-section{border-top:1px solid var(--color-border)}.mg-section:last-child{border-bottom:1px solid var(--color-border)}.mg-section-header{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left;color:var(--color-text-primary);transition:background .15s}.mg-section-header:active{background:var(--color-bg-tertiary)}.mg-section--open .mg-section-header{background:var(--color-bg-secondary)}.mg-sec-num{font-family:var(--font-display);font-size:.6875rem;font-weight:800;color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:6px;padding:2px 6px;flex-shrink:0}.mg-section-header-text{flex:1;display:flex;flex-direction:column;gap:1px}.mg-section-title{font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.mg-section-sub{font-size:.75rem;color:var(--color-text-tertiary);line-height:1.3}.mg-section-body{padding:var(--space-2) var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.mg-note{font-size:.8rem;color:var(--color-text-secondary);line-height:1.55;margin:0;padding:8px 10px;background:var(--color-bg-tertiary);border-radius:8px;border-left:3px solid var(--color-accent-muted)}.mg-triad{display:flex;flex-direction:column;gap:0}.mg-triad-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-4)}.mg-triad-card--hi{background:var(--color-error-subtle);border-color:var(--color-error)}.mg-triad-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.mg-triad-glyph{width:40px;height:40px;border-radius:50%;background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);color:var(--color-accent);font-family:var(--font-display);font-size:1.125rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mg-triad-glyph--hi{background:var(--color-error-subtle);border-color:var(--color-error);color:var(--color-error)}.mg-triad-name{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.mg-triad-val{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.mg-triad-desc{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.mg-triad-connector{text-align:center;color:var(--color-text-tertiary);font-size:1.25rem;line-height:1.2;padding:2px 0}.mg-rate-chain{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;padding:var(--space-3) var(--space-3)}.mg-rate-chain-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.mg-rate-chain-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.mg-rate-chip{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:5px 10px}.mg-rate-chip-val{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--color-accent)}.mg-rate-chip-desc{font-size:.625rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.mg-rate-op{font-size:.75rem;font-weight:700;color:var(--color-text-tertiary);padding:0 2px}.mg-split-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-4)}.mg-split-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:4px}.mg-split-amount{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--color-text-primary);margin-bottom:10px}.mg-split-bar{height:12px;border-radius:999px;overflow:hidden;display:flex;margin-bottom:10px;background:var(--color-bg-tertiary)}.mg-split-bar-interest{background:var(--color-error);transition:width .6s ease}.mg-split-bar-principal{background:var(--color-accent);transition:width .6s ease}.mg-split-labels{display:flex;flex-direction:column;gap:5px}.mg-split-label{display:flex;align-items:center;gap:6px;font-size:.8rem}.mg-split-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mg-split-dot--int{background:var(--color-error)}.mg-split-dot--pri{background:var(--color-accent)}.mg-split-lbl-text{color:var(--color-text-secondary);flex:1}.mg-split-lbl-val{font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.mg-flow{display:flex;flex-direction:column;padding:0 var(--space-2);position:relative}.mg-flow-step{display:flex;align-items:flex-start;gap:var(--space-3)}.mg-flow-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:4px}.mg-flow-dot--neutral{background:var(--color-text-tertiary)}.mg-flow-dot--pay{background:var(--color-accent)}.mg-flow-dot--down{background:#22c55e}.mg-flow-dot--int{background:var(--color-error)}.mg-flow-line{width:2px;height:20px;background:var(--color-border);margin-left:5px}.mg-flow-content{flex:1;padding-bottom:4px}.mg-flow-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:2px}.mg-flow-tag--pay{color:var(--color-accent)}.mg-flow-tag--down{color:#16a34a}.mg-flow-tag--int{color:var(--color-error)}.mg-flow-big{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;color:var(--color-text-primary)}.mg-flow-caption{font-size:.75rem;color:var(--color-text-tertiary)}.mg-flow-split{display:flex;flex-direction:column;gap:1px;margin-top:2px}.mg-flow-int{font-size:.75rem;color:var(--color-error);font-weight:600}.mg-flow-pri{font-size:.75rem;color:var(--color-accent);font-weight:600}.mg-daily-cost{display:flex;align-items:center;justify-content:space-between;background:var(--color-error-subtle);border:1px solid var(--color-error);border-radius:8px;padding:8px 12px}.mg-daily-cost-label{font-size:.75rem;color:var(--color-text-secondary)}.mg-daily-cost-val{font-weight:700;color:var(--color-error);font-size:.875rem;font-variant-numeric:tabular-nums}.mg-term-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mg-term-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;padding:10px 12px}.mg-term-type{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary);margin-bottom:3px}.mg-term-val{font-family:var(--font-display);font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.mg-term-note{font-size:.6875rem;color:var(--color-text-tertiary);margin-top:2px;line-height:1.3}.mg-formula{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-4)}.mg-formula-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.mg-formula-display{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-3);justify-content:center}.mg-formula-lhs{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-accent)}.mg-formula-frac{display:flex;flex-direction:column;align-items:center;gap:3px}.mg-formula-num,.mg-formula-den{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.mg-formula-bar{height:1.5px;width:100%;background:var(--color-text-tertiary)}.mg-formula-legend{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--color-text-secondary);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.mg-formula-result{color:var(--color-accent);font-weight:700;margin-top:2px}.mg-trace-title{font-size:.8125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.mg-trace-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:10px}.mg-trace-table{width:100%;min-width:480px;border-collapse:collapse;font-size:.78rem;font-variant-numeric:tabular-nums}.mg-trace-table th{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;text-align:right}.mg-trace-table th:first-child{text-align:center}.mg-trace-table td{padding:8px 10px;text-align:right;border-top:1px solid var(--color-border);color:var(--color-text-secondary)}.mg-trace-mo{text-align:center!important;font-weight:700;color:var(--color-text-primary)!important}.mg-col-int{color:var(--color-error)!important}.mg-col-pri{color:var(--color-accent)!important}.mg-trace-ellipsis td{text-align:center;color:var(--color-text-tertiary);font-style:italic;padding:6px}.mg-trace-last td{font-weight:600}.mg-trace-zero{color:var(--color-accent)!important;font-weight:700!important}.mg-cascade{border:1px solid var(--color-border);border-radius:12px;padding:var(--space-4);background:var(--color-bg-secondary)}.mg-cascade-title{font-size:.875rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.mg-cascade-flow{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.mg-cascade-budget{display:flex;justify-content:space-between;align-items:center;background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:8px;padding:8px 12px}.mg-cascade-budget-label{font-size:.75rem;color:var(--color-text-secondary)}.mg-cascade-budget-val{font-family:var(--font-display);font-weight:700;color:var(--color-accent)}.mg-cascade-arrow{text-align:center;font-size:.75rem;color:var(--color-text-tertiary);font-weight:600}.mg-cascade-arrow--surplus{color:var(--color-accent)}.mg-cascade-loans{display:flex;flex-direction:column;gap:6px}.mg-cascade-chip{display:flex;align-items:center;gap:6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:7px 10px;flex-wrap:wrap}.mg-cascade-chip--top{background:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.mg-cascade-chip-name{font-weight:600;font-size:.8rem;color:var(--color-text-primary);flex:1}.mg-cascade-chip-apr{font-size:.7rem;color:var(--color-error);font-weight:600}.mg-cascade-chip-min{font-size:.7rem;color:var(--color-text-tertiary);margin-left:auto}.mg-cascade-surplus{background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:8px;padding:8px 12px;font-size:.8rem;color:var(--color-accent);font-weight:600;text-align:center}.mg-cascade-freed{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;font-size:.8rem;color:var(--color-text-secondary);line-height:1.4}.mg-loan-tabs{display:flex;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}.mg-loan-tabs::-webkit-scrollbar{display:none}.mg-loan-tab{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.mg-loan-tab--active{background:var(--color-accent-subtle);border-color:var(--color-accent-muted);color:var(--color-accent)}.mg-loan-panel{display:flex;flex-direction:column;gap:var(--space-3)}.mg-loan-tagline{font-size:.8375rem;color:var(--color-text-secondary);line-height:1.5;margin:0;font-style:italic}.mg-insights{display:flex;flex-direction:column;gap:10px}.mg-insight{display:flex;gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-3) var(--space-3)}.mg-insight-icon{font-size:1.25rem;flex-shrink:0;margin-top:1px}.mg-insight-body{flex:1}.mg-insight-title{font-size:.875rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.mg-insight-text{font-size:.8rem;color:var(--color-text-secondary);line-height:1.55;margin:0}.mg-insight-callout{margin-top:6px;padding:5px 10px;background:var(--color-accent-subtle);border-left:3px solid var(--color-accent);border-radius:0 6px 6px 0;font-size:.775rem;font-weight:700;color:var(--color-accent)}.m-debt-free-banner{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-4) var(--space-5);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-md);margin-bottom:var(--space-4);text-align:center}.m-debt-free-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-accent)}.m-debt-free-date{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--color-accent);letter-spacing:-.01em}.view-mode-toggle{display:inline-flex;align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:3px;gap:2px;flex-shrink:0}.view-mode-toggle .view-mode-btn{position:relative;padding:5px 14px;border-radius:6px;border:none;background:transparent;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap;min-height:unset;line-height:1.4}.view-mode-toggle .view-mode-btn:hover:not(.active){color:var(--color-text-primary);background:var(--color-bg-hover);border-color:transparent}.view-mode-toggle .view-mode-btn.active{background:var(--color-accent);color:#fff;font-weight:600;box-shadow:0 1px 4px #0000002e;border-color:transparent}.chart-legend-pills{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 4px;max-height:68px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.chart-legend-pills::-webkit-scrollbar{height:4px;width:4px}.chart-legend-pills::-webkit-scrollbar-track{background:transparent}.chart-legend-pills::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.legend-pill{display:inline-flex;align-items:center;gap:5px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:999px;padding:3px 9px 3px 7px;font-size:.75rem;white-space:nowrap;flex-shrink:0}.legend-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--pill-color);flex-shrink:0}.legend-pill-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary);font-weight:500}.legend-pill-dur{color:var(--color-text-tertiary);font-size:.6875rem;font-weight:600}@media (max-width: 768px){.chart-legend-pills{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;padding-bottom:6px;scrollbar-width:none}.chart-legend-pills::-webkit-scrollbar{display:none}}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-payoff{font-size:.75rem;font-weight:600;opacity:.85;margin-left:2px}.per-loan-table-view{display:flex;flex-direction:column}.loan-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:0;padding:0 2px;overflow-x:auto}.loan-tab{display:flex;align-items:center;gap:7px;padding:10px 18px 10px 14px;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease;white-space:nowrap;margin-bottom:-1px;border-radius:6px 6px 0 0}.loan-tab:hover:not(.active){background:var(--color-bg-hover);color:var(--color-text-primary)}.loan-tab.active{font-weight:600;background:var(--color-bg-secondary)}.loan-tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.loan-tab-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.loan-tab-meta{font-size:.72rem;font-weight:500;opacity:.7;background:var(--color-bg-tertiary);padding:1px 6px;border-radius:10px}.loan-tab-stats{display:flex;gap:0;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.loan-tab-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 12px;border-right:1px solid var(--color-border);gap:2px}.loan-tab-stat:last-child{border-right:none}.loan-tab-stat .stat-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.loan-tab-stat .stat-value{font-size:.95rem;font-weight:700;color:var(--color-text-primary)}.loan-tab-stat .stat-value.interest{color:var(--color-error)}.loan-table-view{display:flex;flex-direction:column}.app{max-width:1280px;margin:0 auto;padding:var(--space-6) var(--space-5);min-height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.header-content{flex:1}.header-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.header-logo{width:48px;height:48px}header h1{margin:0;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-text-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.03em}header p{font-size:1.25rem;max-width:none;line-height:1.5;color:var(--color-text-secondary);font-weight:450}.header-tagline{font-size:1.375rem;font-weight:500;color:var(--color-text-primary);letter-spacing:-.01em}.header-tagline .highlight{color:var(--color-accent);font-weight:600}.tagline-separator{display:inline-block;width:.5rem}.theme-toggle{position:relative;width:64px;height:32px;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0}.theme-toggle__track{display:block;width:100%;height:100%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-base)}.theme-toggle:hover .theme-toggle__track{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.theme-toggle__thumb{position:absolute;top:4px;left:4px;width:24px;height:24px;background:var(--color-accent);border-radius:var(--radius-full);transition:transform var(--transition-bounce);box-shadow:var(--shadow-md)}[data-theme=dark] .theme-toggle__thumb{transform:translate(32px)}@media (max-width: 480px){[data-theme=dark] .theme-toggle__thumb{transform:translate(26px)}}.theme-toggle__icons{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;pointer-events:none}.theme-toggle__sun,.theme-toggle__moon{width:16px;height:16px;transition:opacity var(--transition-base),transform var(--transition-base)}.theme-toggle__sun{color:var(--color-warning);opacity:1;transform:scale(1)}.theme-toggle__moon{color:var(--color-accent);opacity:.4;transform:scale(.8)}[data-theme=dark] .theme-toggle__sun{opacity:.4;transform:scale(.8)}[data-theme=dark] .theme-toggle__moon{opacity:1;transform:scale(1)}main{display:flex;flex-direction:column;gap:var(--space-6);flex:1}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card--elevated{box-shadow:var(--shadow-md)}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.card__title{display:flex;align-items:center;gap:var(--space-3)}.card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-md)}.card__icon svg{width:20px;height:20px}.loan-input{display:flex;flex-direction:column;gap:var(--space-5)}.loan-input__header{text-align:center;margin-bottom:var(--space-2)}.loan-input__header h2{margin-bottom:var(--space-2);font-size:1.75rem}.loan-input__header p{color:var(--color-text-tertiary);font-size:1rem}.loan-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.loan-tab{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.loan-tab:hover{background:var(--color-bg-hover)}.loan-tab--active{background:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.loan-tab__icon{font-size:1.5rem}.loan-tab__label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.loan-tab--active .loan-tab__label{color:var(--color-text-primary)}.loan-tab--locked{opacity:.35;cursor:not-allowed;pointer-events:none}.loan-type-lock-notice{font-size:.75rem;color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent)}.loan-tab__count{position:absolute;top:var(--space-1);right:var(--space-1);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-text-inverse);font-size:.6875rem;font-weight:700;border-radius:var(--radius-full);padding:0 var(--space-1)}.loan-input__content{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-5)}.loan-input__type-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.loan-input__type-header h3{font-size:1.25rem;margin-bottom:var(--space-1)}.loan-input__type-header p{color:var(--color-text-tertiary);font-size:.9375rem}.loan-input__type-actions{display:flex;gap:var(--space-2);align-items:center}.btn--add{padding:var(--space-2) var(--space-4);font-size:.875rem;min-height:40px;white-space:nowrap}.btn--ghost{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-family:var(--font-body);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn--ghost:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost svg{opacity:.7;transition:opacity var(--transition-fast)}.btn--ghost:hover svg{opacity:1}.btn--sample{white-space:nowrap}.loan-input__empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-tertiary)}.loan-input__empty p{margin-bottom:var(--space-4);font-size:1.0625rem}.loan-input__empty-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.loan-input__empty-actions .btn{display:inline-flex}.empty-divider{color:var(--color-text-quaternary);font-size:.8125rem;font-weight:500;text-transform:lowercase}.loan-entries{display:flex;flex-direction:column;gap:var(--space-4)}.loan-entry{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.loan-entry:hover{box-shadow:var(--shadow-sm)}.loan-entry__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.loan-entry__number{flex:1;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.loan-entry__number--editable{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2));border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.loan-entry__number--editable:hover{background:var(--color-bg-hover)}.loan-entry__edit-icon{opacity:0;transition:opacity var(--transition-fast);color:var(--color-text-tertiary)}.loan-entry__number--editable:hover .loan-entry__edit-icon{opacity:1}.loan-entry__name-input{flex:1;font-size:1rem;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);outline:none;box-shadow:0 0 0 3px var(--color-accent-subtle)}.loan-entry__name-input::placeholder{color:var(--color-text-tertiary);font-weight:400}.loan-entry__remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.loan-entry__remove:hover{background:var(--color-error-subtle);border-color:var(--color-error);color:var(--color-error)}.loan-entry__fields{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.loan-entry__fields .form-group{gap:var(--space-1)}.loan-entry__fields .form-group label{font-size:.8125rem;font-weight:500;color:var(--color-text-tertiary)}.loan-entry__fields .form-group input{padding:var(--space-3);padding-left:var(--space-6);font-size:1rem}.loan-entry__fields .input-prefix{left:var(--space-3);font-size:.875rem}.loan-entry__fields .input-suffix{right:var(--space-3);font-size:.875rem}.loan-entry__fields--secondary,.loan-entry__fields--tertiary,.loan-entry__fields--pmi{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border-subtle)}.form-select{width:100%;padding:var(--space-3);font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);outline:none;cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23868e96' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-7)}.form-select:hover{background-color:var(--color-bg-hover)}.form-select:focus{background-color:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle)}.input--readonly{background:var(--color-bg-tertiary)!important;color:var(--color-text-secondary)!important;cursor:default;opacity:.8}.input--warning{color:var(--color-warning)!important;font-weight:600}.input--success{color:var(--color-success)!important;font-weight:600}.pmi-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-warning-subtle);border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary)}.pmi-notice__icon{font-size:1rem}.loan-entry__notice{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:.875rem}.loan-entry__notice--info{background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);color:var(--color-text-primary)}.notice__icon{font-size:1rem}.info-tooltip-wrapper{position:relative;display:inline-flex;margin-left:var(--space-1);vertical-align:middle;cursor:help}.info-tooltip-wrapper:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:100%;height:12px;pointer-events:none}.info-tooltip-wrapper:hover:before{pointer-events:auto}.info-tooltip__trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-tertiary);cursor:help;transition:all var(--transition-fast)}.info-tooltip__trigger svg{width:12px;height:12px;flex-shrink:0}.info-tooltip__trigger:hover,.info-tooltip__trigger:focus{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.info-tooltip__content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:280px;padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:tooltipFadeIn .15s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;text-align:left}.info-tooltip__content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--color-bg-elevated)}.info-tooltip__content:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:9px solid transparent;border-top-color:var(--color-border)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.info-tooltip__term{font-weight:600;font-size:.9375rem;color:var(--color-text-primary);margin-bottom:var(--space-2)}.info-tooltip__definition{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.info-tooltip__how-to-find{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-tertiary)}.info-tooltip__find-label{font-weight:500;color:var(--color-accent)}.loan-entry__fields .info-tooltip-wrapper:first-child .info-tooltip__content{left:0;transform:translate(0)}.loan-entry__fields .info-tooltip-wrapper:first-child .info-tooltip__content:after,.loan-entry__fields .info-tooltip-wrapper:first-child .info-tooltip__content:before{left:16px;transform:translate(0)}.info-tooltip__backdrop,.info-tooltip__sheet-handle,.info-tooltip__sheet-close{display:none}@media (max-width: 768px){.info-tooltip__trigger{width:24px;height:24px;min-width:24px;min-height:24px;cursor:pointer}.info-tooltip__trigger svg{width:16px;height:16px}.info-tooltip__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.info-tooltip__content{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-width:100%;transform:none;border-radius:20px 20px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));z-index:1000;animation:sheetSlideUp .22s cubic-bezier(.34,1.2,.64,1);box-shadow:0 -8px 40px #0003}.info-tooltip__content:after,.info-tooltip__content:before{display:none}.info-tooltip__sheet-handle{display:block;width:36px;height:4px;background:var(--color-border-strong);border-radius:var(--radius-full);margin:0 auto 16px;opacity:.5}.info-tooltip__term{font-size:1rem;margin-bottom:var(--space-3)}.info-tooltip__definition{font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-4)}.info-tooltip__how-to-find{font-size:.875rem;margin-bottom:var(--space-4)}.info-tooltip__sheet-close{display:block;width:100%;padding:13px;margin-top:var(--space-3);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;letter-spacing:-.01em}.loan-entry__fields .info-tooltip-wrapper:first-child .info-tooltip__content{left:0;transform:none}}@keyframes sheetSlideUp{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.label-with-tooltip{display:flex;align-items:center;gap:0}.label-with-tooltip label{margin-bottom:0}.student-loan-payment-section{margin-top:var(--space-6);padding:var(--space-5);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);position:relative;overflow:hidden}.student-loan-payment-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-muted));opacity:.8}.payment-section-header{margin-bottom:var(--space-4)}.payment-section-header h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.payment-mode-toggle{display:inline-flex;gap:0;padding:var(--space-1);background:var(--color-bg-secondary);border-radius:var(--radius-full);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.payment-mode-option{position:relative}.payment-mode-btn{padding:var(--space-2) var(--space-5);background:transparent;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);position:relative}.payment-mode-btn:hover:not(.payment-mode-btn--active){color:var(--color-text-secondary)}.payment-mode-btn--active{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.payment-mode-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:220px;padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:100}.payment-mode-option:hover .payment-mode-tooltip{opacity:1;visibility:visible}.payment-mode-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--color-bg-elevated)}.payment-mode-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:9px solid transparent;border-top-color:var(--color-border)}.split-budget-form{display:flex;flex-direction:column;gap:var(--space-5)}.budget-input-row{display:flex;gap:var(--space-5);align-items:flex-start}@media (max-width: 640px){.budget-input-row{flex-direction:column}}.budget-field{flex:0 0 200px}@media (max-width: 640px){.budget-field{flex:1;width:100%}}.budget-field label,.strategy-field label{display:block;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.budget-field .input-wrapper{position:relative;background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.budget-field .input-wrapper:focus-within{box-shadow:0 0 0 3px var(--color-accent-subtle),var(--shadow-md)}.budget-field input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-8);font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);background:transparent;border:none;outline:none;-moz-appearance:textfield}.budget-field input::-webkit-outer-spin-button,.budget-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.budget-field .input-prefix{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--color-text-tertiary)}.budget-minimum-wrap{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.budget-minimum{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-tertiary)}.budget-minimum:before{content:"→";color:var(--color-accent);font-weight:600}.budget-minimum-tooltip{position:relative;display:inline-flex}.budget-minimum-info{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:.75rem;color:var(--color-text-quaternary);cursor:help;transition:color var(--transition-fast)}.budget-minimum-tooltip:hover .budget-minimum-info{color:var(--color-accent)}.budget-minimum-tooltip-content{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:260px;padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:100}.budget-minimum-tooltip:hover .budget-minimum-tooltip-content{opacity:1;visibility:visible}.budget-minimum-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--color-bg-elevated)}.budget-minimum-tooltip-content:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:9px solid transparent;border-top-color:var(--color-border)}.budget-minimum-tooltip-content strong{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.budget-minimum-tooltip-content p{font-size:.75rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.strategy-field{flex:1}.strategy-select-buttons{display:flex;gap:var(--space-2)}.strategy-btn-wrap{flex:1;position:relative}.strategy-select-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.strategy-select-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.strategy-select-btn--active{border-color:var(--color-accent);background:var(--color-accent-subtle);box-shadow:0 0 0 3px var(--color-accent-subtle),var(--shadow-md)}.strategy-select-btn .strategy-icon{font-size:1.5rem;line-height:1}.strategy-select-btn .strategy-name{font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.strategy-select-btn .strategy-desc{font-size:.6875rem;color:var(--color-text-tertiary);text-align:center;line-height:1.3}.strategy-select-btn--active .strategy-name{color:var(--color-accent)}.strategy-hover-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:200px;padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:100}.strategy-btn-wrap:hover .strategy-hover-tooltip{opacity:1;visibility:visible}.strategy-hover-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--color-bg-elevated)}.strategy-hover-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:9px solid transparent;border-top-color:var(--color-border)}.strategy-hover-tooltip strong{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.strategy-hover-tooltip p{font-size:.75rem;line-height:1.4;color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.payment-mode-tooltip,.strategy-hover-tooltip{display:none}}@media (max-width: 480px){.strategy-select-buttons{flex-direction:column}.strategy-select-btn{flex-direction:row;justify-content:flex-start;text-align:left;padding:var(--space-3)}.strategy-select-btn .strategy-icon{font-size:1.25rem}.strategy-select-btn .strategy-desc{text-align:left}}.allocate-action{display:flex;justify-content:flex-start}.btn--allocate{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn--allocate:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--allocate:disabled{opacity:.5;cursor:not-allowed}.btn--highlight{animation:highlightPulse .6s ease-out}@keyframes highlightPulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--color-accent)}25%{transform:scale(1.05);box-shadow:0 0 0 8px transparent;background:var(--color-accent);color:var(--color-text-inverse)}50%{transform:scale(1.02);box-shadow:0 0 0 4px var(--color-accent-subtle);background:var(--color-accent);color:var(--color-text-inverse)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.simulate-button-wrap{display:inline-flex}.allocation-preview{margin-top:var(--space-5);padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.allocation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.allocation-header h5{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0}.allocation-strategy{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-accent-subtle);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-accent)}.allocation-list{display:flex;flex-direction:column;gap:var(--space-3)}.allocation-item{display:grid;grid-template-columns:1fr 2fr auto;gap:var(--space-4);align-items:center;padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);transition:background var(--transition-fast)}.allocation-item:hover{background:var(--color-bg-tertiary)}.allocation-item__info{display:flex;flex-direction:column;gap:2px}.allocation-item__name{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.allocation-item__details{font-size:.75rem;color:var(--color-text-tertiary)}.allocation-item__bar-container{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.allocation-item__bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-muted));border-radius:var(--radius-full);transition:width .5s ease-out;min-width:4px}.allocation-item__amount{display:flex;align-items:baseline;gap:2px;text-align:right;min-width:80px}.allocation-item__amount strong{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.allocation-item__amount span{font-size:.75rem;color:var(--color-text-tertiary)}.allocation-total{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:2px solid var(--color-border)}.allocation-total span{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.allocation-total strong{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-accent)}.manual-allocation{margin-top:var(--space-4);padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.allocation-item--slider{grid-template-columns:1fr 2fr auto;gap:var(--space-3);padding:var(--space-4)}.allocation-item__min{font-size:.6875rem;color:var(--color-text-quaternary);margin-top:2px}.allocation-item__slider-wrap{position:relative;display:flex;align-items:center;height:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.allocation-slider{position:absolute;z-index:3;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.allocation-slider::-webkit-slider-runnable-track{width:100%;height:12px;background:transparent;border-radius:var(--radius-full)}.allocation-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-accent);border:2px solid var(--color-bg);border-radius:50%;margin-top:-2px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.allocation-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-lg)}.allocation-slider::-moz-range-track{width:100%;height:12px;background:transparent;border-radius:var(--radius-full)}.allocation-slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-accent);border:2px solid var(--color-bg);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.allocation-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-lg)}.allocation-item__bar--slider{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-muted));border-radius:var(--radius-full);z-index:1;pointer-events:none;transition:width .1s ease-out}.allocation-item__amount--editable{display:flex;align-items:center;gap:2px;min-width:100px}.allocation-item__amount--editable .amount-prefix{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text-tertiary)}.allocation-item__amount--editable .amount-input{width:60px;padding:var(--space-1) var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-text-primary);text-align:right;-moz-appearance:textfield}.allocation-item__amount--editable .amount-input::-webkit-outer-spin-button,.allocation-item__amount--editable .amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.allocation-item__amount--editable .amount-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}@media (max-width: 640px){.allocation-item--slider{grid-template-columns:1fr auto;grid-template-rows:auto auto}.allocation-item__slider-wrap{grid-column:1 / -1;order:3}}@media (max-width: 640px){.allocation-item{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--space-2)}.allocation-item__bar-container{grid-column:1 / -1;order:3}.allocation-item__amount{min-width:auto}}.student-loan-controls{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.loan-summary-bar{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.loan-summary-item{flex:1;display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.loan-summary-label{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.loan-summary-value{font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.strategy-recommendation{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-success-subtle);border:1px solid var(--color-success);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.recommendation-icon{font-size:1.25rem;flex-shrink:0}.recommendation-text strong{display:block;font-size:.9375rem;color:var(--color-success);margin-bottom:var(--space-1)}.recommendation-text p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.budget-warning{display:block;font-size:.75rem;color:var(--color-error);margin-top:var(--space-1)}.budget-extra{display:block;font-size:.75rem;color:var(--color-success);margin-top:var(--space-1)}@media (max-width: 480px){.loan-summary-bar{flex-direction:column;gap:var(--space-3)}.loan-summary-item{flex-direction:row;justify-content:space-between;text-align:left}}.loan-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.loan-mode-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.loan-mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-accent) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-base)}.loan-mode-card:hover:not(.loan-mode-card--active){border-color:var(--color-border-strong);background:var(--color-bg-hover)}.loan-mode-card--active{border-color:var(--color-accent);background:var(--color-accent-subtle);box-shadow:0 0 0 1px var(--color-accent),inset 0 1px #ffffff0f}.loan-mode-card--active:before{opacity:.04}.loan-mode-card__icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);transition:background var(--transition-fast),color var(--transition-fast)}.loan-mode-card__icon svg{width:18px;height:18px}.loan-mode-card--active .loan-mode-card__icon{background:var(--color-accent-muted);color:var(--color-accent)}.loan-mode-card__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.loan-mode-card__label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:-.01em;line-height:1.2;transition:color var(--transition-fast)}.loan-mode-card--active .loan-mode-card__label{color:var(--color-accent)}.loan-mode-card__desc{font-size:.75rem;color:var(--color-text-tertiary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loan-mode-card--active .loan-mode-card__desc{color:var(--color-accent);opacity:.75}.loan-mode-card__check{flex-shrink:0;width:16px;height:16px;color:var(--color-border);transition:color var(--transition-fast)}.loan-mode-card--active .loan-mode-card__check{color:var(--color-accent)}@media (max-width: 480px){.loan-mode-selector{grid-template-columns:1fr;gap:var(--space-2)}.loan-mode-card__desc{white-space:normal}}.auto-allocate-controls{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.auto-allocate-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media (max-width: 768px){.auto-allocate-row{grid-template-columns:1fr}}.auto-budget-input label,.auto-strategy-select label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.auto-budget-input input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-6);font-family:var(--font-body);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast);-moz-appearance:textfield}.auto-budget-input input::-webkit-outer-spin-button,.auto-budget-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.auto-budget-input input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle)}.strategy-buttons{display:flex;gap:var(--space-2)}.strategy-btn-wrapper{flex:1;position:relative}.strategy-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.strategy-btn__icon{font-size:1.125rem}.strategy-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.strategy-btn--active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.strategy-btn--active:hover{background:var(--color-accent-subtle)}.strategy-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:260px;padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.strategy-btn-wrapper:hover .strategy-tooltip{opacity:1;visibility:visible}.strategy-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--color-bg-elevated)}.strategy-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:9px solid transparent;border-top-color:var(--color-border)}.strategy-tooltip strong{display:block;font-size:.9375rem;color:var(--color-text-primary);margin-bottom:var(--space-2)}.strategy-tooltip p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-3) 0}.strategy-tooltip p em{color:var(--color-accent);font-style:normal;font-weight:600}.strategy-tooltip__pros{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.strategy-tooltip__pros .pro-label{font-size:.8125rem;font-weight:600;color:var(--color-success)}.strategy-tooltip__pros .pro-detail{font-size:.8125rem;color:var(--color-text-tertiary)}.auto-allocate-summary{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.summary-text{font-size:.875rem;color:var(--color-text-tertiary)}.summary-total{font-size:.9375rem;color:var(--color-text-primary)}.summary-total strong{color:var(--color-accent)}.specify-mode-hint{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-tertiary);text-align:center}@media (max-width: 768px){.mode-tooltip,.strategy-tooltip{display:none}}@media (max-width: 480px){.mode-toggle,.strategy-buttons{flex-direction:column}.strategy-btn{justify-content:flex-start}}.loan-input__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.loan-input__summary{color:var(--color-text-tertiary);font-size:.9375rem}.loan-input__footer .btn--primary{width:auto;min-width:180px}.loan-form{display:grid;gap:var(--space-5);max-width:560px;margin:0 auto;width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:1rem;font-weight:500;color:var(--color-text-secondary);letter-spacing:.01em}.input-wrapper{position:relative}.input-prefix,.input-suffix{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:.9375rem;pointer-events:none;transition:color var(--transition-fast)}.input-prefix{left:var(--space-4)}.input-suffix{right:var(--space-4)}.form-group input{width:100%;padding:var(--space-4) var(--space-5);padding-left:var(--space-7);font-family:var(--font-body);font-size:1.25rem;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast);-moz-appearance:textfield;font-size:max(1.25rem,16px)}.form-group input::-webkit-outer-spin-button,.form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input::placeholder{color:var(--color-text-tertiary)}.form-group input:hover{background:var(--color-bg-hover)}.form-group input:focus{background:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle)}.form-group input:focus+.input-prefix,.form-group input:focus~.input-suffix{color:var(--color-accent)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group .error{font-size:.8125rem;color:var(--color-error);display:flex;align-items:center;gap:var(--space-2)}.form-group .error:before{content:"";width:4px;height:4px;background:var(--color-error);border-radius:var(--radius-full)}.form-actions{padding-top:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-family:var(--font-display);font-size:1.125rem;font-weight:600;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:52px;letter-spacing:-.01em}.btn--primary{width:100%;background:var(--color-accent);color:var(--color-text-inverse);box-shadow:0 2px 8px #0d94884d}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #0d948866}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--simulate{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-size:1rem;font-weight:600}.btn--simulate svg{width:18px;height:18px;stroke-width:2.5}.btn--simulate:not(:disabled):hover svg{animation:pulse-glow 1s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn--icon{padding:var(--space-2);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--icon:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--icon:disabled{opacity:.4;cursor:not-allowed}.btn--icon svg{width:18px;height:18px}.spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-section{padding:var(--space-4) var(--space-5);background:var(--color-error-subtle);border:1px solid var(--color-error);border-radius:var(--radius-md);text-align:center}.error-message{color:var(--color-error);font-weight:500}.results-summary h3{margin-bottom:var(--space-5)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 768px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.summary-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.summary-item{padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1)}.summary-item .label{font-size:.875rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.summary-item .value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.summary-item .sub{font-size:.9375rem;color:var(--color-text-tertiary);font-weight:400}.summary-item.highlight{background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted)}.summary-item.highlight .value{color:var(--color-accent)}.summary-item.highlight.warning{background:var(--color-error-subtle);border-color:var(--color-error)}.summary-item.highlight.warning .value{color:var(--color-error)}.chart-container{position:relative}.chart-container h3{margin:0}.chart-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.chart-title-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.chart-title-row h3{margin:0}.chart-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.window-control{display:flex;align-items:center;gap:var(--space-2)}.window-slider{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:140px}.window-slider input[type=range]{width:100%;height:4px;cursor:pointer;accent-color:var(--color-accent)}.window-label{font-size:.75rem;color:var(--color-text-tertiary);white-space:nowrap}.chart-controls button{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-height:44px}.chart-controls button:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.chart-controls button:disabled{opacity:.4;cursor:not-allowed}.toggle-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.toggle-option:hover{background:var(--color-bg-hover)}.toggle-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent);cursor:pointer}.simulate-btn{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.simulate-btn:hover:not(:disabled){background:var(--color-accent-hover)}.simulate-btn:disabled{opacity:.6;cursor:not-allowed}.fullscreen-btn{padding:var(--space-2);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;transition:all var(--transition-fast);line-height:1}.fullscreen-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.chart-legend{display:flex;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:.9375rem;color:var(--color-text-secondary)}.legend-line{width:20px;height:3px;border-radius:2px}.legend-line.green{background:var(--color-chart-payment)}.legend-line.red{background:var(--color-chart-interest)}.legend-line.maroon{background:var(--color-chart-cumulative)}.legend-line.milestone-gradient{background:linear-gradient(90deg,var(--color-chart-milestone-25) 0%,var(--color-chart-milestone-50) 50%,var(--color-chart-milestone-75) 100%)}.chart-wrapper{width:100%;height:450px}.simulation-progress{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;margin-bottom:var(--space-3)}.progress-bar{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-chart-payment) 0%,var(--color-accent) 50%,var(--color-chart-interest) 100%);border-radius:var(--radius-full);transition:width .1s ease-out}.progress-text{font-size:.8125rem;color:var(--color-text-tertiary);white-space:nowrap}.custom-tooltip{background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:280px}.custom-tooltip p{margin:var(--space-1) 0;font-size:.875rem;color:var(--color-text-secondary)}.custom-tooltip strong{color:var(--color-text-primary)}.custom-tooltip hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-2) 0}.chart-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--color-bg-primary);padding:var(--space-5);border-radius:0;display:flex;flex-direction:column}.chart-fullscreen .chart-header{flex-shrink:0}.chart-fullscreen .chart-wrapper{flex:1;height:auto;min-height:0}.payment-slider-container h3{margin-bottom:var(--space-1);font-size:1.125rem}.slider-description{color:var(--color-text-tertiary);font-size:.875rem;margin-bottom:var(--space-4);line-height:1.5}.slider-control{margin-bottom:var(--space-4)}.payment-range{width:100%;height:6px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.payment-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-accent);cursor:pointer;border:3px solid var(--color-bg-secondary);box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.payment-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.payment-range::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-accent);cursor:pointer;border:3px solid var(--color-bg-secondary);box-shadow:var(--shadow-md)}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:.8125rem;color:var(--color-text-tertiary)}.slider-labels .current-value{color:var(--color-accent);font-weight:600;font-size:.9375rem}.slider-comparison{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.comparison-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.comparison-label{color:var(--color-text-tertiary);font-size:.8125rem;min-width:120px}.comparison-original{color:var(--color-text-tertiary);text-decoration:line-through;font-size:.8125rem}.comparison-arrow{color:var(--color-text-tertiary);font-size:.875rem}.comparison-new{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.comparison-new.good{color:var(--color-success)}.comparison-new.bad{color:var(--color-error)}.comparison-new.increase{color:var(--color-warning)}.comparison-new.decrease{color:var(--color-success)}.comparison-new .diff{font-size:.75rem;margin-left:var(--space-2);opacity:.8}.savings-highlight{padding:var(--space-3) var(--space-4);background:var(--color-success-subtle);border:1px solid var(--color-success);border-radius:var(--radius-md);text-align:center;font-size:.8125rem;color:var(--color-text-primary);line-height:1.5}.savings-highlight.warning{background:var(--color-error-subtle);border-color:var(--color-error)}.savings-amount{color:var(--color-success);font-size:.9375rem;font-weight:600}.cost-amount{color:var(--color-error);font-size:.9375rem;font-weight:600}.individual-sliders{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.loan-slider-item{padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.loan-slider-item:hover{border-color:var(--color-border-strong)}.loan-slider-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.loan-slider-info{display:flex;align-items:center;gap:var(--space-3)}.loan-slider-icon{font-size:1.5rem}.loan-slider-details{display:flex;flex-direction:column;gap:2px}.loan-slider-name{font-weight:600;font-size:1rem;color:var(--color-text-primary)}.loan-slider-meta{font-size:.8125rem;color:var(--color-text-tertiary)}.loan-slider-impact{flex-shrink:0}.impact-badge{display:inline-flex;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.impact-badge.good{background:var(--color-success-subtle);color:var(--color-success)}.impact-badge.bad{background:var(--color-error-subtle);color:var(--color-error)}.loan-slider-control{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.slider-track-wrap{flex:1;position:relative;height:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.slider-track-wrap .allocation-slider{position:absolute;z-index:3;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.slider-track-wrap .allocation-slider::-webkit-slider-runnable-track{height:12px;background:transparent}.slider-track-wrap .allocation-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--color-accent);border:2px solid var(--color-bg);border-radius:50%;margin-top:-2px;box-shadow:var(--shadow-sm);cursor:pointer}.slider-track-wrap .allocation-slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-accent);border:2px solid var(--color-bg);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer}.slider-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-muted));border-radius:var(--radius-full);pointer-events:none;transition:width .1s ease-out}.loan-slider-value{display:flex;align-items:center;gap:2px;flex-shrink:0}.loan-slider-value .value-display{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-accent)}.loan-slider-value .value-suffix{font-size:.875rem;color:var(--color-text-tertiary)}.loan-slider-stats{display:flex;gap:var(--space-4);font-size:.8125rem}.stat-item{display:flex;align-items:center;gap:var(--space-2)}.stat-label{color:var(--color-text-tertiary)}.stat-value{font-weight:600;color:var(--color-text-primary)}.stat-value.good{color:var(--color-success)}.stat-value.muted{color:var(--color-text-tertiary);font-weight:400}.stat-diff{font-size:.75rem;opacity:.8;margin-left:var(--space-1)}.slider-summary{padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.summary-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.summary-label{font-weight:500;color:var(--color-text-secondary)}.summary-values{display:flex;align-items:center;gap:var(--space-3)}.summary-original{color:var(--color-text-tertiary);text-decoration:line-through}.summary-arrow{color:var(--color-text-tertiary)}.summary-new{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.summary-new.increase{color:var(--color-warning)}.summary-new.decrease{color:var(--color-success)}.slider-summary .savings-highlight{margin-top:0}@media (max-width: 640px){.loan-slider-header{flex-direction:column;gap:var(--space-2)}.loan-slider-control{flex-direction:column;align-items:stretch}.loan-slider-value{justify-content:flex-end}.loan-slider-stats{flex-direction:column;gap:var(--space-2)}}.breakdown-container h3{margin-bottom:var(--space-5)}.breakdown-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}@media (max-width: 768px){.breakdown-content{grid-template-columns:1fr}}.breakdown-chart{width:100%}.pie-center-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);text-align:center;pointer-events:none}.pie-center-label{display:block;font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--color-text-tertiary);margin-bottom:2px}.pie-center-value{display:block;font-family:var(--font-display);font-size:1.0625rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1}.pie-legend-pills{display:flex;justify-content:center;gap:8px;margin-top:4px;flex-wrap:wrap}.pie-legend-pill{display:inline-flex;align-items:center;gap:5px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:999px;padding:4px 10px 4px 8px;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,border-color .15s}.pie-legend-pill:hover{background:var(--color-bg-secondary);border-color:var(--pill-color)}.pie-info-panel{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;min-height:28px;transition:opacity .15s;flex-wrap:wrap}.pie-info-name{font-size:.8rem;font-weight:600;letter-spacing:.01em}.pie-info-value{font-size:.875rem;font-weight:700;color:var(--color-text-primary)}.pie-info-pct{font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:999px;padding:2px 8px}.pie-legend-dot{width:8px;height:8px;border-radius:50%;background:var(--pill-color);flex-shrink:0}.pie-legend-pct{font-weight:700;color:var(--color-text-primary);margin-left:2px}.pie-tooltip{border-radius:12px;padding:var(--space-3) var(--space-4)}.pie-tooltip p{margin:var(--space-1) 0;font-size:.875rem;color:var(--color-text-secondary)}.breakdown-stats{display:flex;flex-direction:column;gap:var(--space-3)}.stat-item{padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2)}.stat-item .stat-label{color:var(--color-text-tertiary);font-size:1rem;flex:1}.stat-item .stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.stat-item .stat-percent{color:var(--color-text-tertiary);font-size:.9375rem;min-width:55px;text-align:right}.stat-item.principal{border-left:3px solid var(--color-success)}.stat-item.principal .stat-value{color:var(--color-success)}.stat-item.interest{border-left:3px solid var(--color-error)}.stat-item.interest .stat-value{color:var(--color-error)}.cost-ratio{padding:var(--space-4);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-md);text-align:center}.cost-ratio .ratio-label{display:block;color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--space-2)}.cost-ratio .ratio-value{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-accent)}.extended-stats{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.extended-stats h4{margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.insight-card{padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1)}.insight-label{font-size:.8125rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.insight-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.insight-value.highlight{color:var(--color-accent)}.insight-value.interest{color:var(--color-error)}.insight-value.principal{color:var(--color-success)}.insight-desc{font-size:.875rem;color:var(--color-text-tertiary);line-height:1.4}.amortization-table-container .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.amortization-table-container h3{margin:0}.expand-btn{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.expand-btn:hover{background:var(--color-accent-hover)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border)}.amortization-table{width:100%;border-collapse:collapse;font-size:1rem}.amortization-table th,.amortization-table td{padding:var(--space-3) var(--space-4);text-align:right;border-bottom:1px solid var(--color-border)}.amortization-table th{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.amortization-table td{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.amortization-table tbody tr{transition:background-color var(--transition-fast)}.amortization-table tbody tr:hover{background:var(--color-bg-hover)}.amortization-table tbody tr:last-child td{border-bottom:none}.amortization-table .month-col{text-align:center;font-weight:600;color:var(--color-text-tertiary)}.amortization-table .payment-col{color:var(--color-text-primary)}.amortization-table .interest-col{color:var(--color-error)}.amortization-table .principal-col{color:var(--color-success)}.amortization-table .net-progress-col{color:var(--color-accent);font-weight:600}.amortization-table .cumulative-col{color:var(--color-warning)}.amortization-table .zero-balance{color:var(--color-success);font-weight:600}.amortization-table .final-row{background:var(--color-success-subtle)}.amortization-table .milestone-row.milestone-25{background:#7dd3fc1a;border-left:3px solid var(--color-chart-milestone-25)}.amortization-table .milestone-row.milestone-50{background:#0ea5e91a;border-left:3px solid var(--color-chart-milestone-50)}.amortization-table .milestone-row.milestone-75{background:#0369a11a;border-left:3px solid var(--color-chart-milestone-75)}.milestone-badge{display:inline-block;margin-left:var(--space-2);padding:2px 6px;border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;color:#fff}.milestone-badge.milestone-25{background:var(--color-chart-milestone-25);color:#0c4a6e}.milestone-badge.milestone-50{background:var(--color-chart-milestone-50)}.milestone-badge.milestone-75{background:var(--color-chart-milestone-75)}.table-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.table-pagination button{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.table-pagination button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}.table-pagination button:disabled{opacity:.4;cursor:not-allowed}.page-info{padding:0 var(--space-4);font-size:1rem;color:var(--color-text-tertiary)}.page-months{display:block;font-size:.875rem;color:var(--color-text-tertiary);opacity:.7}.table-summary{display:flex;justify-content:space-around;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.table-summary .summary-item{text-align:center;background:transparent;padding:var(--space-2)}.table-summary .label{display:block;font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.table-summary .value{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.table-summary .value.principal{color:var(--color-success)}.table-summary .value.interest{color:var(--color-error)}.fab-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:flex;flex-direction:column;gap:var(--space-3)}.fab{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-text-primary);color:var(--color-bg-primary);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #00000040;transition:all var(--transition-fast)}.fab svg{width:22px;height:22px;flex-shrink:0}.fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 24px #0000004d}.fab--reset:hover{background:var(--color-error);color:#fff}.fab:active{transform:translateY(0)}.fab-nav-pill{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:0 4px 20px #0003;overflow:hidden}.fab-nav-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:transparent;color:var(--color-text-secondary);border:none;font-family:var(--font-body);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.fab-nav-btn svg{width:18px;height:18px;flex-shrink:0}.fab-nav-btn:first-child{border-bottom:1px solid var(--color-border-subtle)}.fab-nav-btn:hover:not(.active){background:var(--color-bg-hover);color:var(--color-text-primary)}.fab-nav-btn.active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600}@media (max-width: 480px){.fab-container{bottom:var(--space-4);right:var(--space-4)}.fab{padding:var(--space-4)}.fab svg{width:24px;height:24px}.fab span,.fab-nav-btn span{display:none}.fab-nav-btn{padding:var(--space-3);justify-content:center}}footer{text-align:center;margin-top:auto;padding-top:var(--space-6);padding-bottom:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:.875rem}@media (max-width: 768px){.app{padding:var(--space-4)}header{flex-direction:column;gap:var(--space-4);align-items:flex-start}.header-actions{align-self:flex-end}header h1{font-size:2.25rem}header p{font-size:1.0625rem;line-height:1.6;white-space:normal}.card{padding:var(--space-5)}.chart-header{flex-direction:column;align-items:flex-start}.chart-controls{width:100%;justify-content:flex-start}.chart-wrapper{height:350px}.summary-item .value{font-size:1.5rem}}@media (max-width: 768px){.loan-tabs{gap:var(--space-1)}.loan-tab{min-width:80px;padding:var(--space-2)}.loan-tab__icon{font-size:1.25rem}.loan-tab__label{font-size:.6875rem}.loan-input__type-header{flex-direction:column;gap:var(--space-3)}.loan-input__type-actions{width:100%;flex-direction:row}.btn--add{flex:1}.btn--sample{flex:0 0 auto}.loan-entry__fields{grid-template-columns:1fr;gap:var(--space-3)}.loan-input__footer{flex-direction:column;gap:var(--space-3)}.loan-input__footer .btn--primary{width:100%}}@media (max-width: 480px){.app{padding:var(--space-4)}header{margin-bottom:var(--space-6);padding-bottom:var(--space-4)}header h1{font-size:2rem;line-height:1.15}header p{font-size:1rem;line-height:1.6;margin-top:var(--space-2);white-space:normal}.header-tagline{font-size:1rem;letter-spacing:0}.header-logo{width:36px;height:36px}.theme-toggle{width:52px;height:26px;align-self:center;margin-top:0}.theme-toggle__thumb{width:18px;height:18px;top:4px;left:4px}.theme-toggle__icons{padding:0 5px}.theme-toggle__sun,.theme-toggle__moon{width:12px;height:12px}.app-tab-nav{width:100%;justify-content:stretch}.app-tab{flex:1;text-align:center;padding:var(--space-2) var(--space-3);font-size:.875rem}.card{padding:var(--space-5);border-radius:var(--radius-md)}.loan-input__header h2{font-size:1.5rem}.loan-tabs{padding:var(--space-1);gap:var(--space-1)}.loan-tab{min-width:60px;padding:var(--space-2) var(--space-1)}.loan-tab__icon{font-size:1.125rem}.loan-tab__label{font-size:.625rem}.loan-tab__count{min-width:16px;height:16px;font-size:.5625rem}.loan-input__content{padding:var(--space-4)}.loan-input__type-header h3{font-size:1.125rem}.loan-entry{padding:var(--space-3)}.loan-entry__header{gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.loan-entry__number{width:24px;height:24px;font-size:.6875rem}.loan-entry__name{font-size:1rem}.loan-entry__fields .form-group input{padding:var(--space-3);padding-left:var(--space-5);font-size:1rem}.loan-form{gap:var(--space-4)}.form-group label{font-size:1rem}.form-group input{padding:var(--space-4);padding-left:var(--space-6);font-size:1.125rem}.input-prefix{left:var(--space-3);font-size:1rem}.input-suffix{right:var(--space-3);font-size:1rem}.btn{font-size:1.0625rem;padding:var(--space-4);min-height:56px}.loan-tab-stats{flex-wrap:wrap}.loan-tab-stat{flex:1 1 calc(50% - 1px);min-width:0}.loan-tab-stat .stat-value{font-size:.85rem}.loan-tab-name{max-width:80px}.summary-grid{gap:var(--space-3)}.summary-item{padding:var(--space-3)}.summary-item .label{font-size:.6875rem;letter-spacing:.02em}.summary-item .value{font-size:1.125rem}.summary-item .sub{font-size:.6875rem}.chart-controls{flex-direction:column;align-items:stretch;gap:var(--space-3)}.window-control{justify-content:space-between;width:100%}.window-slider{flex:1;min-width:0}.window-control button{min-height:48px;font-size:1rem}.toggle-option{justify-content:center;min-height:48px;font-size:1rem}.simulate-btn{width:100%;min-height:48px;font-size:1rem}.fullscreen-btn{min-height:48px;padding:var(--space-3);font-size:1.125rem}.chart-wrapper{height:420px}.chart-legend{gap:var(--space-4)}.legend-item{font-size:.875rem}.slider-description{font-size:1rem}.payment-range{height:8px}.payment-range::-webkit-slider-thumb{width:28px;height:28px}.slider-labels{font-size:.9375rem}.slider-labels .current-value{font-size:1.125rem}.slider-comparison{gap:var(--space-4)}.comparison-row{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border-bottom:none}.comparison-label{font-size:.9375rem;min-width:auto;font-weight:500}.comparison-original{font-size:1rem}.comparison-arrow{display:none}.comparison-new{font-size:1.125rem}.comparison-new .diff{font-size:.9375rem;display:block;margin-left:0;margin-top:var(--space-1)}.savings-highlight{padding:var(--space-5);font-size:1.0625rem}.savings-amount,.cost-amount{font-size:1.375rem;display:block;margin-top:var(--space-2)}.breakdown-content{gap:var(--space-5)}.stat-item{padding:var(--space-4)}.stat-item .stat-label{font-size:.9375rem}.stat-item .stat-value{font-size:1.375rem}.cost-ratio{padding:var(--space-5)}.cost-ratio .ratio-label{font-size:1rem}.cost-ratio .ratio-value{font-size:2.25rem}.stats-grid{gap:var(--space-3)}.insight-card{padding:var(--space-4)}.insight-label{font-size:.75rem}.insight-value{font-size:1.375rem}.insight-desc{font-size:.8125rem}.table-wrapper{margin:0 calc(-1 * var(--space-5));border-radius:0;border-left:none;border-right:none}.amortization-table{font-size:.875rem}.amortization-table th{font-size:.6875rem;padding:var(--space-2) var(--space-2)}.amortization-table td{padding:var(--space-2) var(--space-2)}.table-pagination{flex-wrap:wrap;gap:var(--space-2)}.table-pagination button{min-height:48px;padding:var(--space-2) var(--space-3);font-size:1rem}.page-info{width:100%;text-align:center;order:-1;margin-bottom:var(--space-2)}.table-summary{flex-direction:column;gap:var(--space-3)}.table-summary .summary-item{flex-direction:row;justify-content:space-between;text-align:left}.table-summary .label{margin-bottom:0}footer{padding-top:var(--space-5);margin-top:var(--space-6);font-size:.9375rem}}@media (max-width: 360px){.app{padding:var(--space-3)}header h1{font-size:1.75rem}header p{font-size:.9375rem}.card{padding:var(--space-4)}.summary-item .value,.stat-item .stat-value{font-size:1.25rem}.cost-ratio .ratio-value{font-size:2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeIn .4s ease-out}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.2s}.card:nth-child(4){animation-delay:.3s}.card:nth-child(5){animation-delay:.4s}.card:nth-child(6){animation-delay:.5s}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.debt-payoff-strategy{display:flex;flex-direction:column;gap:var(--space-6)}.strategy-header{text-align:center}.strategy-header h3{margin-bottom:var(--space-2)}.strategy-subtitle{color:var(--color-text-tertiary);font-size:1rem}.extra-payment-input{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-5)}.extra-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.extra-payment-header label{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.extra-payment-hint{font-size:.875rem;color:var(--color-text-tertiary)}.extra-payment-control{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.extra-payment-control .input-wrapper{flex:1;min-width:150px;max-width:200px}.extra-payment-control input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-6);font-family:var(--font-body);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast);-moz-appearance:textfield}.extra-payment-control input::-webkit-outer-spin-button,.extra-payment-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.extra-payment-control input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle)}.quick-amounts{display:flex;gap:var(--space-2);flex-wrap:wrap}.quick-amount-btn{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.quick-amount-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.quick-amount-btn.active{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.extra-payment-summary{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text-primary);text-align:center}.extra-payment-summary strong{color:var(--color-accent)}.strategy-selector{margin-bottom:var(--space-4)}.strategy-tabs{display:flex;gap:var(--space-2);background:var(--color-bg-tertiary);padding:var(--space-2);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.strategy-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.strategy-tab:hover{background:var(--color-bg-hover)}.strategy-tab--active{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.strategy-tab__content{display:flex;align-items:center;gap:var(--space-2)}.strategy-tab__icon{font-size:1.25rem}.strategy-tab__badge{font-size:.6875rem;font-weight:600;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);padding:1px 7px;border-radius:99px;letter-spacing:.02em;text-transform:uppercase}.strategy-description{text-align:center;font-size:.9375rem;color:var(--color-text-tertiary)}.strategy-comparison-table{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-5)}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-2)}.comparison-header h4{margin:0;font-size:1.125rem}.comparison-extra{font-size:.875rem;color:var(--color-accent);font-weight:500}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 768px){.comparison-grid{grid-template-columns:1fr}}.comparison-card{position:relative;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.comparison-card:hover{border-color:var(--color-accent);background:#0d94880f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.comparison-card--selected{border-color:var(--color-accent);background:#0d94881a;box-shadow:0 0 0 3px #0d94881f}.comparison-card--selected:hover{transform:none;background:#0d94881a}.comparison-card--best.comparison-card--selected{border-color:var(--color-accent);box-shadow:0 0 0 3px #0d94881f}.best-badge{position:absolute;top:calc(-1 * var(--space-2));right:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--color-success);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.comparison-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.comparison-card__icon{font-size:1.5rem}.comparison-card__name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.comparison-card__stats{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.comparison-stat{display:flex;justify-content:space-between;align-items:center}.comparison-stat__label{font-size:.875rem;color:var(--color-text-tertiary)}.comparison-stat__value{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.comparison-stat__value--interest{color:var(--color-error)}.comparison-stat__value--savings{color:var(--color-text-primary)}.comparison-card__total{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.total-label{font-size:.875rem;color:var(--color-text-tertiary)}.total-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.payoff-order-list{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-5)}.payoff-order-list h4{margin:0 0 var(--space-2) 0;font-size:1.125rem}.payoff-order-subtitle{color:var(--color-text-tertiary);font-size:.9375rem;margin-bottom:var(--space-5)}.payoff-timeline{display:flex;flex-direction:column;gap:var(--space-4)}.payoff-item{position:relative;display:flex;gap:var(--space-4);padding-left:var(--space-2)}.payoff-item__rank{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:var(--radius-full);z-index:1}.rank-number{font-size:.875rem;font-weight:700;color:var(--color-text-inverse)}.payoff-item__content{flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.payoff-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.payoff-item__name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.payoff-item__month{font-size:.9375rem;font-weight:600;color:var(--color-accent)}.payoff-item__month-text{font-weight:400;color:var(--color-text-tertiary);margin-left:var(--space-1)}.payoff-item__details{display:flex;gap:var(--space-4);flex-wrap:wrap}.payoff-item__detail{font-size:.875rem;color:var(--color-text-tertiary)}.payoff-item__detail strong{color:var(--color-text-primary)}.payoff-item__detail--interest strong{color:var(--color-error)}.payoff-connector{position:absolute;left:calc(var(--space-2) + 18px);top:36px;width:2px;height:calc(100% + var(--space-4));background:var(--color-accent-muted)}.payoff-summary{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.payoff-summary__item{display:flex;justify-content:space-between;align-items:center}.payoff-summary__label{font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.payoff-summary__value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-success)}.strategy-balance-chart{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-5)}.strategy-chart-header-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.strategy-chart-title-group{display:flex;align-items:center;gap:var(--space-3)}.strategy-chart-header-controls h4{margin:0;font-size:1.125rem}.strategy-chart-header-controls .strategy-chart-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-accent-subtle);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:var(--color-accent)}.strategy-chart-header-controls .fullscreen-btn{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.strategy-chart-header-controls .fullscreen-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.strategy-chart-wrapper{width:100%;height:450px}.strategy-chart-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:var(--color-bg);padding:var(--space-6);border-radius:0;display:flex;flex-direction:column}.strategy-chart-fullscreen .strategy-chart-header-controls{flex-shrink:0}.strategy-chart-fullscreen .strategy-chart-header-controls h4{font-size:1.5rem}.strategy-chart-fullscreen .strategy-chart-header-controls .fullscreen-btn{padding:var(--space-3) var(--space-4);font-size:1.25rem}.strategy-chart-fullscreen .strategy-chart-wrapper{flex:1;height:auto;min-height:0}.strategy-chart-tooltip{border-radius:12px;padding:var(--space-3) var(--space-4);max-width:260px}.strategy-chart-pills{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 var(--space-3) 0}.strategy-chart-pill{display:inline-flex;align-items:center;gap:5px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:999px;padding:3px 10px 3px 7px;font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s;color:var(--color-text-secondary)}.strategy-chart-pill.hovered,.strategy-chart-pill:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.strategy-chart-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--pill-color);flex-shrink:0}.tooltip-month{margin:0 0 var(--space-3) 0;font-size:1rem;color:var(--color-text-primary)}.tooltip-loans{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.tooltip-loan-item{display:flex;align-items:center;gap:var(--space-2)}.tooltip-color{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.tooltip-loan-name{flex:1;font-size:.875rem;color:var(--color-text-secondary)}.tooltip-loan-value{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.tooltip-total{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem;color:var(--color-text-secondary)}.tooltip-total strong{color:var(--color-text-primary)}.strategy-details{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-5)}.strategy-details-header{margin-bottom:var(--space-5)}.strategy-order-section{margin-top:var(--space-4)}.strategy-order-section .payoff-order-list{background:var(--color-bg-secondary)}.strategy-chart-standalone{margin-top:var(--space-6);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.strategy-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.strategy-chart-header h4{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.strategy-chart-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-accent-subtle);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:var(--color-accent)}.strategy-chart-standalone .strategy-balance-chart{background:transparent;padding:0}.strategy-chart-standalone .strategy-chart-wrapper{height:500px}.individual-tables-section{margin-top:var(--space-6)}.individual-loan-tables{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5)}.individual-loan-tables h4{margin:0 0 var(--space-2) 0;font-size:1.25rem;color:var(--color-text-primary)}.individual-loan-tables__subtitle{margin:0 0 var(--space-5) 0;color:var(--color-text-tertiary);font-size:.875rem}.loan-table-accordions{display:flex;flex-direction:column;gap:var(--space-3)}.loan-accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.loan-accordion:hover{border-color:var(--color-border-strong)}.loan-accordion--expanded{border-color:var(--color-accent)}.loan-accordion__header{width:100%;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-tertiary);border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.loan-accordion__header:hover{background:var(--color-bg-hover)}.loan-accordion--expanded .loan-accordion__header{background:var(--color-accent-subtle)}.loan-accordion__info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.loan-accordion__name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.loan-accordion__meta{font-size:.875rem;color:var(--color-text-tertiary)}.loan-accordion__summary{display:flex;gap:var(--space-6)}.loan-accordion__stat{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.loan-accordion__stat .stat-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.loan-accordion__stat .stat-value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.loan-accordion__toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:300;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.loan-accordion--expanded .loan-accordion__toggle{background:var(--color-accent);color:#fff}.loan-accordion__content{padding:var(--space-4);background:var(--color-bg-primary);border-top:1px solid var(--color-border)}.loan-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;max-height:400px;overflow-y:auto}.loan-table{width:100%;border-collapse:collapse;font-size:.875rem}.loan-table th,.loan-table td{padding:var(--space-2) var(--space-3);text-align:right;white-space:nowrap}.loan-table th:first-child,.loan-table td:first-child{text-align:left}.loan-table thead{position:sticky;top:0;background:var(--color-bg-secondary);z-index:1}.loan-table th{font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.loan-table tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast)}.loan-table tbody tr:hover{background:var(--color-bg-hover)}.loan-table tbody td{color:var(--color-text-primary)}.loan-table tfoot{position:sticky;bottom:0;background:var(--color-bg-tertiary)}.loan-table tfoot td{border-top:2px solid var(--color-border);font-weight:600;color:var(--color-text-primary)}@media (max-width: 768px){.strategy-tabs{flex-direction:column}.strategy-tab{justify-content:flex-start}.extra-payment-control{flex-direction:column;align-items:stretch}.extra-payment-control .input-wrapper{max-width:none}.quick-amounts{justify-content:center}.payoff-item{flex-direction:column;padding-left:0}.payoff-item__rank{align-self:flex-start}.payoff-connector{display:none}.loan-accordion__header{flex-wrap:wrap}.loan-accordion__summary{width:100%;justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.loan-accordion__stat{align-items:flex-start}}@media (max-width: 480px){.comparison-card__header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.strategy-chart-wrapper{height:280px}}.payoff-allocation{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5)}.payoff-allocation h4{margin:0 0 var(--space-2) 0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.payoff-allocation__subtitle{margin:0 0 var(--space-5) 0;color:var(--color-text-tertiary);font-size:.9375rem}.payoff-allocation__subtitle strong{color:var(--color-accent);font-weight:600}.allocation-cards{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.allocation-card{display:flex;align-items:stretch;gap:var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-fast)}.allocation-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.allocation-card__rank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);flex-shrink:0;min-width:48px}.rank-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-text-inverse);font-size:.875rem;font-weight:700;border-radius:var(--radius-full)}.rank-label{font-size:.6875rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.allocation-card__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.allocation-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.allocation-card__name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.allocation-card__balance{font-size:.8125rem;color:var(--color-text-tertiary)}.allocation-card__bar-wrap{height:8px;background:var(--color-bg-primary);border-radius:var(--radius-full);overflow:hidden}.allocation-card__bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));border-radius:var(--radius-full);transition:width var(--transition-base);min-width:4px}.allocation-card__payment{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.payment-amount{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-accent)}.payment-percent{font-size:.8125rem;color:var(--color-text-tertiary)}.allocation-card__result{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);padding-left:var(--space-4);border-left:1px solid var(--color-border);min-width:130px;flex-shrink:0}.result-item{display:flex;flex-direction:column;gap:2px}.result-label{font-size:.6875rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.result-value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.payoff-total-summary{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:.9375rem;font-weight:500;color:var(--color-text-secondary)}.summary-value{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;color:var(--color-text-primary)}.summary-value--highlight{font-size:1.25rem;font-weight:700;color:var(--color-success)}@media (max-width: 768px){.allocation-card{flex-direction:column;gap:var(--space-3)}.allocation-card__rank{flex-direction:row;justify-content:flex-start;min-width:auto}.rank-label{margin-left:var(--space-2)}.allocation-card__result{flex-direction:row;justify-content:space-between;padding-left:0;padding-top:var(--space-3);border-left:none;border-top:1px solid var(--color-border);min-width:auto}.result-item{flex-direction:row;align-items:center;gap:var(--space-2)}}@media (max-width: 480px){.allocation-card__header,.allocation-card__payment{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.payment-scenarios{display:flex;flex-direction:column;gap:var(--space-5)}.scenarios-header{display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap}.scenarios-header h3{margin:0}.scenarios-subtitle{font-size:.875rem;color:var(--color-text-tertiary);margin:0}.scenarios-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.scenario-table-wrap{display:flex;flex-direction:column;gap:var(--space-3)}.scenario-navigable{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch}.scenario-navigable .scenario-table{flex:1;min-width:0}.scenario-nav-arrows{display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.scenario-nav-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;padding:0;line-height:1}.scenario-nav-btn:hover:not(:disabled){background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.scenario-nav-btn:disabled{opacity:.3;cursor:not-allowed}.scenario-table-title{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text-secondary)}.scenario-table{width:100%;border-collapse:collapse;font-size:.9375rem}.scenario-table thead tr{border-bottom:2px solid var(--color-border)}.scenario-table th{padding:var(--space-2) var(--space-3);text-align:left;font-size:.8125rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.scenario-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.scenario-table tbody tr:last-child td{border-bottom:none}.scenario-table tbody tr:hover td{background:var(--color-bg-secondary)}.scenario-row-highlight td{background:var(--color-accent-subtle)!important}.scenario-payment{font-weight:600;font-family:var(--font-display);display:flex;align-items:center;gap:var(--space-2)}.scenario-badge{font-size:.7rem;font-weight:600;font-family:var(--font-body);background:var(--color-accent);color:#fff;padding:2px 7px;border-radius:99px;letter-spacing:.02em;white-space:nowrap}.scenario-interest{color:var(--color-error);font-weight:500}.scenario-goal{font-weight:600;color:var(--color-accent)}.scenario-mo{font-size:.8rem;color:var(--color-text-tertiary);font-weight:400;margin-left:1px}.scenarios-note{font-size:.8rem;color:var(--color-text-tertiary);margin:0;line-height:1.5}@media (max-width: 700px){.scenarios-grid{grid-template-columns:1fr}.scenarios-header{flex-direction:column;gap:var(--space-1)}}.app-tab-nav{display:flex;gap:var(--space-2);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);width:fit-content;margin-bottom:var(--space-6)}.app-tab{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:500;font-size:.9375rem;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.app-tab:hover:not(.active){color:var(--color-text-primary);background:var(--color-bg-hover)}.app-tab.active{background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm);font-weight:600}.how-it-works-section{padding:var(--space-7)}.how-it-works{display:flex;flex-direction:column;gap:var(--space-8)}.hiw-page-header{display:flex;flex-direction:column;gap:var(--space-2)}.hiw-page-title{font-family:var(--font-display);font-size:1.625rem;font-weight:700;color:var(--color-text-primary);margin:0}.hiw-loan-badge{display:inline-block;background:var(--color-accent-subtle);color:var(--color-accent);border:1px solid var(--color-accent-muted);border-radius:99px;font-size:.75rem;font-weight:700;padding:2px var(--space-3);letter-spacing:.03em;width:fit-content}.hiw-page-sub{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.55;margin:0}.hiw-example-banner{background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:.9rem;color:var(--color-accent)}.hiw-section{display:flex;flex-direction:column;gap:var(--space-5)}.hiw-section-hd{display:flex;align-items:flex-start;gap:var(--space-4)}.hiw-sec-num{flex-shrink:0;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-accent);opacity:.25;line-height:1;min-width:36px;margin-top:2px;letter-spacing:-.02em}.hiw-sec-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-1);line-height:1.3}.hiw-sec-sub{font-size:.875rem;color:var(--color-text-secondary);line-height:1.55;margin:0}.hiw-triad{display:flex;align-items:stretch;gap:0}.hiw-triad-card{flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);position:relative}.hiw-triad-card--hi{background:var(--color-bg-secondary);border-color:var(--color-accent-muted);box-shadow:0 0 0 1px var(--color-accent-muted),0 4px 20px color-mix(in srgb,var(--color-accent) 12%,transparent);z-index:1}.hiw-triad-glyph{width:36px;height:36px;border-radius:50%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;font-weight:800;color:var(--color-text-secondary);font-style:italic}.hiw-triad-glyph--hi{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 35%,transparent)}.hiw-triad-name{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary)}.hiw-triad-val{font-family:var(--font-display);font-size:1.625rem;font-weight:700;color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.hiw-triad-card--hi .hiw-triad-val{color:var(--color-accent)}.hiw-triad-desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.hiw-triad-arrow{flex-shrink:0;display:flex;align-items:center;padding:0 var(--space-2);color:var(--color-text-tertiary)}.hiw-triad-arrow svg{width:36px;height:18px}.hiw-rate-strip{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.hiw-rate-strip-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.hiw-rate-strip-flow{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.hiw-rate-chip{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);gap:2px}.hiw-rate-chip-val{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-accent)}.hiw-rate-chip-desc{font-size:.6875rem;color:var(--color-text-tertiary);white-space:nowrap}.hiw-rate-op{font-size:.8125rem;color:var(--color-text-tertiary);font-weight:500;white-space:nowrap}.hiw-note{font-size:.875rem;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-left:3px solid var(--color-accent-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-3) var(--space-4);line-height:1.55;margin:0}.hiw-cycle{display:flex;align-items:flex-start;gap:0;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);overflow-x:auto}.hiw-cycle-node{flex:1;min-width:110px;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.hiw-cycle-tag{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:99px;padding:1px var(--space-2);width:fit-content}.hiw-cycle-node--pay .hiw-cycle-tag,.hiw-cycle-tag--pay{background:color-mix(in srgb,var(--color-success) 12%,var(--color-bg-secondary));border-color:color-mix(in srgb,var(--color-success) 30%,transparent);color:var(--color-success)}.hiw-cycle-node--down .hiw-cycle-tag,.hiw-cycle-tag--down{background:var(--color-accent-subtle);border-color:var(--color-accent-muted);color:var(--color-accent)}.hiw-cycle-node--int .hiw-cycle-tag,.hiw-cycle-tag--int{background:color-mix(in srgb,var(--color-error) 10%,var(--color-bg-secondary));border-color:color-mix(in srgb,var(--color-error) 25%,transparent);color:var(--color-error)}.hiw-cycle-big{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);line-height:1.1;font-variant-numeric:tabular-nums}.hiw-cycle-node--pay .hiw-cycle-big{color:var(--color-success)}.hiw-cycle-node--down .hiw-cycle-big{color:var(--color-accent)}.hiw-cycle-node--int .hiw-cycle-big{color:var(--color-error)}.hiw-cycle-caption{font-size:.75rem;color:var(--color-text-tertiary)}.hiw-cycle-split{display:flex;flex-direction:column;gap:3px;margin-top:var(--space-1)}.hiw-cycle-split-i,.hiw-cycle-split-p{font-size:.7rem;font-weight:600;padding:1px var(--space-2);border-radius:4px;width:fit-content}.hiw-cycle-split-i{background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error)}.hiw-cycle-split-p{background:var(--color-accent-subtle);color:var(--color-accent)}.hiw-cycle-pipe{flex-shrink:0;display:flex;align-items:center;padding:0 2px;margin-top:28px;gap:0}.hiw-cycle-pipe-line{height:1px;width:18px;background:var(--color-border)}.hiw-cycle-pipe-chevron{font-size:1.25rem;color:var(--color-text-tertiary);line-height:1;margin-left:-2px}@keyframes hiwCalIn{0%{opacity:0;transform:translateY(5px) scale(.93)}to{opacity:1;transform:none}}.hiw-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.hiw-cal-day--paid{background:var(--color-success);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-2);display:flex;flex-direction:column;gap:2px;animation:hiwCalIn .35s ease both}.hiw-cal-day--paid .hiw-cal-daynum{font-size:.6rem;font-weight:700;color:#ffffffbf}.hiw-cal-paid-badge{font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffffffe6;background:#fff3;border-radius:3px;padding:1px 4px;width:fit-content}.hiw-cal-paid-amt{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:#fff;line-height:1.1}.hiw-cal-paid-bal{font-size:.6rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hiw-cal-day--int{background:color-mix(in srgb,var(--color-error) calc(var(--intensity, 0) * 18% + 5%),var(--color-bg-tertiary));border:1px solid color-mix(in srgb,var(--color-error) calc(var(--intensity, 0) * 20% + 8%),var(--color-border-subtle));border-radius:var(--radius-sm);padding:var(--space-2) var(--space-2);display:flex;flex-direction:column;gap:2px;animation:hiwCalIn .3s ease both;animation-delay:calc(var(--day-index, 0) * 18ms)}.hiw-cal-daynum{font-size:.6rem;font-weight:600;color:var(--color-text-tertiary)}.hiw-cal-day--int .hiw-cal-daynum{color:color-mix(in srgb,var(--color-error) 70%,var(--color-text-tertiary))}.hiw-cal-cost{font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--color-error);line-height:1}.hiw-cal-day--empty{border-radius:var(--radius-sm);background:transparent}.hiw-cal-total{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;background:color-mix(in srgb,var(--color-error) 8%,var(--color-bg-tertiary));border:1px solid color-mix(in srgb,var(--color-error) 20%,var(--color-border-subtle));border-radius:var(--radius-md);padding:var(--space-3) var(--space-5)}.hiw-cal-total-math{font-size:.875rem;color:var(--color-text-secondary)}.hiw-cal-total-eq{font-size:.875rem;color:var(--color-text-tertiary)}.hiw-cal-total-result{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-error)}.hiw-cal-total-label{font-size:.8125rem;color:var(--color-text-tertiary)}.hiw-cycle-disclaimer{font-size:.8125rem;color:var(--color-text-tertiary);font-style:italic;line-height:1.55;margin:0;padding:var(--space-3) var(--space-4);border-left:2px solid var(--color-border)}.hiw-algo-block{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.hiw-algo-block-title{font-family:var(--font-display);font-size:.9375rem;font-weight:700;color:var(--color-text-primary);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.hiw-term-cards{display:flex;gap:var(--space-3);flex-wrap:wrap}.hiw-term-card{flex:1;min-width:110px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.hiw-term-card--cc{flex:1.4;border-color:var(--color-accent-muted);background:var(--color-accent-subtle)}.hiw-term-card-type{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.hiw-term-card-term{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.hiw-term-card--cc .hiw-term-card-term{color:var(--color-accent)}.hiw-term-card-note{font-size:.75rem;color:var(--color-text-tertiary);line-height:1.4}.hiw-formula-display{display:flex;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--color-border-subtle)}.hiw-formula-lhs{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-text-primary);align-self:center;font-style:italic}.hiw-formula-fraction{display:flex;flex-direction:column;align-items:center;gap:3px;align-self:center}.hiw-formula-num,.hiw-formula-den{font-size:.9375rem;color:var(--color-text-primary);white-space:nowrap;padding:2px var(--space-2)}.hiw-formula-num{border-bottom:none}.hiw-formula-bar{width:100%;height:2px;background:var(--color-text-primary);border-radius:1px}.hiw-formula-legend{display:flex;flex-direction:column;gap:var(--space-1);font-size:.8125rem;color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);align-self:center}.hiw-formula-legend strong{font-family:var(--font-display);color:var(--color-text-primary);font-style:italic}.hiw-formula-result{font-weight:700;color:var(--color-accent);border-top:1px solid var(--color-border);padding-top:var(--space-2);margin-top:var(--space-1)}.hiw-formula-footnote{font-size:.8125rem;color:var(--color-text-tertiary);font-style:italic;text-align:center;margin:0}.hiw-assumptions{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.hiw-assumptions-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-warning);margin-bottom:var(--space-3)}.hiw-assumptions-list{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.hiw-assumptions-list li{font-size:.875rem;color:var(--color-text-secondary);line-height:1.55}.hiw-trace-intro{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.hiw-trace-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.hiw-trace-table{width:100%;border-collapse:collapse;font-size:.8125rem}.hiw-trace-table th{background:var(--color-bg-secondary);padding:var(--space-2) var(--space-3);text-align:right;font-weight:600;color:var(--color-text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:2px solid var(--color-border)}.hiw-trace-table th:first-child,.hiw-trace-table td:first-child{text-align:left}.hiw-trace-table td{padding:var(--space-2) var(--space-3);text-align:right;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);font-variant-numeric:tabular-nums}.hiw-trace-table tbody tr:hover{background:var(--color-bg-hover)}.hiw-trace-month{font-weight:600;color:var(--color-text-secondary)}.hiw-col-interest{color:var(--color-error)!important}.hiw-col-principal{color:var(--color-accent)!important}.hiw-trace-ellipsis td{text-align:center!important;color:var(--color-text-tertiary);font-style:italic;padding:var(--space-2);border-bottom:1px dashed var(--color-border)}.hiw-trace-last{background:var(--color-accent-subtle)}.hiw-trace-last:hover{background:var(--color-accent-subtle)!important}.hiw-trace-zero{color:var(--color-success)!important;font-weight:700}.hiw-cascade-diagram{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.hiw-cascade-budget{background:var(--color-bg-secondary);border:2px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);text-align:center}.hiw-cascade-budget-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.hiw-cascade-budget-amount{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-accent)}.hiw-cascade-arrow-down{font-size:.8125rem;color:var(--color-text-tertiary);font-weight:500}.hiw-cascade-step{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-bg-secondary)}.hiw-cascade-step--priority{border-color:var(--color-accent-muted);background:var(--color-accent-subtle)}.hiw-cascade-step--freed{border-color:var(--color-success-subtle);background:var(--color-success-subtle)}.hiw-cascade-step-label{font-size:.8125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.hiw-cascade-loans{display:flex;gap:var(--space-2);flex-wrap:wrap}.hiw-cascade-loan-chip{flex:1;min-width:110px;padding:var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center}.hiw-cascade-loan-chip--priority{background:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.hiw-cascade-loan-name{font-size:.75rem;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hiw-cascade-loan-apr{font-size:.6875rem;color:var(--color-text-tertiary);margin:2px 0}.hiw-cascade-loan-chip--priority .hiw-cascade-loan-apr{color:var(--color-accent);font-weight:600}.hiw-cascade-loan-min{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.hiw-cascade-surplus-bar{height:32px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.hiw-cascade-surplus-fill{height:100%;width:var(--bar-pct, 0%);background:var(--color-accent);display:flex;align-items:center;padding-left:var(--space-3);font-size:.8125rem;font-weight:700;color:#fff;transition:width .9s cubic-bezier(.4,0,.2,1);white-space:nowrap}.hiw-cascade-freed-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.hiw-loan-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-2)}.hiw-loan-tab{flex:1;min-width:90px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap;text-align:center}.hiw-loan-tab:hover:not(.hiw-loan-tab--active){background:var(--color-bg-hover);color:var(--color-text-primary)}.hiw-loan-tab--active{background:var(--color-bg-secondary);color:var(--color-accent);font-weight:700;box-shadow:var(--shadow-sm)}.hiw-loan-panel{display:flex;flex-direction:column;gap:var(--space-5);animation:hiwPanelIn .2s ease both}@keyframes hiwPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hiw-loan-tagline{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.55;margin:0;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.hiw-loan-insights{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.hiw-loan-insight{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.hiw-loan-insight-icon{font-size:1.5rem;line-height:1}.hiw-loan-insight-title{font-family:var(--font-display);font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.hiw-loan-insight-body{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin:0;flex:1}.hiw-loan-callout{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:700;color:var(--color-accent);text-align:center}@media (max-width: 820px){.hiw-triad{flex-direction:column}.hiw-triad-arrow{transform:rotate(90deg);padding:var(--space-1) 0;justify-content:center}.hiw-cycle{flex-wrap:wrap;gap:var(--space-3)}.hiw-cycle-pipe{display:none}.hiw-cycle-node{min-width:140px;flex:0 1 calc(50% - var(--space-3))}}@media (max-width: 600px){.how-it-works-section{padding:var(--space-5)}.hiw-triad-val{font-size:1.375rem}.hiw-cal-day--paid{padding:var(--space-1)}.hiw-cal-paid-amt{font-size:.65rem}.hiw-cal-cost{font-size:.6rem}.hiw-cal-total{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.hiw-rate-strip-flow{gap:var(--space-2)}.hiw-loan-insights{grid-template-columns:1fr}.hiw-loan-tab{flex:0 1 auto;font-size:.75rem;padding:var(--space-2) var(--space-3)}}@media (max-width: 430px){.hiw-calendar{grid-template-columns:repeat(5,1fr);gap:4px}.hiw-cal-day--empty{display:none}.hiw-cal-day--paid{padding:var(--space-2);gap:3px}.hiw-cal-paid-amt{font-size:.7rem}.hiw-cal-paid-bal{font-size:.55rem}.hiw-cal-cost{font-size:.65rem}.hiw-page-title{font-size:1.25rem}.hiw-sec-num{font-size:1.125rem;min-width:28px}.hiw-cycle-node{min-width:80px;padding:var(--space-2)}.hiw-cycle-big{font-size:1.1rem}.hiw-rate-chip{font-size:.75rem;padding:var(--space-1) var(--space-2)}.hiw-rate-op{font-size:.75rem}.hiw-bar-label{min-width:55px;font-size:.75rem}.hiw-bar-interest,.hiw-bar-principal{font-size:.65rem}.hiw-loan-tabs{gap:var(--space-1)}.hiw-loan-tab{font-size:.7rem;padding:var(--space-1) var(--space-2);min-width:0}.how-it-works-section{padding:var(--space-4)}.amortization-table{font-size:.8125rem}.amortization-table th,.amortization-table td{padding:var(--space-1) 6px;font-size:.75rem}.amortization-table .net-progress-col,.amortization-table th:nth-child(5){display:none}.loan-tab-stat .stat-value{font-size:.8rem}.loan-tab-stat .stat-label{font-size:.6rem}.scenario-navigable{flex-direction:column;align-items:stretch;overflow-x:visible}.scenario-nav-arrows{flex-direction:row;justify-content:center;gap:var(--space-3)}.scenario-nav-btn{width:40px;height:40px;font-size:14px}.chart-wrapper{height:420px}.strategy-chart-wrapper{height:380px}.comparison-card{padding:var(--space-3)}.comparison-stat__value{font-size:1rem}.hiw-formula-lhs{font-size:1.375rem}.hiw-formula-num,.hiw-formula-den{font-size:.8125rem}.hiw-formula-display{padding:var(--space-4);gap:var(--space-3)}.hiw-term-card{min-width:90px;padding:var(--space-3)}.hiw-algo-block{padding:var(--space-4)}.hiw-trace-table{font-size:.75rem}.hiw-trace-table th,.hiw-trace-table td{padding:var(--space-1) var(--space-2)}}@media (max-width: 480px){main{gap:var(--space-5)}.summary-item .value{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}.card{padding:var(--space-4) var(--space-4)}.amortization-table-container h3,.breakdown-container h3,.chart-container h3{font-size:1.125rem}.breakdown-chart{min-height:220px}.scenario-table th,.scenario-table td{padding:var(--space-2) var(--space-2);font-size:.8125rem}.strategy-chart-wrapper{height:380px}.loan-accordion__header{padding:var(--space-3);gap:var(--space-2)}.loan-accordion__summary{display:none}}.mobile-results-tabs{display:none}.mobile-tab-panel{display:contents}@media (max-width: 768px){.mobile-results-tabs{display:flex;position:sticky;top:0;z-index:100;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-3);gap:var(--space-2);margin:0 calc(-1 * var(--space-4));margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-results-tabs::-webkit-scrollbar{display:none}.mobile-results-tab{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:64px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:.6875rem;font-weight:500;letter-spacing:.01em;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.mobile-results-tab .mobile-tab-icon{font-size:1.25rem;line-height:1}.mobile-results-tab.active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600}.mobile-tab-panel{display:none}.mobile-tab-panel.active{display:contents}.mobile-tab-panel[data-tab=balance] .chart-section .chart-wrapper,.mobile-tab-panel.active[data-tab=balance] .chart-wrapper{height:520px}}@media (max-width: 480px){.mobile-results-tabs{margin:0 calc(-1 * var(--space-3));gap:var(--space-1);padding:var(--space-2)}.mobile-results-tab{font-size:.625rem;padding:var(--space-2) var(--space-2);min-width:56px}.mobile-results-tab .mobile-tab-icon{font-size:1.125rem}}.debt-free-headline{display:flex;align-items:baseline;gap:.5rem;background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-5)}.debt-free-label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.debt-free-date{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--color-accent);letter-spacing:-.02em}.strategy-tab__text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.strategy-tab__hint{font-size:.6875rem;font-weight:400;color:var(--color-text-tertiary);white-space:nowrap}.strategy-tab--active .strategy-tab__hint{color:var(--color-accent);opacity:.8}.input--info{color:var(--color-accent)!important;font-weight:600}.form-hint{font-size:.6875rem;color:var(--color-text-tertiary);margin-top:3px}.form-group--checkbox{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}:root{--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}:root,[data-theme=light]{--color-bg-primary: #f2faf8;--color-bg-secondary: #f9fefd;--color-bg-tertiary: #e8f5f2;--color-bg-elevated: #ffffff;--color-bg-hover: #daeee9;--color-border: #b2ceca;--color-border-subtle: #c8e0dc;--color-border-strong: #85b3ac;--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-tertiary: #868e96;--color-text-inverse: #f8f9fa;--color-accent: #0d9488;--color-accent-hover: #0f766e;--color-accent-subtle: #ccfbf1;--color-accent-muted: #99f6e4;--color-success: #059669;--color-success-subtle: #d1fae5;--color-warning: #d97706;--color-warning-subtle: #fef3c7;--color-error: #dc2626;--color-error-subtle: #fee2e2;--color-chart-payment: #059669;--color-chart-interest: #dc2626;--color-chart-cumulative: #7c2d12;--color-chart-milestone-25: #7dd3fc;--color-chart-milestone-50: #0ea5e9;--color-chart-milestone-75: #0369a1;--glass-bg: rgba(242, 250, 248, .8);--glass-border: rgba(178, 206, 202, .55);--glass-shadow: 0 8px 32px rgba(13, 148, 136, .06)}[data-theme=dark]{--color-bg-primary: #13151a;--color-bg-secondary: #1a1d24;--color-bg-tertiary: #232730;--color-bg-elevated: #1e2128;--color-bg-hover: #282d38;--color-border: #2a2f3a;--color-border-subtle: #232730;--color-border-strong: #3d4450;--color-text-primary: #f4f4f5;--color-text-secondary: #c4c7cd;--color-text-tertiary: #8b8f98;--color-text-inverse: #13151a;--color-accent: #2dd4bf;--color-accent-hover: #5eead4;--color-accent-subtle: #042f2e;--color-accent-muted: #134e4a;--color-success: #34d399;--color-success-subtle: #064e3b;--color-warning: #fbbf24;--color-warning-subtle: #451a03;--color-error: #f87171;--color-error-subtle: #450a0a;--color-chart-payment: #34d399;--color-chart-interest: #f87171;--color-chart-cumulative: #fca5a5;--color-chart-milestone-25: #7dd3fc;--color-chart-milestone-50: #38bdf8;--color-chart-milestone-75: #0284c7;--glass-bg: rgba(26, 29, 36, .85);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45), 0 4px 12px rgba(0, 0, 0, .25);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;transition:background var(--transition-slow),color var(--transition-slow);font-optical-sizing:auto}[data-theme=light] body,body{background:radial-gradient(ellipse at 15% 0%,rgba(13,148,136,.1) 0%,transparent 55%),radial-gradient(ellipse at 85% 100%,rgba(13,148,136,.07) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(13,148,136,.03) 0%,transparent 70%),linear-gradient(180deg,#f2faf8,#e8f5f2,#f2faf8);background-attachment:fixed}[data-theme=dark] body{background:radial-gradient(ellipse at 20% 0%,rgba(45,212,191,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(99,102,241,.04) 0%,transparent 50%),linear-gradient(180deg,#13151a,#0f1115,#13151a);background-attachment:fixed}*:not(svg):not(path){transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:700}h2{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:600}h3{font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:600}h4{font-size:1.25rem;font-weight:600}p{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (pointer: coarse){button,input,select,a{min-height:44px}}html{overscroll-behavior:none}@supports (padding: max(0px)){.app{padding-left:max(var(--space-5),env(safe-area-inset-left));padding-right:max(var(--space-5),env(safe-area-inset-right));padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}}*{-webkit-tap-highlight-color:transparent}@media (max-width: 768px){body{text-size-adjust:100%;-webkit-text-size-adjust:100%}}