:root{--font-heading:var(--font-fraunces), Georgia, serif;--font-body:var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:var(--font-jetbrains), "SF Mono", "Consolas", monospace;--primary:#1d4ed8;--primary-hover:#1e40af;--primary-light:#eff4fe;--primary-subtle:#dbeafe;--accent:#1d4ed8;--accent-light:#eff4fe;--surface:#fff;--surface-elevated:#fff;--background:#fdfdfb;--background-alt:#f6f5f1;--text-primary:#1a1a17;--text-secondary:#5d5d57;--text-tertiary:#8a8a82;--text-inverse:#fff;--border:#e8e6e0;--border-light:#d5d2c9;--border-focus:#1d4ed8;--success:#15803d;--success-light:#effaf3;--warning:#b45309;--warning-light:#fef3c7;--error:#b91c1c;--error-light:#fee2e2;--info:#1d4ed8;--info-light:#eff4fe;--paper:var(--background);--surface-sunken:var(--background-alt);--ink:var(--text-primary);--ink-muted:var(--text-secondary);--ink-faint:var(--text-tertiary);--line:var(--border);--line-strong:var(--border-light);--accent-ink:var(--text-inverse);--accent-wash:var(--primary-light);--ok:var(--success);--warn:var(--warning);--danger:var(--error);--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:0 4px 16px #00000014;--shadow-focus:0 0 0 2px #1d4ed8;--shadow-glow:none;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--max-width:1200px;--header-height:64px;--sidebar-width:280px}[data-theme=dark]{--primary:#7aa2f7;--primary-hover:#89b4fa;--primary-light:#1d2a47;--primary-subtle:#24385e;--accent:#7aa2f7;--accent-light:#1d2a47;--surface:#1e1e23;--surface-elevated:#282830;--background:#16161a;--background-alt:#121215;--text-primary:#f2f2ee;--text-secondary:#a8a8a0;--text-tertiary:#78786f;--border:#2e2e34;--border-light:#3e3e45;--paper:var(--background);--surface-sunken:var(--background-alt);--ink:var(--text-primary);--ink-muted:var(--text-secondary);--ink-faint:var(--text-tertiary);--line:var(--border);--line-strong:var(--border-light);--accent-ink:#10101c;--accent-wash:var(--primary-light);--ok:#4ade80;--warn:#fbbf24;--danger:#f87171;--success:#4ade80;--warning:#fbbf24;--error:#f87171;--shadow-xl:0 4px 16px #0000004d;--shadow-focus:0 0 0 2px #7aa2f7;--shadow-glow:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-padding-top:calc(var(--header-height) + 24px)}body{font-family:var(--font-body);color:var(--text-primary);background:var(--background);min-height:100vh;font-size:15px;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.015em;line-height:1.15}h1{font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,2.44rem);font-weight:600}h2{font-family:var(--font-heading);font-size:clamp(1.4rem,4vw,1.95rem);font-weight:600}h3{font-family:var(--font-body);font-size:clamp(1.15rem,3vw,1.56rem);font-weight:600}h4{font-family:var(--font-body);font-size:1.25rem;font-weight:600}h5{font-family:var(--font-body);font-size:1.125rem;font-weight:600}h6{font-family:var(--font-body);font-size:1rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-xl)}}.site-header{z-index:100;background:var(--background);border-bottom:1px solid var(--border);height:var(--header-height);transition:box-shadow var(--transition-base);position:sticky;top:0}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-inner{height:100%;max-width:var(--max-width);padding:0 var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.03em;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo-icon{background:var(--primary);border-radius:var(--radius-md);color:#fff;width:32px;height:32px;font-size:14px;font-weight:800;font-family:var(--font-heading);justify-content:center;align-items:center;display:flex}.header-search{width:100%;max-width:400px;position:relative}.header-search input{width:100%;height:40px;padding:0 var(--space-lg) 0 40px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--background);color:var(--text-primary);font-family:var(--font-body);transition:transform var(--transition-base), opacity var(--transition-base);outline:none;font-size:14px}.header-search input:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);background:var(--surface)}.header-search input::placeholder{color:var(--text-tertiary)}.header-search .search-icon{color:var(--text-tertiary);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.header-search .search-shortcut{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono);background:var(--background-alt);border:1px solid var(--border);border-radius:4px;padding:2px 6px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.search-dropdown.active{display:block}.search-result-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background var(--transition-fast);display:flex}.search-result-item:hover{background:var(--primary-light)}.search-result-item .result-icon{border-radius:var(--radius-md);background:var(--background-alt);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-result-item .result-name{color:var(--text-primary);font-size:14px;font-weight:600}.search-result-item .result-category{color:var(--text-tertiary);font-size:12px}.header-actions{align-items:center;gap:var(--space-md);display:flex}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:transform var(--transition-base), opacity var(--transition-base);justify-content:center;align-items:center;font-size:16px;display:flex}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;display:none}.menu-toggle span{background:var(--text-primary);width:20px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);border-radius:2px;display:block}@media (max-width:768px){.menu-toggle{display:flex}.header-search,.header-nav{display:none}}.hero{text-align:center;padding:var(--space-4xl) var(--space-lg) var(--space-3xl);max-width:720px;margin:0 auto}.hero h1{margin-bottom:var(--space-lg)}.hero h1 .highlight{color:var(--primary);position:relative}.hero p{max-width:560px;margin:0 auto var(--space-2xl);font-size:17px;line-height:1.7}.hero-search{max-width:520px;margin:0 auto;position:relative}.hero-search input{width:100%;height:52px;padding:0 var(--space-xl) 0 48px;border:2px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-family:var(--font-body);color:var(--text-primary);box-shadow:var(--shadow-lg);transition:transform var(--transition-base), opacity var(--transition-base);outline:none;font-size:16px}.hero-search input:focus{border-color:var(--primary);box-shadow:var(--shadow-xl), var(--shadow-focus)}.hero-stats{justify-content:center;gap:var(--space-3xl);margin-top:var(--space-3xl);display:flex}.hero-stat .stat-number{font-family:var(--font-heading);color:var(--primary);letter-spacing:-.02em;font-size:28px;font-weight:800}.hero-stat .stat-label{color:var(--text-tertiary);margin-top:2px;font-size:13px;font-weight:500}.categories-grid{gap:var(--space-md);margin:var(--space-2xl) 0;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));display:grid}.category-card{padding:var(--space-xl) var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition-base), opacity var(--transition-base);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;text-decoration:none;display:flex}.category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px)}.category-card .cat-icon{border-radius:var(--radius-md);background:var(--primary-light);width:44px;height:44px;margin-bottom:var(--space-md);color:var(--primary);justify-content:center;align-items:center;display:flex}.category-card .cat-name{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.category-card .cat-count{color:var(--text-tertiary);font-size:12px}.section-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.section-header h2{align-items:center;gap:var(--space-sm);display:flex}.section-header .view-all{color:var(--primary);font-size:14px;font-weight:600}.tools-grid{gap:var(--space-lg);margin-bottom:var(--space-3xl);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:transform var(--transition-base), opacity var(--transition-base);cursor:pointer;box-shadow:var(--shadow-sm);text-decoration:none;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-2px)}.tool-card:after{content:"→";top:var(--space-xl);right:var(--space-xl);color:var(--text-tertiary);transition:transform var(--transition-base), opacity var(--transition-base);font-size:18px;position:absolute}.tool-card:hover:after{color:var(--primary);transform:translate(4px)}.tool-card-icon{border-radius:var(--radius-md);background:var(--primary-light);width:44px;height:44px;margin-bottom:var(--space-lg);color:var(--primary);justify-content:center;align-items:center;display:flex}.tool-card-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-sm);padding-right:var(--space-xl);font-size:16px;font-weight:700}.tool-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.calc-page{max-width:var(--max-width);padding:var(--space-xl) var(--space-lg);margin:0 auto}.calc-breadcrumb{align-items:center;gap:var(--space-sm);color:var(--text-tertiary);margin-bottom:var(--space-xl);font-size:13px;display:flex}.calc-breadcrumb a{color:var(--text-tertiary);transition:color var(--transition-fast);text-decoration:none}.calc-breadcrumb a:hover{color:var(--primary)}.calc-breadcrumb .sep{font-size:10px}.calc-layout{gap:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.calc-layout{grid-template-columns:1fr 320px}}.calc-main{min-width:0}.calc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.calc-card-header{margin-bottom:var(--space-2xl)}.calc-card-header h1{margin-bottom:var(--space-sm);font-size:clamp(22px,3vw,28px)}.calc-card-header p{font-size:15px}.calc-inputs{gap:var(--space-xl);flex-direction:column;display:flex}.input-group{gap:var(--space-sm);flex-direction:column;display:flex}.input-label{font-family:var(--font-heading);color:var(--text-primary);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.input-label .input-value{font-family:var(--font-mono);color:var(--primary);font-size:14px;font-weight:500}.calc-input,.form-control{height:48px;padding:0 var(--space-lg);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-family:var(--font-body);color:var(--text-primary);width:100%;transition:transform var(--transition-base), opacity var(--transition-base);outline:none;font-size:16px}.calc-input:focus,.form-control:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}.calc-input::placeholder,.form-control::placeholder{color:var(--text-tertiary)}.input-wrapper{align-items:center;display:flex;position:relative}.input-prefix,.input-suffix{color:var(--text-tertiary);pointer-events:none;font-size:15px;font-weight:500;position:absolute}.input-prefix{left:var(--space-lg)}.input-suffix{right:var(--space-lg)}.input-wrapper .calc-input.has-prefix{padding-left:36px}.input-wrapper .calc-input.has-suffix{padding-right:50px}.calc-slider{appearance:none;background:var(--border);width:100%;height:6px;transition:background var(--transition-base);cursor:pointer;border-radius:3px;outline:none}.calc-slider::-webkit-slider-thumb{appearance:none;background:var(--surface);cursor:pointer;border:1.5px solid var(--primary);width:22px;height:22px;transition:transform var(--transition-fast);border-radius:50%}.calc-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.calc-slider::-webkit-slider-thumb:active{transform:scale(.95)}.calc-slider::-moz-range-thumb{background:var(--surface);cursor:pointer;border:1.5px solid var(--primary);width:22px;height:22px;transition:transform var(--transition-fast);border-radius:50%}.calc-slider::-moz-range-thumb:hover{transform:scale(1.15)}.calc-slider::-moz-range-thumb:active{transform:scale(.95)}.slider-labels{color:var(--text-tertiary);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.calc-select,select.form-control{height:48px;padding:0 var(--space-lg);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-family:var(--font-body);color:var(--text-primary);cursor:pointer;width:100%;transition:transform var(--transition-base), opacity var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 4 3.5-4z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;font-size:15px}.calc-select:focus,select.form-control:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}.toggle-group{background:var(--background-alt);border:1px solid var(--border);border-radius:var(--radius-full);gap:4px;padding:4px;display:flex;overflow:visible}.toggle-option{text-align:center;border-radius:var(--radius-full);min-width:0;height:38px;line-height:1.15;font-family:var(--font-heading);color:var(--text-secondary);cursor:pointer;transition:transform var(--transition-base), opacity var(--transition-base);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0 6px;font-size:14px;font-weight:600;display:flex}.toggle-option:hover{color:var(--text-primary)}.toggle-option.active{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-light)}.btn{height:48px;padding:0 var(--space-xl);border-radius:var(--radius-lg);font-family:var(--font-heading);cursor:pointer;transition:transform var(--transition-base), opacity var(--transition-base);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid #0000;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);border:1px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--background-alt);border-color:var(--primary);color:var(--text-primary)}.tabs{background:var(--background-alt);border:1px solid var(--border);border-radius:var(--radius-full);margin-bottom:var(--space-xl);gap:4px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-full);height:38px;font-family:var(--font-heading);color:var(--text-secondary);cursor:pointer;transition:transform var(--transition-base), opacity var(--transition-base);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-light)}.calc-results{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--border)}.result-primary{text-align:center;margin-bottom:var(--space-2xl)}.result-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:14px;font-weight:500}.result-value{font-family:var(--font-heading);color:var(--primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(32px,6vw,48px);font-weight:800;line-height:1.1}.result-value.positive{color:var(--success)}.result-value.negative{color:var(--error)}.result-details{gap:var(--space-md);flex-direction:column;display:flex}.result-row{padding:var(--space-md) 0;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.result-row:last-child{border-bottom:none}.result-row .row-label{color:var(--text-secondary);font-size:14px}.result-row .row-value{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.result-stats{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));display:grid}.stat-card{background:var(--background);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.stat-card .stat-number{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.stat-card .stat-label{color:var(--text-tertiary);margin-top:4px;font-size:12px}.chart-container{justify-content:center;align-items:center;gap:var(--space-2xl);margin:var(--space-2xl) 0;flex-wrap:wrap;display:flex}.donut-chart{width:180px;height:180px;position:relative}.donut-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-chart circle{fill:none;stroke-width:28px;transition:stroke-dasharray var(--transition-slow)}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center .center-value{font-family:var(--font-heading);color:var(--text-primary);font-size:20px;font-weight:800}.donut-center .center-label{color:var(--text-tertiary);font-size:11px}.chart-legend{gap:var(--space-md);flex-direction:column;display:flex}.legend-item{align-items:center;gap:var(--space-sm);font-size:14px;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.calc-sidebar{gap:var(--space-xl);flex-direction:column;display:flex}.sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.sidebar-card h3{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border);font-size:15px}.related-link{align-items:center;gap:var(--space-md);padding:var(--space-md) 0;color:var(--text-secondary);transition:color var(--transition-fast);font-size:14px;text-decoration:none;display:flex}.related-link:hover{color:var(--primary)}.related-link .rel-icon{border-radius:var(--radius-sm);background:var(--background-alt);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.calc-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);margin-top:var(--space-2xl);box-shadow:var(--shadow-lg)}.calc-content h2{margin-bottom:var(--space-lg);font-size:22px}.calc-content h3{margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.calc-content p{margin-bottom:var(--space-lg)}.calc-content ul,.calc-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl);color:var(--text-secondary)}.calc-content li{margin-bottom:var(--space-sm);line-height:1.7}.calc-content code{font-family:var(--font-mono);background:var(--background-alt);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:14px}.formula-box{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl);margin:var(--space-xl) 0;font-family:var(--font-mono);text-align:center;color:var(--text-primary);letter-spacing:.02em;font-size:15px;font-weight:500;line-height:2;overflow-x:auto}.faq-section{margin-top:var(--space-2xl)}.faq-item{border-bottom:1px solid var(--border)}.faq-question{padding:var(--space-lg) 0;cursor:pointer;font-family:var(--font-heading);color:var(--text-primary);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;font-size:15px;font-weight:600;display:flex}.faq-answer{padding:0 0 var(--space-lg);color:var(--text-secondary);font-size:14px;line-height:1.7;display:none}.faq-item.open .faq-answer{display:block}.site-footer{background:var(--background-alt);border-top:1px solid var(--border);padding:var(--space-3xl) var(--space-lg) var(--space-xl);margin-top:var(--space-4xl)}.footer-grid{max-width:var(--max-width);gap:var(--space-2xl);grid-template-columns:2fr repeat(3,1fr);margin:0 auto;display:grid}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-brand p{max-width:300px;margin-top:var(--space-md);font-size:14px}.footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-lg);font-size:13px;font-weight:600}.footer-col a{color:var(--text-secondary);padding:var(--space-xs) 0;transition:color var(--transition-fast);font-size:14px;text-decoration:none;display:block}.footer-col a:hover{color:var(--primary)}.footer-bottom{max-width:var(--max-width);margin:var(--space-2xl) auto 0;padding-top:var(--space-xl);border-top:1px solid var(--border);color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.ad-zone{background:var(--background-alt);border:1px dashed var(--border);border-radius:var(--radius-md);min-height:90px;color:var(--text-tertiary);margin:var(--space-xl) 0;justify-content:center;align-items:center;font-size:12px;display:flex}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-mono{font-family:var(--font-mono)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes countUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in{animation:.4s forwards fadeInUp}.result-value{animation:.3s forwards countUp}.calc-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);animation:.4s forwards fadeInUp}.calc-container input[type=number],.calc-container input[type=text],.calc-container select,.input-group input[type=number],.input-group input[type=text],.input-group select{height:48px;padding:0 var(--space-lg);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-family:var(--font-body);color:var(--text-primary);width:100%;min-width:0;transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;font-size:16px}.calc-container input:focus,.calc-container select:focus,.input-group input:focus,.input-group select:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}.calc-container input:hover:not(:focus),.calc-container select:hover:not(:focus){border-color:var(--text-tertiary)}.calc-container select{padding-right:var(--space-xl);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.calc-container .input-group>label{font-family:var(--font-heading);color:var(--text-primary);font-size:14px;font-weight:600}.input-help{color:var(--text-tertiary);font-size:13px;line-height:1.5}.input-with-unit{align-items:stretch;gap:var(--space-sm);min-width:0;display:flex}.input-with-unit>input{flex:auto;min-width:0}.input-with-unit>select{flex:none;width:auto;min-width:88px}.result-card{padding:var(--space-xl);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-sunken,var(--surface));animation:.3s forwards countUp}.result-card.primary{border-color:var(--primary);text-align:left}.result-card .result-value{font-family:var(--font-mono);color:var(--primary);font-weight:700;line-height:1.15}.result-sub{margin-top:var(--space-sm);color:var(--text-secondary);font-size:14px;line-height:1.6}.explanation-card{margin-top:var(--space-xl);padding:var(--space-xl);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-sunken,var(--surface))}.explanation-card h3{margin:0 0 var(--space-lg) 0;color:var(--text-primary);font-size:16px}.formula-step{align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;min-width:0;display:flex}.formula-step:last-child{border-bottom:none}.formula-step>span{color:var(--text-secondary);flex:none;font-size:13px;font-weight:600}.formula-step>code{min-width:0;font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;flex:auto;font-size:14px;overflow-x:auto}.visual-section{margin-top:var(--space-xl)}.visual-caption{margin-top:var(--space-sm);color:var(--text-secondary);text-align:center;font-size:14px}.calc-warning{border:1px solid var(--border);border-left:3px solid var(--primary);line-height:1.6}.font-mono{font-family:var(--font-mono)}.input-field{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.calc-widget-shell{min-width:0;display:block}@media (max-width:640px){.calc-container{padding:var(--space-lg)}.input-with-unit>select{min-width:76px}.hero{padding:var(--space-2xl) var(--space-lg)}.hero-stats{gap:var(--space-xl);flex-wrap:wrap}.hero-stats .hero-stat{min-width:80px}.tools-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.calc-card,.calc-content{padding:var(--space-lg)}.result-value{font-size:32px}.chart-container{flex-direction:column}.footer-grid{grid-template-columns:1fr}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.results-grid{gap:var(--space-xl);grid-template-columns:1.2fr 1fr;align-items:stretch;display:grid}.results-grid-left{flex-direction:column;justify-content:center;display:flex}.results-grid-right{border-left:1px solid var(--line);padding-left:var(--space-md);flex-direction:column;justify-content:center;align-items:center;display:flex}@media (max-width:768px){.results-grid{grid-template-columns:1fr!important}.results-grid-right{border-top:1px solid var(--line);padding-top:var(--space-xl);border-left:none!important;padding-left:0!important}}.gpa-course-row{grid-template-columns:2fr 1fr 1fr 1.5fr auto}.gpa-course-row>*{min-width:0}@media (max-width:640px){.gpa-course-row{grid-template-columns:1fr 1fr}.gpa-course-row>:first-child{grid-column:1/-1}}.calc-page code,.calc-page .formula-box{overflow-wrap:anywhere}.calc-page .calc-layout>*,.calc-page .calc-inputs,.calc-page .calc-results,.calc-page .input-group,.calc-page .input-group *{min-width:0}.calc-page input,.calc-page select{min-width:0;max-width:100%}.calc-page .calc-layout *,.calc-page .calc-card *{min-width:0}@media (max-width:640px){.calc-page .calc-card [style*="1fr 1fr 1fr"],.calc-page .calc-card [style*="repeat(3, 1fr)"],.calc-page .calc-card [style*="repeat(3,1fr)"],.calc-page .calc-card [style*="repeat(4, 1fr)"],.calc-page .calc-card [style*="repeat(4,1fr)"]{grid-template-columns:1fr 1fr!important}.calc-page [style*="1fr 1fr"]:has(>.result-primary){grid-template-columns:1fr!important}.calc-page [style*="1fr 1fr"]:has(>.result-primary)>.result-primary{border-right:none!important;padding-right:0!important}}.share-result{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--background-alt);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.share-result-label{color:var(--text-secondary);font-size:13px}.share-result-button{height:36px;padding:0 var(--space-md);font-family:var(--font-body);color:var(--primary);background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.share-result-button:hover{opacity:.85}.share-result-button:active{transform:scale(.98)}.share-result-button[data-copied]{color:var(--success);border-color:var(--success)}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_e7da50bd-module__jtpJdG__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_e7da50bd-module__jtpJdG__variable{--font-fraunces:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_4a4f7444-module__UHjWDq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_4a4f7444-module__UHjWDq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_ada1a22b-module__7t6vPG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_ada1a22b-module__7t6vPG__variable{--font-jetbrains:"JetBrains Mono", "JetBrains Mono Fallback"}