:root{--paper:#fff;--paper-2:#f4f4f5;--ink:#09090b;--ink-dim:#71717a;--line:#e4e4e7;--panel-bg:#fff;--panel-border:#e4e4e7;--primary:#18181b;--primary-fg:#fafafa;--ring:#18181b;--arc:#2c6e63;--chord:#b45a32;--rise:#b3871f;--radius:#3b6ea5;--punch:#6a4c93;--warn:#a3372b;--focus:#2c6e63}:root[data-theme=dark]{--paper:#09090b;--paper-2:#18181b;--ink:#fafafa;--ink-dim:#a1a1aa;--line:#27272a;--panel-bg:#09090b;--panel-border:#27272a;--primary:#fafafa;--primary-fg:#18181b;--ring:#d4d4d8;--arc:#6fbfae;--chord:#e8935f;--rise:#e0b64a;--radius:#7fb0dd;--punch:#b39ddb;--warn:#e39187;--focus:#6fbfae}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);margin:0;font-family:-apple-system,SF Pro Text,Segoe UI,system-ui,Roboto,sans-serif;overflow-x:hidden}.theme-toggle{z-index:20;border:1px solid var(--panel-border);background:var(--panel-bg);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background .15s;display:flex;position:fixed;top:16px;right:16px}.theme-toggle:hover{background:var(--paper-2)}.theme-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 35%, transparent);outline:none}.last-updated-badge{z-index:20;border:1px solid var(--panel-border);background:var(--panel-bg);height:36px;color:var(--ink-dim);border-radius:8px;align-items:center;padding:0 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;display:flex;position:fixed;top:16px;right:62px}body[data-screen=welcome] .last-updated-badge{display:none}:root{--sidebar-w:190px}.sidebar{width:var(--sidebar-w);background:var(--panel-bg);border-right:1px solid var(--panel-border);z-index:1;flex-direction:column;gap:6px;padding:clamp(20px,4vw,48px) 16px;display:flex;position:fixed;inset:0 auto 0 0}body[data-screen=welcome] .sidebar{display:none}.sidebar-btn{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s}.sidebar-btn:hover{background:var(--paper-2)}.sidebar-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 35%, transparent);outline:none}.sidebar-admin-link{color:var(--ink-dim);margin-top:auto;font-size:12px}.sidebar-param-links{border-top:1px solid var(--panel-border);flex-direction:column;gap:6px;margin-top:10px;padding-top:14px;display:none}body[data-screen=entry] .sidebar-param-links,body[data-screen=review] .sidebar-param-links,body[data-screen=results] .sidebar-param-links{display:flex}.sidebar-param-link{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;display:none}.sidebar-param-link.visible{display:block}.sidebar-param-link.active{background:color-mix(in srgb, var(--focus) 10%, transparent);color:var(--ink);font-weight:600}.sidebar-results-link{border-top:1px dashed var(--panel-border);margin-top:4px;padding-top:10px;display:none}.sidebar-results-link.visible{display:block}.sidebar-results-link.active{background:color-mix(in srgb, var(--focus) 10%, transparent);color:var(--ink);font-weight:600}.screen{--pos:0;background:var(--paper);pointer-events:none;transform:translateX(calc((var(--pos) - var(--screen-index,0)) * 100%));padding:clamp(20px,4vw,48px);transition:transform .45s cubic-bezier(.16,.84,.44,1);position:fixed;inset:0;overflow-y:auto}#welcomeScreen{--pos:0}#selectScreen{--pos:1;padding-left:calc(clamp(20px, 4vw, 48px) + var(--sidebar-w))}#entryScreen{--pos:2;padding-left:calc(clamp(20px, 4vw, 48px) + var(--sidebar-w))}#reviewScreen{--pos:3;padding-left:calc(clamp(20px, 4vw, 48px) + var(--sidebar-w))}#resultsScreen{--pos:4;padding-left:calc(clamp(20px, 4vw, 48px) + var(--sidebar-w))}body[data-screen=welcome]{--screen-index:0}body[data-screen=select]{--screen-index:1}body[data-screen=entry]{--screen-index:2}body[data-screen=review]{--screen-index:3}body[data-screen=results]{--screen-index:4}body[data-screen=welcome] #welcomeScreen,body[data-screen=select] #selectScreen,body[data-screen=entry] #entryScreen,body[data-screen=review] #reviewScreen,body[data-screen=results] #resultsScreen{pointer-events:auto}@media (prefers-reduced-motion:reduce){.screen{transition:none}}.welcome-screen{justify-content:center;align-items:center;display:flex}.welcome-card{text-align:center;max-width:46ch}.welcome-card h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(28px,4vw,38px);font-weight:600}.welcome-card p{color:var(--ink-dim);margin:0 0 28px;line-height:1.55}button{cursor:pointer;font-family:inherit}.btn-primary{border:1px solid var(--primary);background:var(--primary);color:var(--primary-fg);border-radius:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 35%, transparent);outline:none}.btn-home{color:var(--ink-dim);background:0 0;border:none;border-radius:4px;padding:2px 1px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.btn-home:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.btn-home:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 35%, transparent);outline:none}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary:disabled:hover{opacity:.45}.select-list{flex-direction:column;gap:10px;margin:0 0 26px;padding:0;list-style:none;display:flex}.select-row{border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;transition:border-color .15s,background .15s;display:flex}.select-row:hover{background:var(--paper-2)}.select-row:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 35%, transparent);outline:none}.select-row.selected{border-color:var(--focus);background:color-mix(in srgb, var(--focus) 10%, var(--paper));font-weight:600}.select-row .swatch{width:12px;height:12px}.unit-conv-list{flex-direction:column;gap:6px;margin:20px 0 26px;padding:0;list-style:none;display:flex}.unit-conv-list[hidden]{display:none}.unit-conv-row{color:var(--ink-dim);border-radius:6px;justify-content:space-between;align-items:baseline;padding:9px 12px;font-size:13px;display:flex}.unit-conv-row .unit-conv-value{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.unit-conv-row.unit-conv-mm{background:color-mix(in srgb, var(--focus) 10%, var(--panel-bg));color:var(--ink);font-weight:600}.unit-conv-row.unit-conv-mm .unit-conv-value{color:var(--focus)}.result-row{margin-bottom:24px}.result-row-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.result-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim);font-size:11px;font-weight:500}.diagram-panel .seg-part{opacity:.32;transition:opacity .2s,stroke-width .2s,filter .2s}.diagram-panel .seg-part.part-preview{opacity:.65}.diagram-panel .seg-part.part-selected{opacity:1;stroke-width:6px;filter:drop-shadow(0 1px 3px #0003)}.diagram-panel text.seg-part.part-selected{font-size:17px;font-weight:700}.wrap{max-width:1080px;margin:0 auto}header{margin-bottom:28px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}h1{text-wrap:balance;letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(26px,4vw,34px);font-weight:600}header p{color:var(--ink-dim);max-width:62ch;margin:0;line-height:1.55}.layout{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:24px;display:grid}@media (max-width:780px){.layout{grid-template-columns:1fr}}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:28px;box-shadow:0 1px 2px #0000000a}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.field label{color:var(--ink-dim);justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:13px;display:flex}.field label span.val{font-variant-numeric:tabular-nums;color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.label-text{align-items:center;gap:7px;display:flex}input[type=number],input[type=text],input[type=password],select{border:1px solid var(--panel-border);background:var(--panel-bg);width:100%;color:var(--ink);border-radius:6px;padding:8px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;transition:border-color .15s,box-shadow .15s}select{font-family:inherit}input:focus-visible,select:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 25%, transparent);outline:none}input[type=number]:disabled,select:disabled{background:var(--paper-2);color:var(--ink-dim);cursor:not-allowed}.value-unit-row{grid-template-columns:1fr auto;gap:10px;margin-bottom:4px;display:grid}.value-unit-row .unit-select{width:auto;padding:8px;font-size:12.5px}.error{background:color-mix(in srgb, var(--warn) 10%, var(--panel-bg));border:1px solid color-mix(in srgb, var(--warn) 35%, var(--panel-border));color:var(--warn);border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:12.5px;line-height:1.4}.error[hidden]{display:none}.range-hint{background:var(--paper-2);color:var(--ink-dim);border-radius:8px;margin:10px 0 0;padding:10px 12px;font-size:12.5px;line-height:1.4}.range-hint[hidden]{display:none}.review-value{font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}.readout{flex-direction:column;gap:12px;display:flex}.results-col{flex-direction:column;gap:16px;display:flex}.extra-stats{flex-direction:column;gap:12px;display:flex}.extra-stats[hidden]{display:none}.stats-toggle{color:var(--focus);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12.5px;font-weight:500}.stats-toggle:hover{text-underline-offset:3px;text-decoration:underline}.stats-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 35%, transparent);outline:none}.stat{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stat .label{align-items:center;gap:8px;font-size:13.5px;display:flex}.swatch{border-radius:3px;flex:none;width:10px;height:10px}.stat .value{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px}.formula{color:var(--ink-dim);font-size:12px}.diagram-panel{flex-direction:column;gap:0;display:flex}svg{width:100%;height:auto;display:block}.diagram-caption{color:var(--ink-dim);text-align:center;border-top:1px solid var(--panel-border);margin-top:4px;padding-top:12px;font-size:12.5px}text.tag{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;font-weight:600}.modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal-box{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;width:100%;max-width:420px;padding:24px;box-shadow:0 12px 32px #00000040}.modal-title{margin:0 0 10px;font-size:17px;font-weight:600}.modal-message{color:var(--ink-dim);margin:0 0 20px;font-size:13.5px;line-height:1.5}.modal-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.admin-page{min-height:100%;padding:clamp(20px,4vw,48px)}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-login-card{max-width:360px;margin:10vh auto 0}.admin-back-link{margin-bottom:10px;display:inline-block}.admin-field{margin-bottom:16px}.admin-field label{color:var(--ink-dim);margin-bottom:6px;font-size:13px;display:block}.admin-table-wrap{border:1px solid var(--panel-border);border-radius:12px;overflow-x:auto}table.admin-table{border-collapse:collapse;width:100%;font-size:13.5px}table.admin-table th,table.admin-table td{border-bottom:1px solid var(--panel-border);text-align:left;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}table.admin-table th{background:var(--paper-2);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}table.admin-table input{padding:6px 8px;font-size:13px}table.admin-table tr:last-child td{border-bottom:none}.admin-table-empty{text-align:center;color:var(--ink-dim);padding:24px 12px;font-family:inherit}.admin-filters-row{border:1px solid var(--panel-border);background:var(--paper-2);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;padding:16px;display:flex}.admin-filter-field{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.admin-filter-field label{color:var(--ink-dim);font-size:12px}.admin-filter-field input{font-size:13px}.admin-clear-filter-btn{white-space:nowrap;border:1px solid var(--panel-border);padding:8px 12px}.admin-clear-filter-btn:disabled{opacity:.4;cursor:not-allowed}.admin-actions-row{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.admin-status{color:var(--ink-dim);font-size:13px}.admin-status.is-error{color:var(--warn)}.admin-status.is-ok{color:var(--focus)}.admin-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.admin-pagination-summary{color:var(--ink-dim);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px}.admin-pagination-controls{align-items:center;gap:14px;display:flex}.admin-pagination-page{color:var(--ink-dim);text-align:center;min-width:12ch;font-size:13px}.admin-pagination-controls .btn-home:disabled{opacity:.4;cursor:not-allowed}.admin-pagination-controls .btn-home:disabled:hover{color:var(--ink-dim)}.mobile-block{display:none}@media (max-width:768px){.mobile-block{z-index:1000;text-align:center;background:var(--paper);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex;position:fixed;inset:0}.mobile-block-icon{font-size:40px}.mobile-block h1{margin:0;font-size:22px;font-weight:600}.mobile-block p{max-width:40ch;color:var(--ink-dim);margin:0;font-size:14px;line-height:1.5}}