:root{--ground:#0a0908;--ink:#e7e2da;--dim:#9a948a;--panel:#12100ee6;--edge:#2f2a24;--raised:#1d1913;--accent:#d8c7a4}html[data-treatment=graphite]{--ground:#0d1012;--ink:#dfe5ea;--dim:#8d99a5;--panel:#121a1fe6;--edge:#26323b;--raised:#1a242b;--accent:#a6c1d3}html[data-treatment=confidence]{--ground:#0b0b0c;--ink:#e9e9eb;--dim:#92929a;--panel:#141416e6;--edge:#2b2b30;--raised:#1e1e22;--accent:#c8c8d2}:root{color:var(--ink);background:var(--ground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}body.flight-playing>:not(#sky){visibility:hidden}#overlay{pointer-events:none;width:100vw;height:100vh;display:none;inset:0}body.flight-playing #overlay{visibility:visible;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}body.flight-playing,body.flight-playing #sky{cursor:none}button:disabled{opacity:.5;cursor:wait}#flight-note{color:var(--dim);font-size:12px}#sky{touch-action:none;width:100vw;height:100vh;display:block}header,aside,footer,#loading,#overlay{position:fixed}header{pointer-events:none;top:24px;left:28px}h1{letter-spacing:.06em;margin:0;font-size:18px;font-weight:500}p{margin:8px 0}header p,.label,label,legend,footer,#performance,#gestures,#morph-note,#treatment-note{color:var(--dim);font-size:12px}#readout{background:var(--panel);border:1px solid var(--edge);border-radius:8px;width:268px;max-height:calc(100vh - 48px);padding:16px;top:24px;right:28px;overflow-y:auto}#distance{font-variant-numeric:tabular-nums;margin-bottom:18px;font-size:28px;display:block}label{display:block}input[type=range]{width:100%;accent-color:var(--accent);margin:12px 0}.limits{justify-content:space-between;gap:6px;display:flex}button{color:var(--ink);background:var(--raised);border:1px solid var(--edge);cursor:pointer;font:inherit;border-radius:4px;padding:6px 10px;font-size:12px}button:hover{border-color:var(--accent)}button[aria-pressed=true]{color:var(--ground);background:var(--accent);border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}hr{border:0;border-top:1px solid var(--edge);margin:18px 0 14px}.card-head{width:100%;color:var(--dim);font:inherit;text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:0;display:flex}.card-head:hover{color:var(--ink)}.card-head svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;flex:none;width:10px;height:6px}[data-open=false] .card-head svg{transform:rotate(180deg)}#readout[data-open=false] #distance{margin-bottom:0}#morph-value{float:right;font-variant-numeric:tabular-nums;color:var(--ink)}#gestures,#morph-note,#treatment-note{line-height:1.5}#treatments{border:0;margin:0;padding:0}#treatments legend{margin-bottom:8px;padding:0}#treatments div{border:1px solid var(--edge);border-radius:4px;display:flex;overflow:hidden}#treatments input{opacity:0;pointer-events:none;position:absolute}#treatments label{text-align:center;cursor:pointer;color:var(--dim);background:var(--raised);border-left:1px solid var(--edge);flex:1;padding:6px 4px;font-size:12px}#treatments label:first-of-type{border-left:0}#treatments input:checked+label{color:var(--ground);background:var(--accent)}#treatments input:focus-visible+label{outline:2px solid var(--accent);outline-offset:-2px}#performance{font-variant-numeric:tabular-nums;margin-bottom:0;line-height:1.6}#loading{background:var(--panel);border:1px solid var(--edge);border-radius:8px;width:min(440px,85vw);padding:20px;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}progress{width:100%;accent-color:var(--accent)}footer{pointer-events:none;background:var(--panel);border:1px solid var(--edge);border-radius:8px;width:min(600px,100vw - 56px);padding:12px 14px;line-height:1.5;bottom:18px;left:28px}footer>:last-child{margin-bottom:0}#notes{pointer-events:auto}#notes summary{cursor:pointer}#notes p{margin:8px 0 0}#ramp{border:1px solid var(--edge);border-radius:2px;height:8px}#ramp-ticks{height:15px;color:var(--dim);margin-bottom:10px;font-size:11px;position:relative}#ramp-ticks span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}#ramp-ticks span:before{content:"";background:var(--dim);width:1px;height:3px;position:absolute;top:-4px;left:50%}#ramp-ticks span.start{transform:none}#ramp-ticks span.start:before{left:0}#ramp-ticks span.end{transform:translate(-100%)}#ramp-ticks span.end:before{left:auto;right:0}#key{color:var(--dim);flex-wrap:wrap;gap:4px 20px;margin:0 0 10px;padding:0;font-size:11px;list-style:none;display:flex}#key li{align-items:center;gap:7px;display:flex}.swatch{flex:none;width:34px;height:2px}.swatch.measured{background:var(--ink)}.swatch.clamped{background:linear-gradient(to right, var(--ink), transparent)}.swatch.stippled{background:repeating-linear-gradient(to right, var(--ink) 0 3px, transparent 3px 6px)}@media (width<=600px){header{top:16px;left:16px}#readout,footer{width:auto;max-height:70vh;padding:10px 12px;font-size:11px;top:auto;bottom:8px;overflow-y:auto}#readout{left:auto;right:8px}footer{left:8px;right:auto}#readout[data-open=true],footer[data-open=true]{z-index:2;pointer-events:auto;left:8px;right:8px}#distance{margin-bottom:12px;font-size:22px}#ramp-ticks span:not(.start):not(.end){display:none}}