:root{--bg:#0a0a0b;--bg-elev:#151517;--bg-elev-2:#1e1e22;--border:#2a2a2f;--border-hi:#3a3a42;--fg:#ededee;--fg-dim:#9a9aa1;--fg-muted:#65656c;--accent:#f5b83d;--accent-dim:#8a6420;--accent-fg:#1a1306;--subject:#5ad1ff;--subject-ring:#2fb8e6;--fov:#8a8ef0;--danger:#e86b6b;--cam-body:#2b2d33;--cam-stroke:#cfcfd5;--cam-lens:#3a3d44;--cam-iris:#0a0a0b;--muted:#4a4a52;--radius:10px;--radius-sm:6px;--track-h:6px;--thumb-d:22px;--nudge-d:28px;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur:.22s}@media (prefers-color-scheme:light){:root{--bg:#fafafb;--bg-elev:#fff;--bg-elev-2:#f1f1f3;--border:#e4e4e8;--border-hi:#d0d0d6;--fg:#17171a;--fg-dim:#5a5a62;--fg-muted:#8a8a92;--accent:#c88a12;--accent-dim:#e6c685;--accent-fg:#fff;--subject:#0e9cd1;--subject-ring:#067aa8;--fov:#6064c8;--cam-body:#dddde2;--cam-stroke:#383840;--cam-lens:#cccfd6;--cam-iris:#1a1a1f;--muted:#b4b4bc}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;font-size:15px;line-height:1.45}a{color:inherit}button{font:inherit;color:inherit}.site-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--bg-elev), var(--bg));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:18px 32px;display:flex}.brand{color:var(--accent);align-items:center;gap:10px;display:flex}.brand-mark{width:28px;height:28px}.brand-name{letter-spacing:-.01em;color:var(--fg);margin:0;font-size:20px;font-weight:700}.brand-dot{color:var(--fg-muted);font-weight:500}.tabs{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);gap:2px;padding:4px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--fg-dim);white-space:nowrap;cursor:pointer;transition:background var(--dur), color var(--dur);background:0 0;border:none;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none}.tab:hover:not(.disabled){color:var(--fg);background:var(--bg-elev)}.tab.active{background:var(--bg);color:var(--fg);box-shadow:0 0 0 1px var(--border-hi)}.tab.disabled{color:var(--fg-muted);cursor:not-allowed}.tab.disabled:after{content:" · soon";color:var(--fg-muted);opacity:.7;font-size:11px}.lang-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev-2);color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background var(--dur), color var(--dur), border-color var(--dur);padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.lang-toggle:hover{background:var(--bg-elev);color:var(--fg);border-color:var(--border-hi)}.lang-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{grid-template-columns:minmax(320px,360px) 1fr;gap:24px;max-width:1280px;margin:0 auto;padding:24px 32px;display:grid}@media (width<=900px){.app{grid-template-columns:1fr}.site-header{padding:14px 16px}.app{padding:16px}}.controls{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-self:start;gap:20px;padding:24px;display:flex;position:sticky;top:24px}@media (width<=900px){.controls{padding:18px;position:static}}.control{flex-direction:column;gap:10px;display:flex}.control-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.label-text{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);font-size:12px;font-weight:600}.label-value{font-variant-numeric:tabular-nums;color:var(--fg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:20px;font-weight:700;line-height:1}.label-value .unit{color:var(--fg-muted);margin-left:2px;font-size:13px;font-weight:500}.label-value .unit.prefix{margin-left:0;margin-right:1px}.label-equiv{color:var(--fg-muted);letter-spacing:.02em;text-align:right;font-variant-numeric:tabular-nums;margin-top:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500;display:block}.slider-row{align-items:center;gap:8px;display:flex}.slider-row .slider{flex:1;min-width:0}.nudge-btn{width:var(--nudge-d);height:var(--nudge-d);border:1px solid var(--border);background:var(--bg-elev);color:var(--fg-dim);cursor:pointer;transition:background var(--dur), color var(--dur), border-color var(--dur);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:600;line-height:1;display:inline-flex}.nudge-btn:hover{background:var(--bg-elev-2);color:var(--fg)}.nudge-btn:active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.slider{appearance:none;width:100%;height:var(--thumb-d);cursor:pointer;background:0 0;margin:0}.slider:focus{outline:none}.slider::-webkit-slider-runnable-track{height:var(--track-h);background:linear-gradient(90deg, var(--accent) 0%, var(--accent) var(--pct,0%), var(--border) var(--pct,0%), var(--border) 100%);border-radius:999px}.slider::-moz-range-track{height:var(--track-h);background:var(--border);border-radius:999px}.slider::-moz-range-progress{height:var(--track-h);background:var(--accent);border-radius:999px}.slider::-webkit-slider-thumb{appearance:none;width:var(--thumb-d);height:var(--thumb-d);background:var(--fg);border:3px solid var(--accent);margin-top:calc((var(--thumb-d) - var(--track-h)) / -2);transition:transform .12s var(--ease-out);border-radius:50%;box-shadow:0 1px 3px #0006}.slider:hover::-webkit-slider-thumb{transform:scale(1.08)}.slider:active::-webkit-slider-thumb{transform:scale(1.15)}.slider::-moz-range-thumb{width:var(--thumb-d);height:var(--thumb-d);background:var(--fg);border:3px solid var(--accent);transition:transform .12s var(--ease-out);border-radius:50%;box-shadow:0 1px 3px #0006}.slider:hover::-moz-range-thumb{transform:scale(1.08)}.slider:active::-moz-range-thumb{transform:scale(1.15)}.rslider{min-width:0;height:var(--thumb-d);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;position:relative}.rslider:focus{outline:none}.rslider:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.rslider:before{content:"";left:calc(var(--thumb-d) / 2);right:calc(var(--thumb-d) / 2);height:var(--track-h);background:linear-gradient(90deg, var(--accent) 0%, var(--accent) var(--pct,0%), var(--border) var(--pct,0%), var(--border) 100%);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.rslider-thumb{top:50%;left:calc(var(--thumb-d) / 2 + (100% - var(--thumb-d)) * var(--frac,0));width:var(--thumb-d);height:var(--thumb-d);background:var(--fg);border:3px solid var(--accent);transition:transform .12s var(--ease-out);border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0006}.rslider:hover .rslider-thumb{transform:translate(-50%,-50%)scale(1.08)}.rslider:active .rslider-thumb{transform:translate(-50%,-50%)scale(1.15)}.ticks{color:var(--fg-muted);margin:-4px calc(var(--nudge-d) + 8px + var(--thumb-d) / 2) 0;pointer-events:none;font-variant-numeric:tabular-nums;justify-content:space-between;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}.ticks.ticks-abs{height:14px;display:block;position:relative}.ticks.ticks-abs>span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.focal-clamp-note{color:var(--fg-muted);border-left:2px solid var(--accent-dim);margin:6px 0 0;padding-left:8px;font-size:11px;line-height:1.45}.sensor-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sensor-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg-dim);cursor:pointer;transition:background var(--dur), color var(--dur), border-color var(--dur);padding:10px 8px;font-size:12px;font-weight:500}.sensor-btn:hover{background:var(--bg-elev-2);color:var(--fg)}.sensor-btn.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:700}.sensor-trigger{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--fg);cursor:pointer;transition:background var(--dur), border-color var(--dur);grid-template-columns:1fr auto;grid-template-areas:"name chev""meta chev";align-items:center;column-gap:10px;padding:10px 12px;display:grid}.sensor-trigger:hover{background:var(--bg-elev-2);border-color:var(--border-hi)}.sensor-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sensor-trigger-name{grid-area:name;font-size:14px;font-weight:600}.sensor-trigger-meta{font-variant-numeric:tabular-nums;color:var(--fg-muted);grid-area:meta;margin-top:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.sensor-trigger-chev{width:12px;height:12px;color:var(--fg-muted);grid-area:chev}.sensor-dialog{border:1px solid var(--border-hi);border-radius:var(--radius);background:var(--bg-elev);width:min(440px,100vw - 24px);max-height:88vh;color:var(--fg);padding:18px;overflow-y:auto}.sensor-dialog::backdrop{background:#0000009e}.sensor-dialog-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sensor-dialog-head h2{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);margin:0;font-size:12px;font-weight:600}.sensor-close{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:28px;height:28px;color:var(--fg-dim);cursor:pointer;place-items:center;display:grid}.sensor-close svg{width:14px;height:14px}.sensor-close:hover{color:var(--fg);border-color:var(--border-hi)}.sensor-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sensor-scale{margin:0 0 16px}.sensor-scale svg{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:auto;padding:6px;display:block}.sensor-scale figcaption{color:var(--fg-muted);text-align:center;margin-top:6px;font-size:11px}.sensor-rect{fill:none;stroke:var(--border-hi);stroke-width:.22px;transition:stroke var(--dur), fill var(--dur), stroke-width var(--dur)}.sensor-rect.lit{stroke:var(--accent);stroke-width:.42px;fill:#f5b83d1a}.sensor-group{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);margin:14px 0 6px;font-size:11px;font-weight:600}.sensor-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sensor-row{text-align:left;border-radius:var(--radius-sm);background:var(--bg);width:100%;min-height:46px;color:var(--fg);cursor:pointer;transition:background var(--dur), border-color var(--dur);border:1px solid #0000;grid-template-columns:22px 1fr auto;grid-template-areas:"glyph name crop""glyph dims crop""glyph reach crop";align-items:center;column-gap:10px;padding:7px 10px;display:grid}.sensor-row:hover{background:var(--bg-elev-2);border-color:var(--border-hi)}.sensor-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sensor-row.active{border-color:var(--accent);background:var(--bg-elev-2)}.sensor-glyph{grid-area:glyph;width:20px;height:16px}.sensor-glyph rect,.sensor-glyph circle{fill:var(--cam-body);stroke:var(--cam-stroke);stroke-width:.9px}.sensor-glyph .glyph-lens{fill:var(--cam-lens)}.sensor-row.active .sensor-glyph rect,.sensor-row.active .sensor-glyph circle{stroke:var(--accent)}.sensor-row-name{grid-area:name;font-size:13px;font-weight:600}.sensor-row-dims{font-variant-numeric:tabular-nums;color:var(--fg-muted);grid-area:dims;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.sensor-row-reach{font-variant-numeric:tabular-nums;color:var(--accent);grid-area:reach;min-width:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;line-height:1.35}.sensor-row-crop{font-variant-numeric:tabular-nums;color:var(--fg-dim);grid-area:crop;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}.sensor-row.active .sensor-row-crop{color:var(--accent)}.lock-btn{text-transform:none;letter-spacing:0;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg-dim);cursor:pointer;vertical-align:middle;transition:background var(--dur), color var(--dur), border-color var(--dur);border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.lock-btn:hover{background:var(--bg-elev-2);color:var(--fg)}.lock-btn.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.share{border:1px solid var(--border-hi);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);cursor:pointer;transition:background var(--dur), border-color var(--dur);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:inline-flex}.share:hover{background:var(--bg-elev-2);border-color:var(--accent)}.share.copied{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.viz{flex-direction:column;gap:16px;display:flex}.scene-wrap{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.scene{width:100%;height:auto;display:block;overflow:visible}#subject,#near-plane,#far-plane,#dof-band{transition:transform var(--dur) var(--ease-out)}#subject-slab{transition:x var(--dur) var(--ease-out), width var(--dur) var(--ease-out)}.plane-label,.plane-dist,.subject-label{fill:var(--accent);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:600}.equiv-side{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:16px;min-width:0;padding:14px;display:flex}.equiv-side-controls{flex-direction:column;gap:16px;min-width:0;display:flex}.equiv-side-head{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.equiv-side-name{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:12px;font-weight:700}.equiv-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:2px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600}.equiv-sensor-name{fill:var(--fg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:700}.equiv-sensor-dims,.equiv-bar-label{fill:var(--fg-muted);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.equiv-spec{fill:var(--fg);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace;font-size:34px;font-weight:700}.equiv-spec-unit{fill:var(--fg-muted);font-size:16px;font-weight:500}.equiv-glyph{fill:var(--accent);opacity:.7;font-size:30px;font-weight:700}.subject-label{fill:var(--subject)}.plane-dist{fill:var(--fg-dim);font-weight:500}.ruler-tick-label{fill:var(--fg-muted);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.readout{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;padding:4px;display:grid}.readout-item{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur);flex-direction:column;padding:14px 16px;display:flex}.readout-item[data-accent=true]{border-color:var(--accent-dim)}.readout-label{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);margin-bottom:6px;font-size:11px;font-weight:600}.readout-value{font-variant-numeric:tabular-nums;color:var(--fg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px;font-weight:700;line-height:1}.readout-item[data-accent=true] .readout-value{color:var(--accent)}.readout-unit{color:var(--fg-muted);margin-left:2px;font-size:12px;font-weight:500}.readout-unit.prefix{margin-left:0;margin-right:1px}.warning{border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);background:#e86b6b14;padding:12px 14px;font-size:13px;line-height:1.5}.warning strong{color:var(--fg);font-weight:600}.site-footer{border-top:1px solid var(--border);color:var(--fg-muted);justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;font-size:12px;display:flex}.about-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-dim);cursor:pointer;transition:color var(--dur), border-color var(--dur);background:0 0;padding:6px 10px}.about-toggle:hover{color:var(--fg);border-color:var(--border-hi)}.footer-note{color:var(--fg-muted)}.footer-copy{color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.about-panel{max-width:900px;color:var(--fg-dim);margin:0 auto;padding:24px 32px 48px}.about-panel h2{color:var(--fg);margin:0 0 16px;font-size:18px}.about-panel dt{color:var(--fg);margin-top:16px;font-weight:600}.about-panel dd{margin:6px 0 0;line-height:1.6}.about-panel code{background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.share-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.share-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--fg-dim);cursor:pointer;transition:background var(--dur), color var(--dur), border-color var(--dur);padding:7px 12px;font-size:12px;font-weight:500}.share-btn:hover:not(:disabled){background:var(--bg-elev-2);color:var(--fg);border-color:var(--border-hi)}.share-btn:disabled{opacity:.5;cursor:progress}.share-btn.copied{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.share-err{color:var(--danger);margin-left:6px;font-size:12px}.brand-home{cursor:pointer;background:0 0;border:0;padding:0}.brand-home:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.seg-toggle{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg-btn{color:var(--fg-dim);cursor:pointer;transition:background var(--dur), color var(--dur);background:0 0;border:none;border-radius:4px;padding:8px 10px;font-size:12px;font-weight:500}.seg-btn:hover{background:var(--bg-elev);color:var(--fg)}.seg-btn.active{background:var(--accent);color:var(--accent-fg);font-weight:600}.preset-row{flex-wrap:wrap;gap:4px;display:flex}.preset-btn{border:1px solid var(--border);background:var(--bg);color:var(--fg-dim);cursor:pointer;transition:background var(--dur), color var(--dur), border-color var(--dur);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:500}.preset-btn:hover{background:var(--bg-elev-2);color:var(--fg);border-color:var(--border-hi)}.landing{max-width:1080px;margin:0 auto;padding:32px 32px 48px}@media (width<=900px){.landing{padding:20px 16px 32px}}.landing-hero{text-align:center;padding:16px 0 32px}.landing-hero h2{letter-spacing:-.02em;color:var(--fg);margin:0 0 12px;font-size:28px;font-weight:700}.landing-hero p{color:var(--fg-dim);margin:0;font-size:14px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color var(--dur), background var(--dur), transform var(--dur);flex-direction:column;gap:10px;padding:18px;display:flex}.card:hover{border-color:var(--accent-dim);background:var(--bg-elev-2);transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-art{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;overflow:hidden}.card-art svg{width:100%;height:auto;display:block}.card-title{color:var(--fg);margin:4px 0 0;font-size:16px;font-weight:700}.card-blurb{color:var(--fg-dim);margin:0;font-size:13px;line-height:1.5}@media (prefers-reduced-motion:no-preference){.sensor-dialog[open] .sensor-rect{transform-box:fill-box;transform-origin:50%;animation:sensor-rect-in .3s var(--ease-out) both}@keyframes sensor-rect-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.card-art .art-near,.card-art .art-far{transition:transform var(--dur) var(--ease-out)}.card:hover .card-art .art-near{transform:translate(-6px)}.card:hover .card-art .art-far{transform:translate(6px)}.card-art .art-band{transition:transform var(--dur) var(--ease-out);transform-origin:50%}.card:hover .card-art .art-band{transform:scaleX(1.1)}.card-art .art-subj{transition:transform var(--dur) var(--ease-out);transform-origin:50%}.card:hover .card-art .art-subj{transform:scale(1.2)}.card-art .art-focus{transition:transform var(--dur) var(--ease-out)}.card:hover .card-art .art-focus{transform:translate(8px)}.card-art .art-edge{transition:transform var(--dur) var(--ease-out)}.card:hover .card-art .art-person .art-edge:first-of-type{transform:translate(-4px)}.card:hover .card-art .art-person .art-edge:last-of-type{transform:translate(4px)}.card-art .art-h{transition:transform var(--dur) var(--ease-out)}.card:hover .card-art .art-h{transform:translate(-12px)}.card-art .art-trail{stroke-dasharray:120;stroke-dashoffset:120px;transition:stroke-dashoffset .6s var(--ease-out)}.card:hover .card-art .art-trail{stroke-dashoffset:0}.card-art .art-tilt{transition:transform var(--dur) var(--ease-out);transform-origin:24px 100px}.card:hover .card-art .art-tilt{transform:rotate(-6deg)}.card-art .art-rings path{stroke-dasharray:160;stroke-dashoffset:160px;transition:stroke-dashoffset .6s var(--ease-out)}.card:hover .card-art .art-rings path{stroke-dashoffset:0}.card-art .art-disc{transition:transform var(--dur) var(--ease-out);transform-origin:50%;transform-box:fill-box}.card:hover .card-art .art-disc{transform:scale(1.45)}.card-art .art-bg{transition:transform var(--dur) var(--ease-out)}.card:hover .card-art .art-bg{transform:translate(138px,96px)scale(1.35)}.card-art .art-cam{transition:transform var(--dur) var(--ease-out)}.card:hover .card-art .art-cam{transform:translate(12px,60px)}.card-art .art-streak{transition:transform .6s var(--ease-out);transform-origin:0;transform-box:fill-box}.card:hover .card-art .art-streak{transform:scaleX(1.7)}}@media (width<=720px){.site-header{gap:10px;padding:12px 16px}.tabs{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex-basis:100%;order:3;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0}}@media (width<=600px){.app{gap:16px;padding:12px}.controls{gap:16px;padding:14px}.scene-wrap{padding:8px}.readout-item{padding:12px 14px}.readout-value{font-size:19px}.label-value{font-size:17px}.landing-hero h2{font-size:24px}.landing-hero p{font-size:14px}.about-panel{padding:18px 16px 32px}.sensor-buttons{grid-template-columns:repeat(2,1fr)}}@media (pointer:coarse){:root{--thumb-d:28px;--nudge-d:40px}.nudge-btn{font-size:22px}.slider::-webkit-slider-thumb{border-width:4px}.slider::-moz-range-thumb{border-width:4px}.tab{padding:10px 14px}.sensor-btn{padding:12px 8px}.sensor-row{min-height:52px}.sensor-close{width:34px;height:34px}.preset-btn{padding:8px 12px;font-size:12px}.share-btn{padding:10px 14px}.about-toggle{padding:8px 12px}}.site-footer{flex-wrap:wrap}@media (width<=600px){.site-footer{justify-content:flex-start;gap:12px;padding:14px 16px}.site-footer span{font-size:11px}}.scene{min-height:200px}@media (width<=480px){.scene{min-height:180px}}.slice-list{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0}.slice-list summary{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:600;list-style:none;display:flex}.slice-list summary::-webkit-details-marker{display:none}.slice-list summary:before{content:"▸";transition:transform .12s var(--ease-out);color:var(--fg-muted);display:inline-block}.slice-list[open] summary:before{transform:rotate(90deg)}.slice-list summary:hover{color:var(--fg)}.slice-list-count{background:var(--bg-elev-2);color:var(--fg);letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px}.slice-list-rows{border-top:1px solid var(--border);max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.slice-row{font-variant-numeric:tabular-nums;color:var(--fg);border-bottom:1px solid var(--border);grid-template-columns:36px 1fr 1.6fr 1fr;align-items:baseline;gap:8px;padding:8px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;display:grid}.slice-row:last-child{border-bottom:none}.slice-row .i{color:var(--fg-muted);font-weight:500}.slice-row .focus{color:var(--accent);font-weight:700}.slice-row .range{color:var(--fg-dim)}.slice-row .dof{color:var(--fg);font-weight:600}.slice-row .u{color:var(--fg-muted);margin-left:2px;font-size:10px;font-weight:400}.slice-row-head{background:var(--bg-elev);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);font-size:10px;font-weight:600;position:sticky;top:0}.slice-row-head .focus,.slice-row-head .range,.slice-row-head .dof,.slice-row-head .i{color:var(--fg-muted);font-weight:600}@media (width<=480px){.slice-row{grid-template-columns:28px 1fr 1.4fr .9fr;padding:8px 12px;font-size:11px}}