.calculator{gap:var(--space-5);grid-template-areas:"summary""inputs""visuals";min-width:0;display:grid}.calculator-summary{grid-area:summary;min-width:0}.calculator-inputs{min-width:0;padding:var(--space-5) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-area:inputs}.calculator-visuals{grid-area:visuals;min-width:0}@media (width>=960px){.calculator{column-gap:var(--space-8);grid-template:"inputs summary""inputs visuals"1fr/minmax(320px,380px) minmax(0,1fr);align-items:start}}.calculator-panel-heading{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);margin:0 0 var(--space-3);font-weight:700}.result-summary{padding:var(--space-5) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:opacity var(--duration-medium) var(--easing-standard)}.result-pending{opacity:.6}.result-sentence{font-family:var(--font-display);font-size:var(--text-xl);margin:0 0 var(--space-5);text-wrap:pretty;font-weight:560;line-height:1.35}.figure-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));margin:0;display:grid}.figure{padding:var(--space-3);background:var(--color-surface-sunken);border-radius:var(--radius-md);border-left:4px solid var(--figure-tone,var(--color-border-strong));min-width:0}.figure dd{margin:0}.figure-label{font-size:var(--text-sm);color:var(--color-ink-secondary)}.figure-value{font-size:var(--text-xl);color:var(--color-ink);font-weight:700;line-height:1.25}.figure-detail{font-size:var(--text-xs);color:var(--color-ink-muted);margin-top:var(--space-1)}.figure-emphasis{background:var(--color-primary-soft);grid-column:1/-1}.figure-emphasis .figure-value{letter-spacing:-.01em;font-size:clamp(1.75rem,1.4rem + 1.6vw,2.5rem)}.figure.tone-positive{--figure-tone:var(--color-positive)}.figure.tone-negative{--figure-tone:var(--color-negative)}.figure.tone-warning{--figure-tone:var(--color-warning)}.figure.tone-neutral{--figure-tone:var(--color-primary)}.figure.tone-positive .figure-value{color:var(--color-positive)}.figure.tone-negative .figure-value{color:var(--color-negative)}.notice-list{margin:var(--space-4) 0 0;gap:var(--space-2);font-size:var(--text-sm);padding:0;list-style:none;display:grid}.notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.notice-caution{background:var(--color-warning-soft)}.notice-label{margin-right:var(--space-2);font-weight:700}.notice-caution .notice-label{color:var(--color-warning)}.visual-list,.field-form{gap:var(--space-5);display:grid}.field{border:0;min-width:0;margin:0;padding:0;position:relative}.field-label-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.field-label{font-weight:600;font-size:var(--text-sm);padding:0}.field-choice-legend{float:left;margin-bottom:var(--space-2);margin-right:var(--space-2)}.field-choice .hint{float:left}.field-choice .segmented{clear:both}.number-input{align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--easing-standard);display:flex}.number-input:focus-within{border-color:var(--color-primary);outline:3px solid color-mix(in srgb, var(--color-focus) 35%, transparent);outline-offset:0}.number-input input{min-width:0;font-size:var(--text-lg);font-variant-numeric:tabular-nums;padding:var(--space-2) 0;background:0 0;border:0;flex:1;font-weight:600}.number-input input:focus-visible{outline:none}.number-input-prefix,.number-input-suffix{color:var(--color-ink-muted);font-weight:600}.number-input-invalid{border-color:var(--color-negative)}.field-message{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-negative);font-weight:600}.number-slider{-webkit-appearance:none;appearance:none;width:100%;height:32px;margin:var(--space-1) 0 0;cursor:pointer;background:0 0}.number-slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-primary) 0, var(--color-primary) var(--slider-fill,0%), var(--color-border) var(--slider-fill,0%));height:6px}.number-slider::-moz-range-track{border-radius:var(--radius-pill);background:var(--color-border);height:6px}.number-slider::-moz-range-progress{border-radius:var(--radius-pill);background:var(--color-primary);height:6px}.number-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);border:3px solid var(--color-primary);width:22px;height:22px;box-shadow:var(--shadow-sm);border-radius:50%;margin-top:-8px}.number-slider::-moz-range-thumb{background:var(--color-accent);border:3px solid var(--color-primary);border-radius:50%;width:18px;height:18px}.number-slider:focus-visible{outline:none}.number-slider:focus-visible::-webkit-slider-thumb{outline:3px solid var(--color-focus);outline-offset:2px}.number-slider:focus-visible::-moz-range-thumb{outline:3px solid var(--color-focus);outline-offset:2px}.number-slider-bounds{font-size:var(--text-xs);color:var(--color-ink-muted);justify-content:space-between;display:flex}.select-input{width:100%;min-height:48px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised)}.segmented{border-radius:var(--radius-md);background:var(--color-surface-sunken);border:0;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;min-width:0;margin:0;padding:3px;display:grid}.segmented-small{border:0;display:inline-grid}.segmented-option{min-width:0;display:block;position:relative}.segmented-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented-option span{min-height:40px;padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-md) - 3px);font-size:var(--text-sm);text-align:center;color:var(--color-ink-secondary);justify-content:center;align-items:center;font-weight:600;line-height:1.2;display:flex}.segmented-small .segmented-option span{min-height:34px}.segmented-option input:checked+span{background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-sm);outline:1px solid var(--color-border-strong)}.segmented-option input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:1px}.field-toggle{align-items:center;gap:var(--space-2);display:flex}.toggle-label{flex:1}.toggle-switch{-webkit-appearance:none;appearance:none;border-radius:var(--radius-pill);background:var(--color-border-strong);cursor:pointer;width:48px;height:28px;transition:background-color var(--duration-fast) var(--easing-standard);flex:none;margin:0;position:relative}.toggle-switch:after{content:"";background:var(--color-surface-raised);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--easing-standard);border-radius:50%;position:absolute;top:3px;left:3px}.toggle-switch:checked{background:var(--color-primary)}.toggle-switch:checked:after{transform:translate(20px)}.hint{display:inline-flex}.hint-button{border:1px solid var(--color-border-strong);background:var(--color-surface);width:24px;height:24px;color:var(--color-ink-secondary);font-size:var(--text-xs);border-radius:50%;place-items:center;padding:0;font-weight:700;display:inline-grid;box-shadow:0 0 0 8px #0000}.hint-button[aria-expanded=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.hint-bubble{z-index:20;padding:var(--space-3);background:var(--color-ink);color:var(--color-background);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-sm);font-weight:400;line-height:1.5;position:absolute;top:2rem;left:0;right:0}.hint-bubble[hidden]{display:none}.advanced-options{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.advanced-options summary{cursor:pointer;color:var(--color-primary);align-items:center;gap:var(--space-1);min-height:40px;font-weight:600;list-style:none;display:flex}.advanced-options summary::-webkit-details-marker{display:none}.advanced-options summary:before{content:"";width:.45em;height:.45em;margin-right:var(--space-2);transition:transform var(--duration-fast) var(--easing-standard);border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg)}.advanced-options[open] summary:before{transform:rotate(45deg)}.advanced-options-body{gap:var(--space-5);padding-top:var(--space-3);display:grid}.calculator-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.calculator-action-status{font-size:var(--text-sm);color:var(--color-positive);flex-basis:100%;min-height:1.2em}.result-sticky-bar{z-index:30;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-ink);color:var(--color-background);box-shadow:var(--shadow-md);display:flex;position:fixed}.result-sticky-bar[hidden]{display:none}.result-sticky-label{font-size:var(--text-sm)}.result-sticky-value{font-size:var(--text-lg)}@media (width>=960px){.result-sticky-bar{display:none}}.calculator-embed{gap:var(--space-4)}.calculator-embed .result-sticky-bar{display:none}