:root{font-family:Georgia,Times New Roman,serif;color:#293029;background:#f3f0e6;font-synthesis:none}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d8ed57;outline-offset:-3px}main{height:100vh;min-height:100vh;display:grid;grid-template-rows:auto minmax(250px,1fr) auto auto;border:1px solid #293029;background:#f3f0e6}.lab-header,footer{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;font:700 .64rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.lab-header{border-bottom:1px solid #293029}.identity{display:flex;min-width:0;align-items:center;gap:1.2rem;white-space:nowrap}.identity strong{color:#245f9f}.identity span{overflow:hidden;text-overflow:ellipsis}.lab-header nav{align-self:stretch;display:flex;margin-block:-1px;border-inline:1px solid #293029}.lab-header nav button{min-width:88px;border:0;border-right:1px solid #293029;background:transparent;color:#697069;font:700 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.lab-header nav button:last-child{border-right:0}.lab-header nav button.active{background:#245f9f;color:#fffdf4}.mode-label{color:#b34b35;white-space:nowrap}.stage{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 52% 38%,rgb(255 255 255 / 72%),transparent 46%),#f3f0e6}canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}canvas.hidden{opacity:0;pointer-events:none}.view-note,.readout,.instruction{position:absolute;z-index:2;pointer-events:none}.signal-key,.ant-inspector{position:absolute;z-index:4}.view-note{top:1rem;left:1rem;display:grid;max-width:min(340px,56%);gap:.25rem;padding:.75rem .85rem;border-left:4px solid #d8ed57;background:#f7f4e9e0;box-shadow:0 4px 16px #29302914;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.view-note span,.readout,.instruction,.signal-key{font:700 .56rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.075em;text-transform:uppercase}.view-note span{color:#245f9f}.view-note small{color:#697069;font:700 .48rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.view-note strong{font:600 clamp(.92rem,1.8vw,1.28rem) / 1.05 Georgia,"Times New Roman",serif}.readout{top:1rem;right:1rem;display:flex;gap:1px;border:1px solid #293029;background:#293029}.readout span{display:grid;gap:.18rem;min-width:78px;padding:.55rem .7rem;background:#f7f4e9f0}.readout b{color:#b34b35;font-size:.82rem}.instruction{right:1rem;bottom:1rem;padding:.7rem .8rem;border:1px solid #293029;background:#d8ed57;box-shadow:3px 4px #29302929}.signal-key{left:1rem;bottom:1rem;display:grid;max-width:min(560px,calc(100% - 2rem));gap:.55rem;padding:.6rem .7rem;border:1px solid #293029;background:#f7f4e9eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.field-legend,.vision-filters{display:flex;align-items:center;gap:.5rem}.field-legend>span,.vision-filters button span{width:8px;height:8px}.home-dot{border-radius:50%;background:#2ba9eb}.food-dot{margin-left:.55rem;border:2px solid #ff6848;border-radius:50%;background:transparent}.warning-dot{margin-left:.55rem;border:2px solid #d34b83;background:transparent;transform:rotate(45deg) scale(.82)}.vision-filters button span{border-radius:50%}.vision-filters{gap:.3rem;padding-top:.5rem;border-top:1px dotted rgb(41 48 41 / 35%)}.vision-filters button{display:flex;align-items:center;gap:.32rem;min-height:24px;padding:.25rem .42rem;border:1px solid rgb(41 48 41 / 35%);background:transparent;color:#697069;font:700 .48rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase}.vision-filters button.active{border-color:#293029;background:#fffdf4;color:#293029}.vision-filters button:not(.active) span{opacity:.2}.vision-search span{background:#f0c84b}.vision-signal span{background:#b7d928}.vision-return span{background:#2ba9eb}.vision-recover span{background:#d34b83}.ant-inspector{top:5.2rem;right:1rem;width:min(270px,42%);border:1px solid #293029;background:#f7f4e9f2;box-shadow:4px 5px #29302924;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 .52rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase}.ant-inspector header{display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid #293029}.ant-inspector header div{display:grid;gap:.1rem;padding:.65rem .75rem}.ant-inspector header span,.ant-inspector dt,.ant-inspector small{color:#697069}.ant-inspector header strong{color:#245f9f;font-size:.76rem}.ant-inspector header button{width:42px;border:0;border-left:1px solid #293029;background:transparent;font-size:1rem}.ant-inspector header button:hover{background:#d8ed57}.ant-inspector dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.ant-inspector dl div{min-width:0;padding:.52rem .65rem;border-right:1px dotted rgb(41 48 41 / 30%);border-bottom:1px dotted rgb(41 48 41 / 30%)}.ant-inspector dl div:nth-child(2n){border-right:0}.ant-inspector dt,.ant-inspector dd{margin:0}.ant-inspector dd{margin-top:.15rem;overflow:hidden;text-overflow:ellipsis}.sensor-ledger{display:flex;align-items:end;height:42px;gap:4px;padding:.6rem .75rem 0}.sensor-ledger span{flex:1;height:clamp(4px,calc(var(--reading) * 32px),32px);background:color-mix(in srgb,#2ba9eb calc((1 - var(--warning)) * 100%),#d34b83)}.ant-inspector>small{display:block;padding:.42rem .75rem .65rem}.controls{display:grid;grid-template-columns:repeat(3,minmax(116px,1fr)) repeat(5,minmax(82px,auto));border-top:1px solid #293029}.controls label{display:grid;min-width:0;gap:.6rem;padding:.75rem .9rem;border-right:1px solid #293029}.controls label span{display:flex;justify-content:space-between;gap:1rem;font:700 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.055em}.controls output{color:#245f9f}input{width:100%;accent-color:#245f9f}select{width:100%;min-width:0;border:1px solid rgb(41 48 41 / 45%);border-radius:0;background:#f3f0e6;color:#293029;font:700 .52rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.025em}.controls button{min-height:62px;padding:.75rem .9rem;border:0;border-right:1px solid #293029;background:transparent;color:#293029;font:700 .54rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.controls button:last-child{border-right:0}.controls button:hover,.controls button.active{background:#d8ed57}footer{min-height:42px;border-top:1px solid #293029;color:#697069}main[data-mode=blog]{grid-template-rows:auto minmax(250px,1fr) auto}main[data-mode=blog] .lab-header{min-height:44px}main[data-mode=blog] .controls label{padding-block:.62rem}main[data-mode=blog] .controls button{min-height:58px}@media (max-width: 760px){.identity span,.mode-label{display:none}.lab-header nav{margin-left:auto}.lab-header nav button{min-width:72px}.controls{grid-template-columns:1fr 1fr}.controls label{grid-column:auto;border-right:1px solid #293029;border-bottom:1px solid #293029}.controls .select-control{grid-column:1 / -1}.view-note{top:.65rem;left:.65rem}.readout{top:.65rem;right:.65rem}.readout span:nth-child(n+2){display:none}.instruction{right:.65rem;bottom:.65rem;max-width:62%;text-align:right}.signal-key{left:.65rem;bottom:.65rem;max-width:56%}.vision-filters{flex-wrap:wrap}.ant-inspector{top:4.7rem;right:.65rem;width:min(250px,58%)}}@media (max-width: 520px){.lab-header{padding-inline:.65rem}.lab-header nav button{min-width:64px;padding-inline:.35rem}.controls button{min-height:50px}.view-note strong,.instruction{display:none}.signal-key{max-width:62%}.field-legend{flex-wrap:wrap}.ant-inspector{width:calc(100% - 1.3rem);max-width:250px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}