:root{--color-bg:#f8f9fa;--color-surface:#fff;--color-surface-alt:#f1f3f5;--color-border:#dee2e6;--color-text:#212529;--color-text-muted:#6c757d;--color-accent:#40608f;--color-accent-hover:#2f4a6e;--color-accent-subtle:#dce6f0;--color-accent-text:#1e3352;--color-chart-primary:#40608f;--color-chart-secondary:#93b4d4;--color-chart-grid:#e9ecef;--color-slider-track:#dee2e6;--color-slider-fill:#40608f;--color-slider-thumb:#40608f;--color-positive:#16a34a;--color-negative:#dc2626;--color-shadow:#00000014;--color-shadow-md:#0000001f;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--bp-md:768px;--bp-lg:1024px}[data-theme=dark]{--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-alt:#222636;--color-border:#2d3148;--color-text:#e9ecef;--color-text-muted:#868e96;--color-accent:#6b90be;--color-accent-hover:#8aadd1;--color-accent-subtle:#1e3352;--color-accent-text:#dce6f0;--color-chart-primary:#6b90be;--color-chart-secondary:#40608f;--color-chart-grid:#2d3148;--color-slider-track:#2d3148;--color-slider-fill:#6b90be;--color-slider-thumb:#6b90be;--color-positive:#4ade80;--color-negative:#f87171;--color-shadow:#0000004d;--color-shadow-md:#00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-slow), color var(--transition-slow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--weight-bold);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{line-height:var(--leading-relaxed)}.text-muted{color:var(--color-text-muted);font-size:var(--text-sm)}.text-accent{color:var(--color-accent)}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);letter-spacing:.01em}.value-display{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-accent);font-variant-numeric:tabular-nums}.monospace{font-family:var(--font-mono);font-size:var(--text-sm)}.app-layout{min-height:100vh;padding-bottom:calc(60px + 2 * var(--space-1) + 1px);grid-template-rows:auto 1fr auto;display:grid}.summary-section{width:100%;max-width:1280px;padding:var(--space-6) var(--space-4) 0;margin:0 auto}@media (width>=1024px){.summary-section{padding:var(--space-8) var(--space-6) 0}}.calculator-grid{gap:var(--space-6);width:100%;max-width:1280px;padding:var(--space-6) var(--space-4);grid-template-columns:1fr;margin:0 auto;display:grid}@media (width>=1024px){.calculator-grid{padding:var(--space-8) var(--space-6);gap:var(--space-8);grid-template-columns:420px 1fr}}.ad-slot{z-index:20;min-height:60px;padding:var(--space-1) var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.ad-slot-inner{width:100%;max-width:1280px}.ad-slot-placeholder{text-align:center;width:100%;color:var(--color-text-muted);font-size:var(--text-xs)}.results-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}.summary-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.summary-grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 1px 3px var(--color-shadow);transition:background-color var(--transition-slow), border-color var(--transition-slow)}.card-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-5);color:var(--color-text)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);transition:background-color var(--transition-slow), border-color var(--transition-slow)}.stat-card .stat-label{font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);font-variant-numeric:tabular-nums}.stat-card.stat-accent .stat-value{color:var(--color-positive)}.field{gap:var(--space-2);display:grid}.field label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.card-title-row{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.card-title-row .card-title{margin-bottom:0}.scenarios-anchor{position:relative}.scenarios-toggle{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.scenarios-toggle:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.scenarios-toggle.has-saved{color:var(--color-accent)}.scenarios-popover{top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:300px;box-shadow:0 8px 24px var(--color-shadow);z-index:200;position:absolute;right:0;overflow:hidden}.scenarios-save-row{gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.scenarios-save-row .scenarios-name-input{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);flex:1}.btn-save{padding:var(--space-2) var(--space-3);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast);border:none}.btn-save:disabled{opacity:.4;cursor:default}.btn-save:not(:disabled):hover{opacity:.85}.scenarios-empty{padding:var(--space-4) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.scenarios-list{max-height:280px;list-style:none;overflow-y:auto}.scenario-item{border-bottom:1px solid var(--color-border);align-items:center;display:flex}.scenario-item:last-child{border-bottom:none}.scenario-load{padding:var(--space-3);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex}.scenario-load:hover{background:var(--color-accent-subtle)}.scenario-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.scenario-date{font-size:var(--text-xs);color:var(--color-text-muted)}.scenario-delete{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);transition:color var(--transition-fast);background:0 0;border:none;line-height:1}.scenario-delete:hover{color:var(--color-negative)}.numeric-field{position:relative}.quick-select{top:calc(100% + var(--space-1));gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:0 4px 12px var(--color-shadow);z-index:100;flex-wrap:wrap;display:flex;position:absolute;left:0;right:0}.quick-select-btn{padding:var(--space-1) var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast)}.quick-select-btn:hover{background:var(--color-accent);color:#fff}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.input[type=number]{font-variant-numeric:tabular-nums}.select-wrapper{position:relative}.select-wrapper:after{content:"";right:var(--space-4);border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--color-text-muted);pointer-events:none;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.select{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);appearance:none;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.slider-field{gap:var(--space-2);display:grid}.slider-field .slider-header{grid-template-columns:1fr auto;align-items:baseline;display:grid}.slider-field .slider-header label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.slider-field .slider-header .slider-value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-accent);font-variant-numeric:tabular-nums}.slider{appearance:none;background:linear-gradient(to right, var(--color-slider-fill) 0%, var(--color-slider-fill) var(--slider-pct,0%), var(--color-slider-track) var(--slider-pct,0%), var(--color-slider-track) 100%);border-radius:var(--radius-full);cursor:pointer;width:100%;height:6px;transition:background var(--transition-fast);outline:none}.slider:focus-visible{box-shadow:0 0 0 3px var(--color-accent-subtle), 0 0 0 5px var(--color-accent);border-radius:var(--radius-full)}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-slider-thumb);width:20px;height:20px;box-shadow:0 0 0 3px var(--color-surface), 0 0 0 5px var(--color-accent);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%}.slider::-webkit-slider-thumb:active{transform:scale(1.2)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--color-surface), 0 0 0 6px var(--color-accent);transform:scale(1.25)}.slider::-moz-range-thumb{background:var(--color-slider-thumb);width:20px;height:20px;box-shadow:0 0 0 3px var(--color-surface), 0 0 0 5px var(--color-accent);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:50%}.slider::-moz-range-thumb:active{transform:scale(1.2)}.slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--color-surface), 0 0 0 6px var(--color-accent);transform:scale(1.25)}.btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;outline:none;place-items:center;display:inline-grid}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-accent-subtle)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-muted);transition:background-color var(--transition-fast), color var(--transition-fast)}.btn-icon:hover{background:var(--color-accent-subtle);color:var(--color-accent);border-color:var(--color-accent)}.result-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}.result-table{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.result-table thead{background:var(--color-surface-alt);z-index:1;position:sticky;top:0}.result-table thead th{padding:var(--space-3) var(--space-4);text-align:right;font-weight:var(--weight-semibold);color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid var(--color-border)}.result-table thead th:first-child{text-align:left}.result-table tbody tr{transition:background-color var(--transition-fast)}.result-table tbody tr:nth-child(2n){background:var(--color-surface-alt)}.result-table tbody tr:hover{background:var(--color-accent-subtle)}.result-table tbody tr td{padding:var(--space-3) var(--space-4);text-align:right;color:var(--color-text);border-bottom:1px solid var(--color-border)}.result-table tbody tr td:first-child{text-align:left;font-weight:var(--weight-medium);color:var(--color-text-muted)}.result-table tbody tr td.accent{color:var(--color-positive);font-weight:var(--weight-semibold)}.result-table tbody tr:last-child td{font-weight:var(--weight-bold);background:var(--color-accent-subtle);color:var(--color-accent-text);border-bottom:none}.result-table tbody tr.tab-stop td:first-child:before{content:"·";margin-right:var(--space-2);color:var(--color-accent);opacity:.5}.result-table tbody tr:focus-visible{outline:none}.result-table tbody tr:focus-visible td{background:var(--color-accent-subtle);color:var(--color-accent-text)}.result-table tbody tr:focus-visible td:first-child{box-shadow:inset 3px 0 0 var(--color-accent)}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--transition-slow), border-color var(--transition-slow);position:sticky;top:0}.site-header .header-inner{max-width:1280px;padding:var(--space-4) var(--space-4);align-items:center;gap:var(--space-4);grid-template-columns:1fr auto;margin:0 auto;display:grid}@media (width>=768px){.site-header .header-inner{padding:var(--space-4) var(--space-6)}}.site-header .site-logo{align-items:center;gap:var(--space-3);display:flex}.site-header .site-logo .logo-img{width:auto;height:36px;display:block}.site-header .site-logo .logo-img--reverse{display:none}.site-header .site-logo .logo-text{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.site-header .site-logo .logo-text span{color:var(--color-accent)}.site-header .header-controls{gap:var(--space-2);grid-template-columns:auto auto;align-items:center;display:grid}.lang-picker{padding:var(--space-2) var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;appearance:none;transition:border-color var(--transition-fast);outline:none}.lang-picker:focus{border-color:var(--color-accent)}.chart-container{width:100%;height:320px}@media (width>=768px){.chart-container{height:380px}}.chart-legend{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:auto auto;justify-content:center;display:grid}.chart-legend .legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);grid-template-columns:12px 1fr;display:grid}.chart-legend .legend-item .legend-dot{border-radius:var(--radius-full);width:12px;height:12px}[data-theme=dark] .site-logo .logo-img--default{display:none}[data-theme=dark] .site-logo .logo-img--reverse{display:block}.page-hero{background:linear-gradient(135deg, var(--color-accent-subtle) 0%, var(--color-surface) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-10) var(--space-4);text-align:center;transition:background var(--transition-slow)}@media (width>=768px){.page-hero{padding:var(--space-12) var(--space-6)}}.page-hero h1{margin-bottom:var(--space-3);font-size:clamp(1.75rem,4vw,2.5rem)}.page-hero p{color:var(--color-text-muted);font-size:var(--text-lg);max-width:560px;margin:0 auto}.input-panel{gap:var(--space-5);display:grid}.period-toggle{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative}.period-toggle .period-option{z-index:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-align:center;cursor:pointer;transition:color var(--transition-base);-webkit-user-select:none;user-select:none;background:0 0;border:none;position:relative}.period-toggle .period-option.active{color:var(--color-accent-text)}.period-toggle .period-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.period-toggle .period-slider{background:var(--color-accent);border-radius:var(--radius-full);width:calc(50% - 3px);height:calc(100% - 6px);transition:transform var(--transition-base) cubic-bezier(.4, 0, .2, 1);box-shadow:0 1px 4px var(--color-shadow-md);position:absolute;top:3px;left:3px}.period-toggle .period-slider.right{transform:translate(100%)}.divider{background:var(--color-border);height:1px;margin:var(--space-2) 0}