:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#292720;font-synthesis:none;background:#ece8e1;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:28px 32px 60px}nav{flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:13px;display:flex}a{color:#7b3a30;text-underline-offset:4px}header{max-width:750px;margin:58px 0 26px}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:#766d61;font-size:12px}h1,h2{font-family:Georgia,serif;font-weight:400}h1{margin:15px 0 20px;font-size:clamp(32px,4.6vw,52px);line-height:1.12}h2{margin:18px 0 14px;font-size:26px;line-height:1.2}.intro{color:#625c53;max-width:560px;font-size:16px;line-height:1.65}.workbench{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);align-items:start;gap:40px;display:grid}.diagram{min-width:0;position:sticky;top:16px}svg{width:100%;height:auto;display:block;overflow:visible}.caption{color:#625c53;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;font-size:12px;line-height:1.7;display:flex}.swatch{border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}.legend-item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.legend-item .swatch{margin-left:0}.inner{background:#84623f}.outer{background:#963e44}.progress{text-align:center;min-height:1.5em;font-size:13px}.controls{background:#f4f0e8;border:1px solid #ccc5b9;border-radius:22px;padding:28px}.controls p{color:#655e53;font-size:14px;line-height:1.65}.badge{text-transform:uppercase;letter-spacing:.07em;color:#725849;font-size:11px}label{margin-top:20px;font-size:13px;line-height:1.5;display:block}select{width:100%;color:inherit;font:inherit;background:#fffaf1;border:1px solid #c5bcae;border-radius:8px;margin-top:7px;padding:10px;display:block}input[type=range]{accent-color:#8f3d32;width:100%;margin:8px 0;display:block}output{float:right;font-variant-numeric:tabular-nums}.buttons{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #bfb5a6;border-radius:20px;padding:9px 13px;font-size:12px}button:first-child{color:#fff7ed;background:#3a3630;border-color:#3a3630}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #8f3d32}.check{align-items:center;gap:8px;display:flex}.check input{accent-color:#8f3d32}dl{border-top:1px solid #d8d0c3;margin:24px 0 0;padding-top:14px;font-size:12px}dl div{justify-content:space-between;gap:12px;margin:8px 0;display:flex}dt{color:#746c60}dd{text-align:right;margin:0}.scope{border-top:1px solid #cfc7bb;max-width:800px;margin-top:44px;padding-top:18px}.contact-benchmark,.spatial-catch{border-top:1px solid #cfc7bb;margin-top:64px;padding-top:28px;scroll-margin-top:24px}.spatial-workbench{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:start;gap:30px;display:grid}#spatial-view{aspect-ratio:1;touch-action:none;cursor:grab;width:100%;position:relative}#spatial-labels{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.legacy-warning{background:#e8ddd3;border-left:3px solid #963e44;margin-top:64px;padding:22px}.legacy-warning p{max-width:780px;font-size:14px;line-height:1.7}#spatial-status{font-size:13px;line-height:1.7}#spatial-status[data-status=unresolved],#spatial-status[data-status=failed]{color:#8b3e28}#spatial-view canvas{width:100%;height:100%;display:block}#s8-view{aspect-ratio:1;touch-action:none;cursor:grab;width:100%;position:relative}#s8-view canvas{width:100%;height:100%;display:block}#s8-labels{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#s8-status{font-size:13px;line-height:1.7}#s8-status[data-status=unresolved]{color:#8b3e28}.s8-list{color:#625c53;margin:10px 0 0;padding-left:18px;font-size:12px;line-height:1.7}.s8-list li[data-ok=false]{color:#8b3e28}.swatch.latest{background:#c98a2e}.spatial-scope{color:#625c53;max-width:800px;font-size:14px;line-height:1.8}.spatial-catch .buttons button{color:inherit;background:0 0}.spatial-catch .buttons button[aria-pressed=true]{color:#fff7ed;background:#3a3630}.spatial-catch .caption{justify-content:flex-start}@media (width<=720px){.spatial-workbench{grid-template-columns:1fr;gap:18px}}.contact-benchmark>p{color:#625c53;max-width:780px;line-height:1.7}.contact-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.contact-controls label{min-width:0}.contact-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.contact-comparison figure{background:#f4f0e8;border:1px solid #ccc5b9;border-radius:18px;min-width:0;margin:0;padding:20px}.contact-comparison figcaption{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:14px;display:flex}.contact-comparison figcaption span{color:#746c60;font-variant-numeric:tabular-nums}.contact-comparison h3{margin:0;font-size:15px;font-weight:500}.contact-comparison p{margin:0;font-size:12px;line-height:1.6}.contact-comparison svg{margin:18px 0 4px}.contact-key{color:#31688f;min-height:1.5em;margin:0;font-size:12px}.contact-metrics{flex-wrap:wrap;gap:12px 36px;display:flex}.contact-metrics div{flex-direction:column;gap:5px}.contact-metrics dd{text-align:left;font-variant-numeric:tabular-nums;font-size:20px}.contact-note,.contact-benchmark details{color:#625c53;font-size:13px;line-height:1.7}.contact-benchmark summary{cursor:pointer;color:#7b3a30}.contact-benchmark details{max-width:800px}@media (width<=720px){.contact-controls,.contact-comparison{grid-template-columns:1fr;gap:12px}.contact-controls label{margin-top:12px}.contact-comparison figure{padding:16px}.contact-metrics{gap:10px 24px}}.scope p{color:#625c53;font-size:14px;line-height:1.8}@media (width<=720px){main{padding:22px 20px 40px}header{margin:40px 0 10px}.workbench{grid-template-columns:1fr;gap:14px}.diagram{position:static}.controls{padding:22px}nav{font-size:12px}h1{font-size:34px}.caption{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}#thread-view{aspect-ratio:1;touch-action:none;cursor:grab;width:100%;position:relative}#thread-view:active{cursor:grabbing}#thread-view canvas,#sphere{width:100%;height:100%;position:absolute;inset:0}#sphere{pointer-events:none;overflow:hidden}.hidden-thread{background:#31688f}.first-round{background:#a87432}.controls p.capture-note{border-left:2px solid #b38a3e;padding-left:12px;font-size:12px}.step-note,.gesture-note{text-align:center;color:#625c53;font-size:12px;line-height:1.6}.step-note{min-height:2.6em}.gesture-note{font-size:11px}.view-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.view-tools button:first-child{color:inherit;background:0 0;border-color:#bfb5a6}button:disabled{opacity:.45;cursor:default}.view-settings{margin-top:22px}summary{cursor:pointer;padding:8px 0;font-size:13px}.controls p.assumption{font-size:11px;line-height:1.6}.checks{background:#f4f0e8;border:1px solid #ccc5b9;border-radius:22px;margin-top:44px;padding:28px}.checks h2{margin-top:10px}.checks p{max-width:720px;font-size:13px;line-height:1.7}.checks .eyebrow{margin:0;font-size:11px}#validation{color:#38604c;font-weight:600}#validation[data-status=failed]{color:#963e44}#validation[data-status=unresolved]{color:#896629}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-bottom:20px;display:grid}.metrics div{display:block}.metrics dd{text-align:left;font-variant-numeric:tabular-nums;margin-top:10px;font-size:22px}.checks details p{color:#625c53}@media (width<=720px){.checks{padding:20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.controls{padding:20px}}