:root{color:#192a38;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-scale:1;--navy-950:#0f2634;--navy-900:#17394b;--navy-800:#214a60;--navy-700:#2d5f78;--teal-700:#0b625c;--teal-500:#0c756d;--teal-400:#42d2c1;--teal-100:#e3f8f4;--ink-900:#163042;--ink-700:#3d5665;--ink-600:#496270;--ink-500:#536b79;--line:#c7d5dc;--line-soft:#e3e9ec;--line-strong:#879ca8;--surface:#fff;--surface-muted:#f6fafb;--surface-elevated:#fff;--surface-subtle:#f8fafb;--surface-inset:#edf2f4;--surface-code:#f1f5f6;--surface-accent:#eaf9f7;--surface-accent-strong:#f3fcfa;--surface-accent-soft:#f0faf8;--surface-selected:#f2fcfa;--surface-disabled:#edf2f4;--surface-danger:#fff0f0;--surface-danger-soft:#fff5f4;--surface-danger-muted:#fff8f8;--surface-warning-soft:#fff9f0;--surface-warning-muted:#fffaf2;--text-on-accent:#0d3733;--text-strong-accent:#147d73;--text-danger:#8d3535;--text-danger-strong:#8b3a35;--text-warning:#76512d;--text-warning-strong:#8a5a22;--text-success:#17675f;--warning:#b97833;--page-bg:#f4f9fb;--workspace-tint:#fffffff0;--chrome-bg:#eef7f8;--chrome-bg-elevated:#e6f2f5;--chrome-text:#163042;--chrome-muted:#4b6675;--chrome-subtle:#526d7c;--chrome-border:#1630421f;--button-secondary-text:#27485c;--button-secondary-bg:#1630420a;--button-secondary-border:#16304224;--mobile-card-bg:#ffffffd6;--mobile-card-border:#d6e1e6;--mobile-card-active-bg:#edf9f7;--mobile-card-active-border:#9fdcd5;--warning-surface:#fff9f1;--warning-border:#e6d5bb;--warning-text:#805120;--result-label:#b8c9d2;--result-muted:#c7d5dc;--badge-icon-text:#fff;--overlay:#0711197a;--shadow:0 20px 50px #16394a14;--font-2xs:calc(12px * var(--ui-scale));--font-xs:calc(13px * var(--ui-scale));--font-sm:calc(14px * var(--ui-scale));--font-md:calc(16px * var(--ui-scale));--font-lg:calc(18px * var(--ui-scale));--font-xl:calc(20px * var(--ui-scale));--font-display:calc(32px * var(--ui-scale));--control-sm:calc(44px * var(--ui-scale));--control-md:calc(48px * var(--ui-scale));--control-lg:calc(52px * var(--ui-scale));--radius-control:10px;--radius-card:14px;--radius-modal:16px;--focus-ring:0 0 0 3px color-mix(in srgb, var(--teal-500) 26%, transparent);--page-gutter:clamp(14px, 3vw, 32px);--mobile-bar-height:72px;background:#eef4f6;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ebf5fa;--navy-950:#081521;--navy-900:#102335;--navy-800:#163047;--navy-700:#21455f;--teal-700:#42d2c1;--teal-500:#42d2c1;--teal-400:#63ddcf;--teal-100:#24b1a229;--ink-900:#ecf5fa;--ink-700:#cedbe4;--ink-600:#b8c8d3;--ink-500:#9eb0bd;--line:#284052;--line-soft:#203648;--line-strong:#375167;--surface:#162738;--surface-muted:#1a3043;--surface-elevated:#1b3144;--surface-subtle:#1c3346;--surface-inset:#1a3043;--surface-code:#112230;--surface-accent:#42d2c124;--surface-accent-strong:#42d2c12e;--surface-accent-soft:#42d2c129;--surface-selected:#63ddcf26;--surface-disabled:#21384a;--surface-danger:#a941412e;--surface-danger-soft:#a9414124;--surface-danger-muted:#a941411a;--surface-warning-soft:#b9783324;--surface-warning-muted:#b978331f;--text-on-accent:#d9faf4;--text-strong-accent:#63ddcf;--text-danger:#f1a8a8;--text-danger-strong:#f2b3b3;--text-warning:#e7bc85;--text-warning-strong:#e7bc85;--text-success:#8ce1d6;--page-bg:#142434;--workspace-tint:#16273885;--chrome-bg:#102335;--chrome-bg-elevated:#163047;--chrome-text:#f7fbff;--chrome-muted:#b6c6d1;--chrome-subtle:#89a2b0;--chrome-border:#ffffff14;--button-secondary-text:#dbe7ef;--button-secondary-bg:#ffffff12;--button-secondary-border:#ffffff1f;--mobile-card-bg:#172c40eb;--mobile-card-border:#294255;--mobile-card-active-bg:#63ddcf24;--mobile-card-active-border:#63ddcf80;--warning-surface:#b978331f;--warning-border:#b9783347;--warning-text:#e7bc85;--result-label:#b8c9d2;--result-muted:#c7d5dc;--badge-icon-text:var(--navy-950);--overlay:#03090e9e;--shadow:0 22px 60px #00000047;background:#142434}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--line-strong) color-mix(in srgb, var(--surface-muted) 88%, transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:color-mix(in srgb, var(--surface-muted) 88%, transparent)}::-webkit-scrollbar-thumb{border:2px solid color-mix(in srgb, var(--surface-muted) 88%, transparent);background:var(--line-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-500)}html{background:var(--chrome-bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px}body{min-width:320px;min-height:100dvh;color:var(--ink-900);background:var(--page-bg);margin:0}button,input,select,textarea{font:inherit;transition:color .14s,border-color .14s,background .14s,box-shadow .14s,transform .14s,opacity .14s}button{cursor:pointer}button:disabled{cursor:default}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-offset:2px;outline:2px solid var(--teal-500)!important}.label-row{align-items:center;gap:8px;display:inline-flex}.field-hint{align-items:center;display:inline-flex;position:relative}.field-hint-button{width:calc(28px * var(--ui-scale));height:calc(28px * var(--ui-scale));color:var(--ink-500);font-size:var(--font-xs);border:1px solid var(--line-strong);background:var(--surface-elevated);border-radius:999px;justify-content:center;align-items:center;padding:0;font-weight:800;line-height:1;display:inline-flex;position:relative;box-shadow:0 4px 10px #16394a14}.field-hint-button:before{content:"";position:absolute;inset:-8px}.field-hint-button[aria-expanded=true],.field-hint-button:focus-visible{color:var(--text-strong-accent);border-color:var(--teal-500);outline:0}.field-hint-popover{z-index:120;width:min(320px,100vw - 24px);max-width:calc(100vw - 24px);color:var(--ink-900);font-size:var(--font-xs);border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--surface-elevated);box-shadow:var(--shadow);pointer-events:auto;padding:12px 14px;font-weight:500;line-height:1.55;position:fixed}.app-shell{grid-template-rows:72px minmax(calc(100dvh - 72px),auto);grid-template-columns:248px minmax(0,1fr);min-height:100dvh;transition:grid-template-columns .16s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.topbar{z-index:20;height:72px;padding:env(safe-area-inset-top) max(28px, env(safe-area-inset-right)) 0 max(22px, env(safe-area-inset-left));color:var(--chrome-text);background:var(--chrome-bg);border-bottom:1px solid var(--chrome-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-column:1/-1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-control);background:var(--teal-400);flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 20px #3dd6c633}.brand-mark svg{width:24px;fill:var(--navy-950)}.brand>span:last-child{gap:2px;display:grid}.brand strong{font-size:var(--font-xl);letter-spacing:.08em;line-height:1}.brand small{color:var(--chrome-muted);font-size:var(--font-xs);letter-spacing:.025em}.topbar-actions{align-items:center;gap:10px;display:flex}.mobile-topbar-context,.mobile-topbar-status,.mobile-bottom-bar,.data-rules-compact{display:none}.connection-state{color:var(--chrome-muted);font-size:var(--font-sm);align-items:center;gap:8px;font-weight:600;display:flex}.connection-state i{background:var(--teal-400);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3dd6c61f}.settings-button{width:var(--control-sm);height:var(--control-sm);color:var(--chrome-subtle);border-radius:var(--radius-control);background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:color .12s,border-color .12s,background .12s;display:grid}.settings-button:hover,.settings-button:focus-visible{color:var(--chrome-text);border-color:var(--chrome-border);background:#ffffff0d;outline:0}.theme-switch{isolation:isolate;border:1px solid var(--button-secondary-border);border-radius:var(--radius-card);background:var(--button-secondary-bg);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:inline-grid;position:relative}.theme-switch:before{content:"";border:1px solid color-mix(in srgb, var(--chrome-border) 80%, transparent);background:color-mix(in srgb, var(--surface-elevated) 88%, transparent);z-index:0;border-radius:9px;width:calc(50% - 6px);transition:transform .18s,background .18s,border-color .18s;position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0);box-shadow:0 8px 18px #142b3b1f}.theme-switch.dark-active:before{transform:translate(calc(100% + 4px))}.theme-switch button{z-index:1;min-width:0;min-height:var(--control-sm);color:var(--chrome-muted);font-size:var(--font-xs);border-radius:var(--radius-control);background:0 0;border:1px solid #0000;padding:0 10px;font-weight:800;transition:color .12s,background .12s,border-color .12s,transform .12s;position:relative}.theme-switch button:hover,.theme-switch button:focus-visible{color:var(--chrome-text);outline:0}.theme-switch button.active{color:var(--chrome-text);background:0 0;border-color:#0000}.settings-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px}.button{min-height:var(--control-sm);border-radius:var(--radius-control);font-size:var(--font-md);border:1px solid #0000;justify-content:center;align-items:center;padding:0 16px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff2e}.button.secondary{color:var(--button-secondary-text);background:var(--button-secondary-bg);border-color:var(--button-secondary-border)}.button.primary{color:var(--navy-950);background:var(--teal-400)}.button:hover:not(:disabled),.button:focus-visible:not(:disabled){outline:0;transform:translateY(-1px);box-shadow:0 10px 24px #142b3b1f,inset 0 1px #ffffff2e}.button:disabled{opacity:.58}.sidebar{background:var(--chrome-bg-elevated);border-right:1px solid var(--chrome-border);flex-direction:column;height:calc(100dvh - 72px);padding:26px 16px 18px;transition:padding .16s;display:flex;position:sticky;top:72px;overflow-y:auto}.sidebar-heading{justify-content:space-between;align-items:center;padding:0 10px 12px;display:flex}.sidebar-heading-copy{gap:3px;display:grid}.sidebar-toggle{width:var(--control-sm);height:var(--control-sm);color:var(--chrome-subtle);border:1px solid var(--chrome-border);border-radius:var(--radius-control);background:#ffffff09;flex:none;place-items:center;padding:0;display:grid}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{color:var(--teal-400);background:#3dd6c614;border-color:#3dd6c64d;outline:0}.sidebar-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px}.sidebar.collapsed{padding-left:10px;padding-right:10px;overflow-x:hidden}.sidebar.collapsed .sidebar-heading{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .sidebar-heading-copy,.sidebar.collapsed .tool-copy,.sidebar.collapsed .pack-card{display:none}.sidebar.collapsed .tool-link{justify-content:center;padding-left:0;padding-right:0}.sidebar-heading span{color:var(--chrome-text);font-size:var(--font-2xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.sidebar-heading small{color:var(--chrome-muted);font-size:var(--font-xs)}.sidebar nav{gap:5px;display:grid}.tool-link{width:100%;color:var(--chrome-subtle);text-align:left;border-radius:var(--radius-control);background:0 0;border:1px solid #0000;align-items:center;padding:10px;transition:background .12s,border-color .12s,color .12s,transform .12s;display:flex}.tool-link:hover:not(.active),.tool-link:focus-visible:not(.active){color:var(--chrome-text);border-color:var(--chrome-border);background:#3dd6c60d;outline:0;transform:translateY(-1px)}.tool-link.active{color:var(--chrome-text);background:#3dd6c61a;border-color:#3dd6c638}.tool-link:disabled{opacity:.72}.tool-icon{width:35px;height:35px;color:var(--chrome-subtle);font-size:var(--font-2xs);border:1px solid var(--chrome-border);border-radius:var(--radius-control);background:color-mix(in srgb, var(--surface-elevated) 92%, transparent);flex:none;place-items:center;font-weight:800;display:grid}.tool-link.active .tool-icon{color:var(--navy-950);background:var(--teal-400);border-color:var(--teal-400)}.tool-copy{gap:3px;margin-left:11px;display:grid}.tool-copy strong{font-size:var(--font-sm);font-weight:700}.tool-copy small{font-size:var(--font-2xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.tool-copy small.ready{color:var(--teal-700)}.tool-copy small.review{color:var(--text-warning-strong)}.pack-card{color:var(--chrome-muted);border:1px solid var(--chrome-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--surface-elevated) 82%, transparent);gap:5px;margin-top:auto;padding:15px;display:grid}.eyebrow{color:var(--teal-500);font-size:var(--font-2xs);letter-spacing:.13em;text-transform:uppercase;font-weight:800}.pack-card .eyebrow{color:var(--chrome-subtle)}.pack-card strong{color:var(--chrome-text);font-size:var(--font-sm)}.pack-card>span:not(.eyebrow){color:var(--chrome-muted);font-size:var(--font-2xs)}.pack-card>small{color:var(--chrome-subtle);font-size:var(--font-2xs);line-height:1.4}.pack-card button{min-height:var(--control-sm);color:var(--text-strong-accent);font-size:var(--font-xs);border-radius:var(--radius-control);background:0 0;border:1px solid #3dd6c633;margin-top:7px;padding:0 12px;font-weight:700}.workspace{background:linear-gradient(var(--workspace-tint), #fff0) top/100% 180px no-repeat, var(--page-bg);min-width:0;padding:42px clamp(24px,4vw,58px) 60px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;width:min(1180px,100%);margin:0 auto 26px;display:flex}.page-heading h1{color:var(--ink-900);letter-spacing:-.035em;margin:7px 0;font-size:clamp(28px,3vw,38px);line-height:1.05}.page-heading p{max-width:620px;color:var(--ink-500);font-size:var(--font-md);margin:0;line-height:1.6}.page-heading-actions{align-items:center;gap:10px;display:flex}.details-sidebar-toggle{min-height:var(--control-sm);color:var(--ink-700);font-size:var(--font-xs);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:color-mix(in srgb, var(--surface-elevated) 84%, transparent);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:800;display:inline-flex}.details-sidebar-toggle:hover,.details-sidebar-toggle:focus-visible{color:var(--text-strong-accent);border-color:var(--mobile-card-active-border);background:var(--surface-accent-strong);outline:0}.details-sidebar-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px}.verified-badge{border:1px solid var(--mobile-card-active-border);border-radius:var(--radius-control);background:var(--surface-accent-strong);flex:none;align-items:center;gap:10px;padding:9px 12px;display:flex}.verified-badge>span{width:27px;height:27px;color:var(--badge-icon-text);font-size:var(--font-xs);background:var(--teal-500);border-radius:50%;place-items:center;display:grid}.verified-badge div{gap:2px;display:grid}.verified-badge strong{color:var(--text-on-accent);font-size:var(--font-sm)}.verified-badge small{color:var(--ink-500);font-size:var(--font-2xs)}.verified-badge.review{border-color:var(--warning-border);background:var(--surface-warning-muted)}.verified-badge.review>span{color:#4f3216;background:#d49b5a}.verified-badge.review strong{color:var(--text-warning)}.verified-badge.review small{color:var(--ink-500)}.calculator-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);align-items:start;gap:20px;width:min(1180px,100%);margin:0 auto;display:grid}.calculator-grid.details-collapsed{grid-template-columns:minmax(0,1fr)}.detail-column.hidden{display:none}.calculator-card,.detail-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow)}.calculator-card{overflow:hidden}.card-header,.form-section{padding:27px 30px}.card-header{border-bottom:1px solid var(--line-soft)}.card-header>div,.section-label{align-items:flex-start;gap:13px;display:flex}.step-number{width:30px;height:30px;color:var(--teal-500);font-size:var(--font-2xs);border:1px solid var(--mobile-card-active-border);border-radius:var(--radius-control);background:var(--surface-accent);flex:none;place-items:center;font-weight:800;display:grid}.card-header h2,.section-label h2,.detail-heading h2{color:var(--ink-900);font-size:var(--font-lg);letter-spacing:-.01em;margin:0}.card-header p,.section-label p,.detail-heading p{color:var(--ink-500);font-size:var(--font-sm);margin:4px 0 0}.mode-switch{isolation:isolate;border-radius:var(--radius-card);background:var(--surface-inset);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;padding:5px;display:grid;position:relative}.mode-switch:before{content:"";border:1px solid var(--line);background:var(--surface-elevated);z-index:0;border-radius:9px;width:calc(50% - 9px);transition:transform .18s,border-color .18s,background .18s;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 8px 18px #142b3b14}.mode-switch.mode-va-from-amps:before{transform:translate(calc(100% + 8px))}.mode-switch button{z-index:1;min-width:0;min-height:var(--control-md);color:var(--ink-700);font-size:var(--font-sm);border-radius:var(--radius-control);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex;position:relative}.mode-switch button:hover,.mode-switch button:focus-visible{color:var(--ink-900);outline:0}.mode-switch button.active{color:var(--ink-900);box-shadow:none;background:0 0;border-color:#0000}.mode-switch svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:16px}.form-section{padding-top:25px}.field-label{color:var(--ink-700);font-size:var(--font-2xs);letter-spacing:.05em;text-transform:uppercase;margin:24px 0 9px;font-weight:800;display:block}.choice-field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.choice-field legend{width:100%;color:var(--ink-700);font-size:var(--font-2xs);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:0;font-weight:800}.phase-switch{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;display:grid}.phase-switch button{min-height:var(--control-md);color:var(--ink-700);font-size:var(--font-sm);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-elevated);font-weight:700}.phase-switch button:hover:not(.active),.phase-switch button:focus-visible:not(.active){color:var(--ink-900);border-color:var(--line-strong);background:var(--surface-subtle);outline:0;transform:translateY(-1px)}.phase-switch button.active{color:var(--teal-500);border-color:var(--teal-500);background:var(--surface-selected);box-shadow:inset 0 0 0 1px var(--teal-500)}.field-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.input-field{gap:8px;display:grid}.input-field>span,.preset-row>span,.json-editor>span{color:var(--ink-700);font-size:var(--font-2xs);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.input-shell{min-height:var(--control-md);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-elevated);align-items:center;transition:border-color .12s,box-shadow .12s,background .12s;display:flex}.input-shell:focus-within{border-color:var(--teal-500);box-shadow:var(--focus-ring)}.input-shell>:is(input,select,textarea):focus-visible{outline:0!important}.input-shell input{width:100%;min-width:0;color:var(--ink-900);font-size:var(--font-xl);background:0 0;border:0;outline:0;padding:0 0 0 16px;font-weight:700}input::placeholder{color:var(--ink-500);opacity:1}.input-shell em{color:var(--ink-500);font-size:var(--font-sm);padding:0 16px;font-style:normal;font-weight:800}.select-field{gap:8px;display:grid}.select-field>span{color:var(--ink-700);font-size:var(--font-2xs);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.select-field select,.study-select-field select{width:100%;min-height:var(--control-md);color:var(--ink-900);font-size:var(--font-md);border:1px solid var(--line-strong);border-radius:var(--radius-control);appearance:none;background-color:var(--surface-elevated);background-image:linear-gradient(45deg, transparent 50%, var(--ink-500) 50%), linear-gradient(135deg, var(--ink-500) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 1px),calc(100% - 12px) calc(50% - 1px);background-repeat:no-repeat;background-size:6px 6px;outline:0;padding:0 38px 0 14px;font-weight:700}.select-field select:focus,.study-select-field select:focus{border-color:var(--teal-500);box-shadow:var(--focus-ring)}.unit-toggle{min-width:calc(60px * var(--ui-scale));color:var(--text-strong-accent);font-size:var(--font-sm);border:0;border-left:1px solid var(--line);border-radius:0 var(--radius-control) var(--radius-control) 0;background:var(--surface-accent-soft);align-self:stretch;padding:0 13px;font-weight:850}.unit-toggle:hover,.unit-toggle:focus-visible{background:var(--surface-accent);outline:0}.preset-row{gap:9px;margin-top:17px;display:grid}.preset-row div{flex-wrap:wrap;gap:6px;display:flex}.preset-row button{min-height:var(--control-sm);color:var(--ink-700);font-size:var(--font-xs);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-subtle);padding:0 14px;font-weight:700}.preset-row button:hover:not(.active),.preset-row button:focus-visible:not(.active){color:var(--ink-900);border-color:var(--line-strong);background:var(--surface-elevated);outline:0;transform:translateY(-1px)}.preset-row button.active{color:var(--text-strong-accent);border-color:var(--mobile-card-active-border);background:var(--surface-accent)}.result-panel{color:#fff;background:linear-gradient(120deg, #3dd6c61f, transparent 50%), var(--navy-900);grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:end;gap:24px;padding:25px 30px;display:grid}.result-values{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;min-width:0;display:grid}.result-panel.has-secondary{align-items:start}.result-panel.has-secondary .result-values{grid-template-columns:minmax(0,1fr);max-width:min(100%,560px)}.result-item{gap:6px;min-width:0;display:grid}.result-item>span{color:var(--result-label);font-size:var(--font-2xs);letter-spacing:.09em;text-transform:uppercase;font-weight:800}.secondary-result{border-left:1px solid #9fb3bf33;padding-left:24px}.result-panel.has-secondary .secondary-result{border-top:1px solid #9fb3bf33;border-left:0;padding-top:18px;padding-left:0}.secondary-result .result-copy strong{font-size:clamp(27px,4vw,38px)}.result-value-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.result-copy{color:#fff;text-align:left;border-radius:var(--radius-control);cursor:copy;background:0 0;border:0;padding:0}.result-copy:hover,.result-copy:focus-visible{text-shadow:0 0 18px #3dd6c652;outline:0}.result-copy:focus-visible{box-shadow:0 0 0 2px var(--teal-400)}.result-copy:disabled{cursor:default}.result-copy strong{letter-spacing:-.04em;font-size:clamp(32px,5vw,46px);line-height:1}.result-unit,.result-unit-toggle{color:var(--teal-400);font-size:var(--font-lg);letter-spacing:0;font-weight:800}.result-unit-toggle{min-width:var(--control-sm);min-height:var(--control-sm);border-radius:var(--radius-control);background:0 0;border:1px solid #0000;padding:0 8px}.result-unit-toggle:hover,.result-unit-toggle:focus-visible{background:#3dd6c617;border-color:#3dd6c673;outline:0}.result-panel .copy-status{min-height:18px;color:var(--result-muted);font-size:var(--font-2xs);letter-spacing:.02em;font-weight:650}.result-panel p{max-width:240px;color:var(--result-muted);font-size:var(--font-xs);text-align:right;justify-self:end;margin:0;line-height:1.6}.detail-column{gap:16px;display:grid}.supporting-details-section{gap:18px;width:min(1180px,100%);margin:20px auto 0;display:grid}.supporting-details-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.supporting-details-title{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:13px;display:grid}.supporting-details-title h2{color:var(--ink-900);font-size:var(--font-lg);letter-spacing:-.01em;margin:0}.supporting-details-title p{color:var(--ink-500);font-size:var(--font-sm);margin:4px 0 0}.details-divider-line{background:var(--line-strong);width:54px;height:1px;margin-top:14px;display:block}.supporting-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.detail-card{box-shadow:var(--shadow);padding:22px}.detail-heading{border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:11px;padding-bottom:17px;display:flex}.detail-icon{width:29px;height:29px;color:var(--teal-500);font-size:var(--font-2xs);border-radius:var(--radius-control);background:var(--teal-100);flex:none;place-items:center;font-weight:900;display:grid}.trace-list{gap:15px;padding-top:17px;display:grid}.trace-list>div{gap:6px;display:grid}.trace-list span,.citation-list article>span{color:var(--ink-500);font-size:var(--font-2xs);letter-spacing:.07em;text-transform:uppercase;font-weight:800}.trace-list strong{color:var(--ink-900);font-size:var(--font-md)}.trace-list code{overflow-wrap:anywhere;color:var(--ink-700);font-family:Cascadia Code,Consolas,monospace;font-size:var(--font-xs);border-radius:var(--radius-control);background:var(--surface-code);padding:9px 10px;line-height:1.5}.citation-list{gap:0;display:grid}.citation-list article{border-bottom:1px solid var(--line-soft);padding:16px 0}.citation-list article:last-child{border-bottom:0;padding-bottom:0}.citation-list strong{color:var(--ink-900);font-size:var(--font-sm);margin-top:4px;display:block}.citation-list p{color:var(--ink-500);font-size:var(--font-xs);margin:6px 0 0;line-height:1.55}.disclaimer-card{border:1px solid var(--warning-border);border-radius:var(--radius-card);background:var(--warning-surface);padding:16px 18px}.disclaimer-card strong{color:var(--warning-text);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em}.disclaimer-card p{color:color-mix(in srgb, var(--warning-text) 82%, var(--ink-900));font-size:var(--font-xs);margin:6px 0 0;line-height:1.55}.loading-state,.error-state{text-align:center;align-content:center;place-items:center;min-height:50vh;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--teal-500);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.error-state p{color:var(--ink-500);font-size:var(--font-sm)}.error-state h1{margin:8px 0 0;font-size:24px}.error-state>span{color:var(--text-danger);font-size:var(--font-xs);text-transform:uppercase;font-weight:800}.modal-backdrop{z-index:100;width:100%;height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0}.pack-modal{border:1px solid var(--line);border-radius:var(--radius-modal);background:var(--surface);width:min(900px,100%);max-height:min(820px,100dvh - 48px);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.pack-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:24px 26px 20px;display:flex}.pack-modal h2{color:var(--ink-900);font-size:calc(24px * var(--ui-scale));margin:5px 0 3px}.pack-modal header p{color:var(--ink-500);font-size:var(--font-sm);margin:0}.close-button{width:var(--control-sm);height:var(--control-sm);color:var(--ink-500);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-muted);flex:none;place-items:center;font-size:23px;display:grid}.close-button:hover,.close-button:focus-visible{color:var(--text-strong-accent);border-color:var(--mobile-card-active-border);background:var(--surface-accent);outline:0;transform:translateY(-1px)}.pack-meta{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1fr 1fr;gap:1px;display:grid}.pack-meta div{background:var(--surface-muted);gap:4px;padding:13px 26px;display:grid}.pack-meta span{color:var(--ink-500);font-size:var(--font-2xs);text-transform:uppercase;font-weight:800}.pack-meta strong{color:var(--ink-900);font-size:var(--font-sm)}.json-editor{flex:1;gap:8px;min-height:0;padding:18px 26px 0;display:grid}.json-editor textarea{resize:vertical;color:#d9e7ec;width:100%;min-height:300px;font-family:Cascadia Code,Consolas,monospace;font-size:var(--font-sm);border-radius:var(--radius-control);background:var(--navy-950);border:1px solid #20384a;outline:none;padding:15px;line-height:1.55}.json-editor textarea:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #14a89a24}.pack-message{font-size:var(--font-xs);border-radius:var(--radius-control);margin:10px 26px 0;padding:9px 11px}.pack-message.success{color:var(--text-success);background:var(--surface-accent)}.pack-message.error{color:var(--text-danger);background:var(--surface-danger)}.pack-modal>footer{justify-content:space-between;align-items:center;gap:20px;padding:18px 26px 22px;display:flex}.pack-modal footer>div{align-items:center;gap:8px;display:flex}.pack-modal .button.secondary{color:var(--ink-700);background:var(--surface);border-color:var(--line)}.file-button input{display:none}.text-button{min-height:var(--control-sm);color:var(--ink-500);font-size:var(--font-xs);background:0 0;border:0;padding:0 10px;font-weight:700}.text-button:hover,.text-button:focus-visible{color:var(--text-strong-accent);outline:0}.text-button.destructive-button{color:var(--text-danger-strong);border:1px solid var(--warning-border);border-radius:var(--radius-control);background:var(--surface-danger-muted)}.text-button.destructive-button:hover,.text-button.destructive-button:focus-visible{color:var(--text-danger);border-color:color-mix(in srgb, var(--text-danger) 40%, var(--warning-border));background:var(--surface-danger-soft)}.mobile-navigation-backdrop{z-index:120;background:var(--overlay);border:0;justify-content:flex-end;align-items:stretch;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-navigation-backdrop::backdrop{background:0 0}.mobile-navigation-sheet{width:min(440px,100%);min-width:0;height:100%;padding-top:env(safe-area-inset-top);color:var(--ink-900);border-left:1px solid var(--line);border-radius:var(--radius-modal) 0 0 var(--radius-modal);background:var(--surface);flex-direction:column;animation:.18s ease-out both mobile-panel-in;display:flex;overflow:hidden;box-shadow:-24px 0 70px #07111933}.mobile-sheet-handle{display:none}.mobile-navigation-sheet>header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 22px 18px;display:flex}.mobile-navigation-sheet>header>div{min-width:0}.mobile-navigation-sheet h2{letter-spacing:-.035em;margin:5px 0;font-size:clamp(24px,7vw,30px);line-height:1.12}.mobile-navigation-sheet header p{color:var(--ink-500);font-size:var(--font-sm);margin:0;line-height:1.5}.mobile-module-navigation{overscroll-behavior:contain;flex:1;min-height:0;padding:18px 18px 20px;overflow-y:auto}.mobile-module-navigation ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.mobile-module-navigation li{min-width:0}.mobile-module-navigation button{width:100%;min-height:124px;color:var(--ink-700);text-align:left;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-subtle);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-content:start;padding:14px;display:grid;position:relative}.mobile-module-navigation button:hover,.mobile-module-navigation button:focus-visible{color:var(--ink-900);border-color:var(--line-strong);background:var(--surface-elevated)}.mobile-module-navigation button.active{color:var(--text-on-accent);border-color:var(--mobile-card-active-border);background:var(--mobile-card-active-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--teal-500) 18%, transparent)}.mobile-module-code{width:36px;height:36px;color:var(--teal-700);font-size:var(--font-2xs);border:1px solid var(--mobile-card-active-border);border-radius:var(--radius-control);background:var(--surface-accent);grid-area:1/1;place-items:center;font-weight:900;display:grid}.mobile-module-navigation button.active .mobile-module-code{color:var(--navy-950);border-color:var(--teal-400);background:var(--teal-400)}.mobile-module-copy{grid-area:1/2;align-content:start;gap:3px;min-width:0;padding-left:10px;display:grid}.mobile-module-copy strong{font-size:var(--font-sm);line-height:1.25}.mobile-module-copy small{color:var(--ink-700);font-size:var(--font-2xs);line-height:1.35}.mobile-module-state{color:var(--ink-500);font-size:var(--font-2xs);letter-spacing:.07em;text-transform:uppercase;grid-area:2/1/auto/-1;align-self:end;margin-top:14px;font-weight:800}.mobile-module-state.ready{color:var(--teal-700)}.mobile-module-state.review{color:var(--text-warning)}.mobile-navigation-sheet>footer{padding:17px 20px max(17px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px;display:grid}.mobile-sheet-preference-copy{gap:2px;display:grid}.mobile-sheet-preference-copy strong{font-size:var(--font-sm)}.mobile-sheet-preference-copy small{color:var(--ink-700);font-size:var(--font-2xs)}.mobile-sheet-theme{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-inset);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.mobile-sheet-theme button{min-width:64px;min-height:var(--control-sm);color:var(--ink-700);font-size:var(--font-xs);border-radius:var(--radius-control);background:0 0;border:1px solid #0000;padding:0 10px;font-weight:800}.mobile-sheet-theme button.active{color:var(--ink-900);border-color:var(--line);background:var(--surface-elevated);box-shadow:0 5px 14px #142b3b14}.mobile-sheet-pack{color:var(--ink-700);border-top:1px solid var(--line-soft);grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.mobile-sheet-pack span{font-size:var(--font-xs);align-items:center;gap:7px;font-weight:750;display:flex}.mobile-sheet-pack i{background:var(--teal-500);border-radius:50%;width:7px;height:7px}.mobile-sheet-pack small{color:var(--ink-700);font-size:var(--font-2xs)}@keyframes mobile-panel-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width<=960px){html{scroll-padding-bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom) + 24px)}.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr;grid-template-rows:calc(64px + env(safe-area-inset-top)) minmax(0, auto)}.topbar{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left));background:var(--chrome-bg);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-start;gap:11px}.brand{flex:none;gap:0}.brand>span:last-child,.topbar-actions{display:none}.brand-mark{width:38px;height:38px;box-shadow:none}.mobile-topbar-context{gap:2px;min-width:0;display:grid}.mobile-topbar-context span{color:var(--chrome-muted);font-size:var(--font-2xs);letter-spacing:.08em;text-transform:uppercase;font-weight:750;line-height:1}.mobile-topbar-context strong{color:var(--chrome-text);font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.mobile-topbar-status{color:var(--teal-700);font-size:var(--font-2xs);border:1px solid var(--mobile-card-active-border);border-radius:var(--radius-control);background:var(--surface-accent);flex:none;align-items:center;gap:6px;margin-left:auto;padding:7px 9px;font-weight:800;display:inline-flex}.mobile-topbar-status.review{color:var(--text-warning-strong);border-color:var(--warning-border);background:var(--surface-warning-soft)}.mobile-topbar-status i{background:currentColor;border-radius:50%;width:7px;height:7px}.sidebar{display:none}.workspace{padding-bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom) + 44px);grid-column:1}.page-heading-actions .details-sidebar-toggle{display:none}.mobile-bottom-bar{z-index:60;inset-inline:0;min-height:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom));padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--chrome-border);background:color-mix(in srgb, var(--chrome-bg) 96%, var(--surface));grid-template-columns:repeat(4,minmax(0,1fr));transition:transform .16s;display:grid;position:fixed;bottom:0;box-shadow:0 -12px 32px #0f263414}.mobile-bottom-bar button{min-width:0;min-height:60px;color:var(--chrome-muted);font-size:var(--font-2xs);border-radius:var(--radius-control);background:0 0;border:0;align-content:center;place-items:center;gap:4px;padding:4px;font-weight:750;display:grid;position:relative}.mobile-bottom-bar button:before{content:"";background:0 0;border-radius:999px;width:22px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-bottom-bar button:hover,.mobile-bottom-bar button:focus-visible,.mobile-bottom-bar button.active{color:var(--text-strong-accent);background:var(--surface-accent-soft)}.mobile-bottom-bar button.active:before{background:var(--teal-500)}.mobile-bottom-bar svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}:where(input,select,textarea):focus{scroll-margin-bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom) + 28px)}body:has(input:focus,select:focus,textarea:focus) .mobile-bottom-bar{transform:translateY(calc(100% + env(safe-area-inset-bottom)))}.calculator-grid{grid-template-columns:1fr}.detail-column{grid-template-columns:1fr 1fr}.supporting-details-grid{grid-template-columns:1fr}.disclaimer-card{grid-column:1/-1}}@media (width>=681px) and (width<=960px){.mobile-bottom-bar{inset-inline:auto;border:1px solid var(--chrome-border);border-bottom:0;border-radius:18px 18px 0 0;width:min(600px,100% - 32px);left:50%;transform:translate(-50%)}body:has(input:focus,select:focus,textarea:focus) .mobile-bottom-bar{transform:translate(-50%, calc(100% + env(safe-area-inset-bottom)))}}@media (width>=681px) and (width<=960px) and (height<=500px){.mobile-navigation-sheet>header{padding:14px 18px 12px}.mobile-navigation-sheet h2{margin:3px 0 0;font-size:24px}.mobile-navigation-sheet header p,.mobile-sheet-preference-copy,.mobile-sheet-pack,.mobile-module-copy small{display:none}.mobile-module-navigation{padding:10px 14px 12px}.mobile-module-navigation button{min-height:98px;padding:10px}.mobile-module-code{width:32px;height:32px}.mobile-module-state{margin-top:10px}.mobile-navigation-sheet>footer{justify-content:flex-end;padding:7px 14px;display:flex}}@media (width<=680px){.topbar{padding-right:max(15px, env(safe-area-inset-right));padding-left:max(15px, env(safe-area-inset-left))}.workspace{padding:28px max(14px, env(safe-area-inset-right)) calc(var(--mobile-bar-height) + env(safe-area-inset-bottom) + 40px) max(14px, env(safe-area-inset-left))}.page-heading{flex-direction:column;align-items:flex-start}.page-heading-actions{display:none}.card-header,.form-section{padding:22px 18px}.field-grid,.detail-column{grid-template-columns:1fr}.supporting-details-header{flex-direction:column;align-items:stretch}.supporting-details-title{grid-template-columns:1fr;gap:8px}.details-divider-line{margin-top:0}.result-panel{grid-template-columns:1fr;align-items:flex-start;padding:23px 18px}.result-panel p{text-align:left;max-width:none}.secondary-result{border-top:1px solid #9fb3bf33;border-left:0;padding-top:18px;padding-left:0}.pack-meta{grid-template-columns:1fr}.pack-meta div{padding:9px 18px}.json-editor{padding-left:18px;padding-right:18px}.pack-modal>footer{flex-direction:column-reverse;align-items:stretch;padding:16px 18px}.pack-modal footer>div{flex-wrap:wrap}.pack-modal .button.primary{width:100%}.mobile-navigation-backdrop{padding-top:max(12px, env(safe-area-inset-top));justify-content:center;align-items:flex-end}.mobile-navigation-sheet{width:100%;height:auto;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;padding-top:0;animation-name:mobile-sheet-in;box-shadow:0 -24px 70px #07111933}.mobile-sheet-handle{background:var(--line-strong);border-radius:999px;width:42px;height:4px;margin:8px auto 0;display:block}.mobile-navigation-sheet>header{padding:15px 18px 16px}.mobile-module-navigation{padding:15px 14px 18px}.mobile-navigation-sheet>footer{padding-left:16px;padding-right:16px}}@keyframes mobile-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=430px){:root{--font-display:calc(29px * var(--ui-scale))}.field-hint-button{width:calc(32px * var(--ui-scale));height:calc(32px * var(--ui-scale))}.field-hint-button:before{inset:-6px}.modal-backdrop{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}}@media (width<=360px){.mobile-topbar-status{padding-left:7px;padding-right:7px}.mobile-module-navigation button{min-height:118px;padding:12px}.mobile-module-code{width:34px;height:34px}.mobile-module-copy{padding-left:8px}.brand>span:last-child{display:none}.topbar-actions{gap:6px}.theme-switch button{width:var(--control-sm);padding:0;font-size:0}.theme-switch button:after{font-size:18px;line-height:1}.theme-switch button:first-child:after{content:"☀"}.theme-switch button:nth-child(2):after{content:"☾"}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:highlight!important}.input-shell:focus-within{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}