: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{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);min-height:100vh;display:grid}.app-layout:has(.ad-slot ins[data-ad-status=filled]){padding-bottom:calc(50px + 2 * var(--space-1) + 1px)}@media (width>=500px){.app-layout:has(.ad-slot ins[data-ad-status=filled]){padding-bottom:calc(60px + 2 * var(--space-1) + 1px)}}@media (width>=768px){.app-layout:has(.ad-slot ins[data-ad-status=filled]){padding-bottom:calc(90px + 2 * var(--space-1) + 1px)}}.calculator-grid{gap:var(--space-3);width:100%;max-width:1280px;padding:var(--space-4);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.calculator-grid>aside{margin-top:var(--space-1)}@media (width>=1024px){.calculator-grid{padding:var(--space-8) var(--space-6);gap:var(--space-8);grid-template-columns:420px minmax(0,1fr);grid-template-areas:"aside summary""aside results"}.calculator-grid>aside{grid-area:aside;margin-top:0}.calculator-grid .summary-panel{grid-area:summary}.calculator-grid .results-grid{grid-area:results}}.page-about{width:100%;max-width:1280px;padding:0 var(--space-4) var(--space-6);margin:0 auto}.page-about h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-3);color:var(--color-text)}.page-about h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.page-about .formula{padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text);display:inline-block}.page-about .formula sup{vertical-align:super;font-size:.7em}.page-about .page-about-inner{gap:var(--space-4);max-width:68ch;margin:0 auto;display:grid}.page-about .concept-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:0 1px 3px var(--color-shadow);transition:background-color var(--transition-slow), border-color var(--transition-slow)}.page-about .lead{font-size:var(--text-base);color:var(--color-text)}.page-about p{margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.page-about p:last-child{margin-bottom:0}.page-about .page-steps{counter-reset:step}.page-about .page-steps li{counter-increment:step;padding-left:var(--space-8);margin-bottom:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted);position:relative}.page-about .page-steps li:before{content:counter(step);width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;top:.15em;left:0}.page-about .page-steps li:last-child{margin-bottom:0}.page-about .key-takeaways{gap:var(--space-4);margin-top:var(--space-4);display:grid}@media (width>=768px){.page-about .key-takeaways{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-about .takeaway-item{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.page-about .takeaway-item .icon{font-size:var(--text-xl);line-height:1}.page-about .takeaway-item strong{margin-bottom:var(--space-1);color:var(--color-text);display:block}.page-about .takeaway-item p{margin-bottom:0}.page-about .comparison-grid{gap:var(--space-3);margin:var(--space-4) 0;display:grid}@media (width>=768px){.page-about .comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-about .comparison-box{padding:var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.page-about .comparison-box p{margin-bottom:0}.page-about .comparison-box.highlight{background:var(--color-accent-subtle);border-color:var(--color-accent)}.page-about .comparison-box.highlight h3,.page-about .comparison-box.highlight p{color:var(--color-accent-text)}.page-about .callout-text{padding-left:var(--space-4);border-left:2px solid var(--color-accent);color:var(--color-text)}.page-about .formula-box{padding:var(--space-3) var(--space-4);margin:var(--space-3) 0;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);display:block}.page-about .factors-grid{gap:var(--space-3);display:grid}@media (width>=768px){.page-about .factors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.page-about .factor-item{padding:var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.page-about .factor-item p{margin-bottom:0}.page-about .page-faq{gap:var(--space-2);display:grid}.page-about .faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.page-about .faq-item summary{cursor:pointer;font-weight:var(--weight-semibold);color:var(--color-text);list-style:none}.page-about .faq-item summary::-webkit-details-marker{display:none}.page-about .faq-item summary:after{content:"+";float:right;color:var(--color-text-muted);font-weight:var(--weight-normal)}.page-about .faq-item summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.page-about .faq-item[open] summary:after{content:"−"}.page-about .faq-item p{margin-top:var(--space-3);margin-bottom:0}.page-about .page-note{padding-top:var(--space-2)}.page-about .page-note h2{font-size:var(--text-base);color:var(--color-text-muted)}.page-about .page-note p{font-size:var(--text-xs)}@media (width>=1024px){.page-about{padding:0 var(--space-6) var(--space-8)}}.ad-slot{z-index:20;min-height:50px;padding:var(--space-1) 0;background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:center;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.ad-slot:has(ins[data-ad-status=filled]){display:flex}@media (width>=500px){.ad-slot{min-height:60px}}@media (width>=768px){.ad-slot{min-height:90px}}.ad-unit{width:320px;height:50px;display:inline-block}@media (width>=500px){.ad-unit{width:468px;height:60px}}@media (width>=768px){.ad-unit{width:728px;height:90px}}.ad-slot-inner{justify-content:center;width:100%;max-width:1280px;display:flex}.ad-slot-placeholder{text-align:center;width:100%;color:var(--color-text-muted);font-size:var(--text-xs)}.results-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1024px){.results-grid{gap:var(--space-6)}}.summary-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=768px){.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.summary-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,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;overflow:hidden}.stat-card .stat-value>span{white-space:nowrap;transform-origin:0;display:inline-block}.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}.menu-anchor{position:relative}.icon-btn{width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.icon-badge{border-radius:var(--radius-full);background:var(--color-accent);width:8px;height:8px;position:absolute;top:8px;right:8px}.lang-menu{top:calc(100% + var(--space-2));width:min(220px, 100vw - 2 * var(--space-4));max-height:320px;padding:var(--space-1) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--color-shadow);z-index:200;position:absolute;right:0;overflow-y:auto}.lang-option{width:100%;padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:block}.lang-option:hover{background:var(--color-accent-subtle)}.lang-option.active{color:var(--color-accent);font-weight:var(--weight-semibold)}.scenarios-popover{top:calc(100% + var(--space-2));width:min(300px, 100vw - 2 * var(--space-4));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--color-shadow);z-index:200;position:absolute;right:0;overflow:hidden}@media (width<=767px){.menu-anchor{position:static}.site-header .header-inner{position:relative}.scenarios-popover,.lang-menu{right:var(--space-4)}}.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:max(16px, 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{align-items:center;gap:0;display:flex}.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}