:root{--ink-strong:#15121a;--ink:#2a2336;--ink-soft:#4f4561;--line:#211a2b24;--line-strong:#211a2b38;--panel:#fffcf8eb;--panel-strong:#fffffff5;--accent:#0a6f96;--accent-2:#b22e2e;--accent-3:#b88318;--accent-4:#0e5e54;--focus-ring:#ffb547;--shadow:0 20px 60px #22152826;--shadow-soft:0 6px 18px #22152814;--mono:"IBM Plex Mono", "SFMono-Regular", ui-monospace, Consolas, monospace;--sans:"Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--surface-bg:linear-gradient(180deg, #fff7eb 0%, #f7efe9 100%);--surface-radial-1:#0b7fab24;--surface-radial-2:#c43b3b1f;--input-bg:#fff9f2eb;--mono-block-bg:#1d1824;--mono-block-fg:#f7f1eb;--metric-bg:linear-gradient(180deg, #12151af2, #211a2bf2);--metric-fg:#f7f1eb;--metric-muted:#f7f1ebc7;--warning-bg:#c43b3b1a;--warning-fg:#6b1717;--warning-border:#c43b3b38;--tap-target:44px;font-family:var(--sans);color:var(--ink);background:radial-gradient(circle at top left, var(--surface-radial-1), transparent 32%), radial-gradient(circle at top right, var(--surface-radial-2), transparent 28%), var(--surface-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--ink-strong:#f5f1fa;--ink:#ddd6e7;--ink-soft:#a89db8;--line:#c8bedc29;--line-strong:#c8bedc47;--panel:#1e1a26eb;--panel-strong:#282332f5;--accent:#5ccdfb;--accent-2:#ff7e7e;--accent-3:#ffd57a;--accent-4:#5be0cd;--focus-ring:#ffd57a;--shadow:0 20px 60px #00000073;--shadow-soft:0 6px 18px #00000040;--surface-bg:linear-gradient(180deg, #12101a 0%, #1a1624 100%);--surface-radial-1:#4dc3f71a;--surface-radial-2:#f0686814;--input-bg:#16131eeb;--mono-block-bg:#0e0b14;--mono-block-fg:#e8e3f0;--metric-bg:linear-gradient(180deg, #08060ef2, #120e1cf2);--metric-fg:#e8e3f0;--metric-muted:#c8bedcc7;--warning-bg:#ff7e7e29;--warning-fg:#ffc8c8;--warning-border:#ff7e7e57}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:0 0;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}.skip-link{z-index:100;background:var(--accent);color:#fff;border-radius:0 0 12px;width:1px;height:1px;padding:12px 18px;font-weight:700;text-decoration:none;position:absolute;top:auto;left:-10000px;overflow:hidden}.skip-link:focus,.skip-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;width:auto;height:auto;position:fixed;top:0;left:0}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none!important;transform:none!important}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:6px}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}#app{min-height:100dvh}.page-shell{width:min(1180px,100% - 24px);padding:20px 0 64px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0 auto}.hero-panel,.lab-section,.panel-card,.warning-banner{-webkit-backdrop-filter:blur(20px)}.hero-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:1fr;gap:22px;padding:28px 22px;display:grid;position:relative}.hero-copy{gap:14px;min-width:0;display:grid}.portfolio-badge{width:fit-content;max-width:100%;color:var(--accent);font-family:var(--mono);min-height:var(--tap-target);background:#0b7fab24;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.84rem;text-decoration:none;display:inline-flex}.portfolio-badge:hover{background:#0b7fab38}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.hero-panel h1{color:var(--ink-strong);letter-spacing:-.01em;margin:0;font-size:clamp(2.2rem,7vw,4.6rem);line-height:1}.hero-text{max-width:64ch;color:var(--ink);margin:0;font-size:1rem;line-height:1.65}.hero-text em{color:var(--ink-strong);font-style:italic;font-weight:600}.why-details{border:1px solid var(--line);background:var(--panel-strong);border-radius:16px;padding:16px 18px}.why-details summary{cursor:pointer;color:var(--ink-strong);min-height:var(--tap-target);align-items:center;gap:10px;font-weight:700;list-style:none;display:flex}.why-details summary::-webkit-details-marker{display:none}.why-details summary:before{content:"+";background:var(--accent);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;font-weight:700;transition:transform .18s;display:inline-grid}.why-details[open] summary:before{content:"−"}.why-details p{color:var(--ink);margin:12px 0 0;line-height:1.65}.hero-metric-card{background:var(--metric-bg);color:var(--metric-fg);box-shadow:var(--shadow-soft);border-radius:20px;align-content:start;gap:14px;padding:22px;display:grid}.hero-metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--metric-muted);margin:0;font-size:.78rem;font-weight:700}.hero-metric-label--spaced{margin-top:12px}.hero-stats{gap:8px;margin:0;display:grid}.hero-stat-row{grid-template-columns:minmax(70px,auto) 1fr;align-items:baseline;gap:10px;display:grid}.hero-stat-row dt{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--metric-muted);font-size:.72rem}.hero-stat-row dd{font-family:var(--mono);color:var(--metric-fg);margin:0;font-size:.95rem}.hero-metric-note{color:var(--metric-muted);margin:0;font-size:.92rem;line-height:1.55}.theme-toggle{width:var(--tap-target);height:var(--tap-target);border:1px solid var(--line-strong);background:var(--panel-strong);color:var(--ink-strong);z-index:2;border-radius:50%;place-items:center;font-size:1.2rem;transition:transform .18s,box-shadow .18s;display:grid;position:absolute;top:14px;right:14px}.theme-toggle:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.lab-section{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;margin-top:22px;padding:22px}.lab-section--footer{background:var(--panel-strong);gap:8px;display:grid}.section-heading-row,.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-kicker{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.82rem;font-weight:700}.lab-section h2,.panel-card h3{color:var(--ink-strong);letter-spacing:-.01em;margin:0}.lab-section h2{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.15}.panel-card h3{font-size:1.1rem;line-height:1.3}.panel-copy,.section-footnote{color:var(--ink);margin:8px 0 0;line-height:1.6}.section-footnote em{color:var(--ink-strong);font-weight:600}.action-button,.ghost-button{min-height:var(--tap-target);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.action-button{background:linear-gradient(135deg, var(--accent), color-mix(in oklab, var(--accent) 60%, black));color:#fff9f2;box-shadow:0 10px 22px #0b7fab33}.action-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0b7fab47}.action-button.is-running{opacity:.85}.action-button.is-running span:last-child:after{content:"…";animation:.9s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.ghost-button{background:var(--panel-strong);color:var(--ink-strong);border:1px solid var(--line)}.reuse-grid{grid-template-columns:1fr;gap:16px;margin-top:22px;display:grid}.panel-card{border:1px solid var(--line);background:var(--panel-strong);border-radius:20px;padding:22px}.mono-inline{font-family:var(--mono);background:var(--mono-block-bg);min-width:2.6em;color:var(--mono-block-fg);letter-spacing:.04em;border-radius:10px;place-items:center;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-grid}.warning-banner{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning-fg);border-radius:18px;align-items:flex-start;gap:10px;margin-top:22px;padding:16px 18px;line-height:1.55;display:flex}.warning-banner em{color:var(--warning-fg);font-style:italic;font-weight:700}.warning-icon{flex-shrink:0;font-size:1.1rem;line-height:1.4}.footer-links{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 0;font-size:.9rem;display:flex}.footer-links a{color:var(--accent)}@media (width>=640px){.page-shell{padding:28px 0 72px}.hero-panel,.lab-section{border-radius:28px;padding:30px}.reuse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.hero-panel{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:26px}.theme-toggle{top:18px;right:18px}}@media (forced-colors:active){.action-button,.theme-toggle,.panel-card,.hero-panel,.lab-section,.warning-banner{border:1px solid canvastext}.action-button{color:buttontext;background:buttonface}}@media print{html,body{color:#000;background:#fff}.theme-toggle,.control-bar,.action-button{display:none!important}.hero-panel,.lab-section,.panel-card{box-shadow:none;background:#fff;border:1px solid #ccc}}.vs-chip{font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.vs-chip--snark{background:var(--warning-bg);color:var(--accent-2);border-color:var(--warning-border)}.vs-chip--stark{background:color-mix(in oklab, var(--accent-4) 22%, transparent);color:var(--accent-4);border-color:color-mix(in oklab, var(--accent-4) 40%, transparent)}.vs-chip--tie{background:var(--panel-strong);color:var(--ink)}.control-bar{border:1px solid var(--line);background:var(--panel-strong);border-radius:20px;grid-template-columns:1fr;gap:16px;margin-top:22px;padding:18px;display:grid}.control-group{gap:8px;min-width:0;display:grid}.control-group label{color:var(--ink-strong);gap:2px;font-size:.92rem;font-weight:700;display:grid}.control-help{color:var(--ink-soft);letter-spacing:0;text-transform:none;font-size:.78rem;font-weight:500}.slider-row{align-items:center;gap:12px;display:flex}.control-bar input[type=range]{min-width:0;height:var(--tap-target);accent-color:var(--accent);appearance:none;cursor:pointer;background:0 0;flex:1}.control-bar input[type=range]::-webkit-slider-runnable-track{background:color-mix(in oklab, var(--accent) 30%, var(--input-bg));border-radius:999px;height:6px}.control-bar input[type=range]::-moz-range-track{background:color-mix(in oklab, var(--accent) 30%, var(--input-bg));border-radius:999px;height:6px}.control-bar input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid var(--panel-strong);cursor:pointer;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 2px 6px #0000002e}.control-bar input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid var(--panel-strong);cursor:pointer;border-radius:50%;width:22px;height:22px}.control-bar input[type=range]:focus-visible{outline:none}.control-bar input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--focus-ring);outline-offset:3px}.control-bar input[type=range]:focus-visible::-moz-range-thumb{outline:3px solid var(--focus-ring);outline-offset:3px}.toggle-wrap{background:var(--input-bg);border:1px solid var(--line);cursor:pointer;min-height:var(--tap-target);border-radius:14px;align-items:center;gap:12px;padding:12px;flex-direction:row!important;display:flex!important}.toggle-wrap input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent-4);cursor:pointer;flex-shrink:0;margin:0}.toggle-text{gap:2px;min-width:0;display:grid}.toggle-title{color:var(--ink-strong);font-weight:700}.control-group--actions{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.control-group--actions .action-button,.control-group--actions .ghost-button{flex:140px}.seed-row{border:1px dashed var(--line-strong);background:var(--input-bg);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;display:flex}.seed-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem;font-weight:700}.seed-value{min-width:9rem;font-family:var(--mono);color:var(--mono-block-fg);background:var(--mono-block-bg);letter-spacing:.06em;border-radius:8px;flex:9rem;padding:4px 8px;font-size:.92rem}.seed-button{border:1px solid var(--line);background:var(--panel-strong);color:var(--ink-strong);font-family:var(--sans);border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.seed-button:hover{border-color:color-mix(in oklab, var(--accent) 40%, var(--line));transform:translateY(-1px)}.seed-button.is-locked{background:color-mix(in oklab, var(--accent-3) 24%, var(--panel-strong));border-color:color-mix(in oklab, var(--accent-3) 50%, var(--line));color:var(--ink-strong)}.seed-icon{font-size:.95rem;line-height:1}.lab-results{grid-template-columns:1fr;gap:18px;margin-top:20px;display:grid}.result-column{gap:18px;min-width:0;display:grid}.lab-results--compare .panel-card{min-width:0}.toggle-wrap.is-disabled{opacity:.5;cursor:not-allowed}.toggle-wrap.is-disabled input{pointer-events:none}.preset-row{border:1px dashed var(--line-strong);background:color-mix(in oklab, var(--accent-3) 6%, transparent);border-radius:18px;flex-wrap:wrap;align-items:stretch;gap:10px;margin:22px 0 0;padding:14px;display:flex}.preset-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;padding:0 6px;font-size:.78rem;font-weight:700;display:inline-flex}.preset-chip{text-align:left;border:1px solid var(--line);background:var(--panel-strong);min-width:140px;color:var(--ink-strong);font-family:var(--sans);min-height:var(--tap-target);border-radius:14px;flex:160px;gap:2px;padding:10px 14px;font-weight:600;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:grid}.preset-chip:hover{border-color:color-mix(in oklab, var(--accent) 40%, var(--line));box-shadow:var(--shadow-soft);transform:translateY(-1px)}.preset-chip.is-active{background:linear-gradient(135deg, var(--accent), color-mix(in oklab, var(--accent) 60%, black));color:#fff9f2;border-color:#0000}.preset-chip.is-active .preset-chip-desc{color:#fff9f2db}.preset-chip-title{letter-spacing:0;font-size:.92rem;font-weight:700}.preset-chip-desc{color:var(--ink-soft);font-size:.78rem;font-weight:500;line-height:1.35}.how-steps{counter-reset:step;grid-template-columns:1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.how-step{border:1px solid var(--line);background:var(--panel-strong);border-radius:16px;grid-template-columns:40px 1fr;align-items:start;gap:14px;padding:16px;display:grid}.how-step h3{color:var(--ink-strong);letter-spacing:0;margin:0 0 4px;font-size:1rem}.how-step p{color:var(--ink);margin:0;font-size:.92rem;line-height:1.5}.how-step p .mono-inline{min-width:0;margin:0 2px;padding:2px 6px;font-size:.82em}.how-step-num{background:linear-gradient(135deg, var(--accent), color-mix(in oklab, var(--accent) 60%, black));color:#fff9f2;width:40px;height:40px;font-family:var(--mono);border-radius:12px;place-items:center;font-size:1.1rem;font-weight:700;display:grid}@media (width>=720px){.how-steps{grid-template-columns:repeat(3,1fr)}}.chart-legend{color:var(--ink-soft);flex-wrap:wrap;gap:8px 16px;margin:14px 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.chart-legend li{align-items:center;gap:6px;display:inline-flex}.legend-swatch{border-radius:4px;flex-shrink:0;width:14px;height:14px;display:inline-block}.legend-swatch--hit{background:linear-gradient(180deg, var(--accent-4), color-mix(in oklab, var(--accent-4) 60%, black))}.legend-swatch--miss{background:linear-gradient(180deg, var(--accent-2), color-mix(in oklab, var(--accent-2) 60%, black))}.legend-swatch--clean{background:linear-gradient(180deg, var(--ink-soft), color-mix(in oklab, var(--ink-soft) 60%, black));opacity:.55}.legend-swatch--thr{border-top:2px dashed var(--accent-3);background:0 0;border-radius:0;align-self:center;width:18px;height:0}.chart-axis{gap:3px;margin-top:4px;display:flex}.chart-tick{min-width:3px;font-family:var(--mono);color:var(--ink-soft);text-align:center;letter-spacing:0;flex:1;font-size:.62rem}.chart-tick--blank{visibility:hidden}.timing-chart{margin-top:12px}.chart-area{border-bottom:2px solid var(--line-strong);align-items:flex-end;gap:3px;height:180px;padding:24px 0 4px;display:flex;position:relative}.bar{min-width:3px;height:var(--bar-height,2%);border-radius:4px 4px 0 0;flex:1;transition:height .36s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.bar{transition:none}}.bar--hit{background:linear-gradient(180deg, var(--accent-4), color-mix(in oklab, var(--accent-4) 60%, black))}.bar--miss{background:linear-gradient(180deg, var(--accent-2), color-mix(in oklab, var(--accent-2) 60%, black))}.bar--clean{background:linear-gradient(180deg, var(--ink-soft), color-mix(in oklab, var(--ink-soft) 60%, black));opacity:.55}.threshold-line{border-top:2px dashed var(--accent-3);z-index:2;pointer-events:none;height:0;position:absolute;left:0;right:0}.threshold-line span{font-family:var(--mono);color:var(--accent-3);background:var(--panel);letter-spacing:.04em;border-radius:6px;padding:1px 8px;font-size:.7rem;font-weight:700;position:absolute;top:-20px;right:0}.recovery-out{margin-top:8px}.support-summary{gap:8px;margin:8px 0 0;display:grid}.support-row{grid-template-columns:80px 1fr;align-items:start;gap:10px;display:grid}.support-row dt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding-top:6px;font-size:.72rem}.support-row dd{margin:0}.mono-block-inline{background:var(--mono-block-bg);color:var(--mono-block-fg);font-family:var(--mono);letter-spacing:.04em;overflow-wrap:anywhere;border-radius:8px;padding:6px 10px;font-size:.84rem;line-height:1.5;display:block}.confusion-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.confusion-cell{background:var(--input-bg);border:1px solid var(--line);text-align:center;border-radius:12px;gap:2px;padding:10px 8px;display:grid}.confusion-val{font-family:var(--mono);color:var(--ink-strong);font-size:1.4rem;font-weight:700;line-height:1}.confusion-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.66rem}.confusion-cell--tp{border-color:color-mix(in oklab, var(--accent-4) 40%, var(--line))}.confusion-cell--tp .confusion-val{color:var(--accent-4)}.confusion-cell--fp{border-color:color-mix(in oklab, var(--accent-2) 40%, var(--line))}.confusion-cell--fp .confusion-val{color:var(--accent-2)}.confusion-cell--fn{border-color:color-mix(in oklab, var(--accent-3) 50%, var(--line))}.confusion-cell--fn .confusion-val{color:var(--accent-3)}.bit-details{border:1px solid var(--line);background:var(--input-bg);border-radius:12px;margin-top:14px;padding:10px 12px}.bit-details summary{cursor:pointer;color:var(--ink-strong);min-height:var(--tap-target);align-items:center;gap:8px;font-weight:700;list-style:none;display:flex}.bit-details summary::-webkit-details-marker{display:none}.bit-details summary:before{content:"▸";color:var(--accent);transition:transform .18s;display:inline-block}.bit-details[open] summary:before{transform:rotate(90deg)}.bit-row{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.bit{width:24px;height:28px;font-family:var(--mono);background:var(--input-bg);color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;place-items:center;font-size:.82rem;font-weight:700;display:grid}.bit--set{background:color-mix(in oklab, var(--accent) 22%, var(--input-bg));color:var(--accent);border-color:color-mix(in oklab, var(--accent) 50%, var(--line))}.bit--wrong{outline:2px solid var(--accent-2);outline-offset:1px;position:relative}.bit--wrong:after{content:"!";background:var(--accent-2);color:#fff;border-radius:50%;place-items:center;width:12px;height:12px;font-size:.6rem;font-weight:700;display:grid;position:absolute;top:-6px;right:-4px}.recovery-stat{color:var(--ink-strong);font-family:var(--mono);margin:10px 0 0;font-size:.9rem}.recovery-stat strong{color:var(--accent)}.attack-flow{gap:14px;margin-top:22px;display:grid}.attack-step{border:1px solid var(--line);background:var(--panel-strong);box-shadow:var(--shadow-soft);border-radius:18px;grid-template-columns:60px 1fr;align-items:start;gap:14px;padding:18px;display:grid}.attack-body{min-width:0}.attack-step h3{color:var(--ink-strong);margin:0;font-size:1.05rem;line-height:1.3}.attack-year{height:44px;font-family:var(--mono);color:var(--metric-fg);background:var(--metric-bg);letter-spacing:.02em;border-radius:12px;place-items:center;padding:0 6px;font-size:.9rem;font-weight:700;display:grid}.attack-step:last-of-type .attack-year{background:linear-gradient(135deg, var(--accent-2), color-mix(in oklab, var(--accent-2) 55%, black));color:#fff9f2}.attack-step .panel-header{align-items:center;gap:10px}.attack-source{font-family:var(--mono);margin:10px 0 0;font-size:.78rem}.attack-source a{color:var(--accent);border-bottom:1px dashed color-mix(in oklab, var(--accent) 50%, transparent);padding-bottom:1px;text-decoration:none}.attack-source a:hover{border-bottom-style:solid}.trait-list{gap:14px;margin:14px 0 0;padding-left:0;list-style:none;display:grid}.trait-list li{color:var(--ink);padding-left:30px;line-height:1.55;position:relative}.trait-list li strong{color:var(--ink-strong)}.trait-list li:before{color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.82rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.trait-list--good li:before{content:"✓";background:var(--accent-4)}.trait-list--bad li:before{content:"✗";background:var(--accent-2)}.scripture{color:var(--ink-soft);margin:18px 0 0;font-size:.92rem;font-style:italic;line-height:1.6}@media (width>=600px){.control-bar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.control-group--actions{grid-column:span 2;justify-content:flex-end}.control-group--actions .action-button,.control-group--actions .ghost-button{flex:none;padding:12px 22px}.control-group--toggle{grid-column:span 2}.bit{width:26px;height:30px;font-size:.88rem}.chart-area{height:220px}.chart-tick{font-size:.7rem}}@media (width>=900px){.control-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.control-group--actions{grid-column:span 3}.control-group--toggle{grid-column:span 3;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lab-results--single{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}.lab-results--single .result-column{display:contents}.lab-results--compare{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.control-bar{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.control-group--actions{grid-column:auto}.control-group--toggle{grid-column:span 4}}
