@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap";.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}.per-loan-legend{flex-wrap:wrap;gap:12px 20px}.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)}.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)}@media (max-width: 480px){.info-tooltip__content{width:240px;padding:var(--space-3);left:auto;right:-8px;transform:none}.info-tooltip__content:after,.info-tooltip__content:before{left:auto;right:12px;transform:none}.info-tooltip__term{font-size:.875rem}.info-tooltip__definition{font-size:.8125rem}}.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}}.mode-toggle{display:flex;gap:var(--space-1);background:var(--color-bg-secondary);padding:var(--space-1);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.mode-toggle__option{flex:1;position:relative}.mode-toggle__btn{width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.mode-toggle__btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.mode-toggle__btn--active{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.mode-toggle__btn--active:hover{background:var(--color-accent-hover);color:var(--color-text-inverse)}.mode-tooltip{position:absolute;bottom:calc(100% + 12px);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:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.mode-toggle__option:hover .mode-tooltip{opacity:1;visibility:visible}.mode-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--color-bg-elevated)}.mode-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:9px solid transparent;border-top-color:var(--color-border)}.mode-tooltip strong{display:block;font-size:.9375rem;color:var(--color-text-primary);margin-bottom:var(--space-2)}.mode-tooltip p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-3) 0}.mode-tooltip__hint{display:block;font-size:.8125rem;color:var(--color-accent);font-weight:500;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.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:1fr}}.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-tooltip{background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.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;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)}@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{display:none}}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}.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}.summary-grid{gap:var(--space-3)}.summary-item{padding:var(--space-4)}.summary-item .label{font-size:.8125rem}.summary-item .value{font-size:1.375rem}.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:320px}.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{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}.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;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)}}:root{--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "DM Sans", -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: #f8f9fa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f3f5;--color-bg-elevated: #ffffff;--color-bg-hover: #e9ecef;--color-border: #dee2e6;--color-border-subtle: #e9ecef;--color-border-strong: #ced4da;--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(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .05)}[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:450;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 20% 0%,rgba(13,148,136,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(99,102,241,.03) 0%,transparent 50%),linear-gradient(180deg,#f8f9fa,#f1f3f5,#f8f9fa);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%}}