@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Unbounded:wght@400;500&display=swap";:root{color-scheme:dark;font-family:Manrope,sans-serif;background:#090c12;color:#e7e7df}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{font:inherit}button{color:inherit}.experience{width:100%;height:100%;position:relative;background:#090c12;isolation:isolate}#artifact{position:absolute;inset:0;width:100%;height:100%}#session-timeline{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .7s .3s ease}.running #session-timeline{opacity:1}.render-warning{display:none;position:absolute;z-index:3;left:50%;top:50%;width:min(340px,calc(100% - 40px));margin:0;padding:12px 16px;transform:translate(-50%,-50%);border:1px solid rgba(222,140,124,.32);background:#090c12d1;color:#cfa294;text-align:center;font-size:11px}.artifact-context-lost .render-warning{display:block}.grain{position:absolute;inset:0;pointer-events:none;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:28px 34px;border-bottom:1px solid rgba(220,225,220,.11)}.wordmark{display:flex;align-items:center;gap:12px;color:#dfe2dc;text-decoration:none;font-family:Unbounded,sans-serif;font-size:10px;letter-spacing:.1em}.wordmark-mark{width:18px;height:18px;border:1px solid #d9a86d;border-radius:50%;position:relative}.wordmark-mark:after{content:"";position:absolute;width:4px;height:4px;background:#e7bd85;border-radius:50%;top:6px;left:6px;box-shadow:0 0 10px #e7bd85}.connection-state{display:flex;gap:10px;align-items:center;font:500 9px/1 Unbounded,sans-serif;letter-spacing:.12em;color:#959d99}.state-dot{width:5px;height:5px;border-radius:50%;background:#d5a268;box-shadow:0 0 12px #d5a268cc;animation:pulse 2.4s ease-in-out infinite}.connected .state-dot{background:#9fd2c5;box-shadow:0 0 12px #9fd2c5}.intro{position:absolute;z-index:3;left:7vw;top:50%;width:min(520px,42vw);transform:translateY(-44%);transition:opacity .7s ease,transform .7s ease}.eyebrow{margin:0 0 23px;color:#a8aaa4;font:500 9px/1.4 Unbounded,sans-serif;letter-spacing:.18em}h1{margin:0;font:400 clamp(42px,5.5vw,88px)/.96 Unbounded,sans-serif;letter-spacing:-.065em;text-wrap:balance}h1 em{color:#d6a36a;font-style:normal}.lede{max-width:440px;margin:29px 0 32px;color:#9ca29f;font-size:14px;line-height:1.65}.actions{display:flex;align-items:center;gap:12px}.actions button{min-height:48px;border-radius:0;padding:0 19px;cursor:pointer;transition:.25s ease}.primary{border:1px solid #d7ac77;background:#d7ac77;color:#101216;font-weight:600}.primary span{margin-left:26px}.primary:hover{background:#efc48f;border-color:#efc48f}.primary:disabled{opacity:.65;cursor:wait}.secondary{border:1px solid rgba(231,231,223,.2);background:#090c122e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.secondary:hover{border-color:#e7e7df8c}.error{max-width:460px;color:#dd8c7c;font-size:12px;min-height:18px}.running .intro{opacity:0;pointer-events:none;transform:translateY(-40%)}.session-recorder{position:absolute;z-index:3;top:79px;left:50%;display:grid;grid-template-columns:auto auto auto auto;gap:10px;align-items:center;width:max-content;max-width:calc(100% - 160px);padding:8px 10px;opacity:0;transform:translate(-50%,-8px);pointer-events:none;transition:opacity .7s .45s ease,transform .7s .45s ease;border:1px solid rgba(220,225,220,.11);background:#090c1294;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.running .session-recorder{opacity:1;transform:none;pointer-events:auto}.running .session-recorder{transform:translate(-50%)}.recorder-title{color:#89918d;font:500 9px/1 Unbounded,sans-serif;letter-spacing:.08em}.duration-switch{display:flex;border:1px solid rgba(220,225,220,.13)}.duration-switch button,.record-action{border:0;background:transparent;cursor:pointer;color:#69716d;font-size:9px}.duration-switch button{padding:6px 8px}.duration-switch button.active{background:#d7aa7521;color:#ddb17d}.duration-switch button:disabled{cursor:default;opacity:.45}.record-action{padding:7px 10px;border:1px solid rgba(215,170,117,.42);color:#cfaa7d;white-space:nowrap}.record-action:disabled{opacity:.38;cursor:not-allowed}.timeline-empty{position:absolute;top:calc(100% + 8px);left:50%;width:max-content;transform:translate(-50%);color:#59615e;font-size:9px;pointer-events:none;transition:opacity .3s ease}.timeline-empty.hidden{opacity:0}.recorder-clock{display:flex;align-items:baseline;gap:9px;text-align:right}.recorder-clock span{color:#69716d;font-size:9px;white-space:nowrap}.recorder-clock time{display:block;color:#d9ddd7;font:400 17px/1 Unbounded,sans-serif;letter-spacing:-.04em}.session{position:absolute;z-index:3;left:34px;right:34px;bottom:30px;display:grid;grid-template-columns:160px 1fr 220px;align-items:end;gap:35px;opacity:0;transform:translateY(15px);transition:.8s .35s ease;pointer-events:none}.running .session{opacity:1;transform:none}.metric-label,.hold>span{display:block;color:#777f7c;font:500 8px/1 Unbounded,sans-serif;letter-spacing:.16em}.metric-value{display:block;margin-top:8px;font:400 46px/.9 Unbounded,sans-serif;letter-spacing:-.08em}.instruction{text-align:center}.instruction>span{color:#d8aa75;font:500 10px/1 Unbounded,sans-serif;letter-spacing:.2em}.instruction p{margin:11px 0 0;color:#858d89;font-size:11px}.hold{justify-self:end;width:220px}.hold-track{margin-top:12px;width:100%;height:1px;background:#e7e7df29}.hold-track i{display:block;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:#d8aa75;box-shadow:0 0 8px #d8aa75}.info-toggle{position:absolute;z-index:4;right:34px;top:102px;padding:0;border:0;background:none;color:#7f8783;cursor:pointer;font:500 8px/1 Unbounded,sans-serif;letter-spacing:.13em;writing-mode:vertical-rl}.running .info-toggle{top:190px}.info-toggle:hover{color:#d8aa75}.diagnostics-toggle{position:absolute;z-index:5;left:34px;bottom:102px;padding:10px 0;border:0;border-bottom:1px solid rgba(215,166,109,.55);background:none;color:#aeb3af;cursor:pointer;font:500 8px/1 Unbounded,sans-serif;letter-spacing:.13em;opacity:0;pointer-events:none;transition:opacity .5s ease,color .2s ease}.running .diagnostics-toggle{opacity:1;pointer-events:auto}.diagnostics-toggle:hover{color:#e0b37e}.diagnostics-panel{position:absolute;z-index:4;left:0;right:0;bottom:0;height:min(68vh,650px);padding:26px 34px 24px;background:#080c11f5;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-top:1px solid rgba(220,225,220,.13);transform:translateY(102%);transition:transform .5s cubic-bezier(.7,0,.2,1);overflow:auto}.diagnostics-panel.open{transform:none}.diagnostics-panel header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}.diagnostics-panel .eyebrow{margin:0 0 7px}.diagnostics-panel h2{margin:0;font:400 20px/1.1 Unbounded,sans-serif;letter-spacing:-.035em}.diagnostics-panel .formula{max-width:520px;margin:0;color:#7d8581;font-size:10px;line-height:1.55}#diagnostics{display:block;width:100%;height:210px}.diagnostics-legend{display:flex;gap:24px;margin-top:12px;color:#737b77;font:500 8px/1 Unbounded,sans-serif;letter-spacing:.08em}.diagnostics-legend span{display:flex;align-items:center;gap:7px}.diagnostics-legend b{font:inherit;font-weight:500}.blink-stat b{color:#ed796b}.diagnostics-legend i{width:13px;height:1px;background:var(--c)}.spectrum-lab{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(360px,.85fr);gap:50px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(220,225,220,.1)}.bands{display:grid;gap:14px;align-content:start}.band{display:grid;grid-template-columns:125px 1fr 62px;align-items:center;gap:16px;color:#929a96;font:500 9px/1 Unbounded,sans-serif;letter-spacing:.09em}.band span small{display:block;margin-top:5px;color:#5f6764;font:500 8px/1 Manrope,sans-serif;letter-spacing:0}.band>i{height:3px;background:#dce1dc1a;overflow:hidden}.band>i b{display:block;width:100%;height:100%;background:#718f91;transform:scaleX(0);transform-origin:left;transition:transform .2s linear}.band.alpha>i b{background:#d8a66d;box-shadow:0 0 12px #d8a66d80}.band output{color:#d7dbd5;text-align:right}.alpha-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:3px;background:#dce1dc14}.alpha-channels span{display:flex;justify-content:space-between;padding:9px 10px;background:#0b1016;color:#69716d;font-size:9px}.alpha-channels b{font-weight:500}.alpha-channels output{color:#d4a36c}.protocol{border-left:1px solid rgba(220,225,220,.1);padding-left:34px}.protocol-heading{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;color:#68716d;font:500 8px/1 Unbounded,sans-serif;letter-spacing:.12em}.protocol-heading button{padding:0 0 3px;border:0;border-bottom:1px solid rgba(121,197,200,.4);background:none;color:#78999a;cursor:pointer;font:inherit;letter-spacing:.08em}.protocol-heading button:hover,.protocol-heading button:focus-visible{color:#a7d1cf;border-color:#a7d1cf}.protocol output{color:#d7aa75}.calibration-progress{height:2px;margin-top:13px;overflow:hidden;background:#dce1dc17}.calibration-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#789fa0,#d7aa75);box-shadow:0 0 12px #d7aa7573;transform:scaleX(0);transform-origin:left;transition:transform .35s linear}.guided-test{display:grid;grid-template-columns:1fr 70px;align-items:center;gap:20px;min-height:78px;margin:11px 0 8px;padding:12px 14px;border:1px solid rgba(220,225,220,.12)}.guided-test>div{display:grid;gap:7px}.guided-test span{color:#65706c;font:500 8px/1 Unbounded,sans-serif;letter-spacing:.08em}.guided-test strong{color:#a9afab;font-size:11px;font-weight:500;line-height:1.45}.guided-test time{color:#d7aa75;text-align:right;font:400 31px/1 Unbounded,sans-serif}.calibration-meta{display:flex;justify-content:space-between;margin-bottom:10px;color:#626b67;font-size:9px}.calibration-meta time{color:#8f9893}.test-start{width:100%;padding:11px 14px;border:1px solid #d7aa75;background:#d7aa751a;color:#ddb17d;cursor:pointer;font-size:11px}.test-start:disabled{border-color:#dce1dc1f;color:#5f6763;background:transparent;cursor:not-allowed}.test-start.running{border-color:#dd8c7c75;color:#d99080;background:#dd8c7c0d}.protocol p,.protocol pre{max-width:580px;margin:12px 0 0;color:#68706d;font:400 10px/1.6 Manrope,sans-serif;white-space:pre-wrap}.protocol pre.success{color:#9fc6b7}.protocol pre.failure{color:#d69a8c}.research-sharing{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-top:14px;padding-top:13px;border-top:1px solid rgba(220,225,220,.1)}.research-sharing span{color:#68716d;font:500 8px/1.4 Unbounded,sans-serif;letter-spacing:.09em}.research-sharing output{margin-left:7px;color:#86aaa8}.research-sharing p{margin:6px 0 0;max-width:500px}.research-sharing button{padding:7px 0 4px;border:0;border-bottom:1px solid rgba(121,197,200,.38);background:none;color:#78999a;cursor:pointer;font:500 8px/1 Unbounded,sans-serif;letter-spacing:.08em}.info-panel{position:absolute;z-index:6;top:0;right:0;width:min(430px,100%);height:100%;padding:11vh 50px 50px;background:#0d1218ed;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-left:1px solid rgba(222,225,218,.12);transform:translate(102%);transition:transform .55s cubic-bezier(.7,0,.2,1)}.info-panel.open{transform:none}.info-panel button{position:absolute;top:27px;right:31px;border:0;background:none;font-size:27px;font-weight:300;cursor:pointer}.info-panel h2{margin:0 0 24px;font:400 30px/1.12 Unbounded,sans-serif;letter-spacing:-.04em}.info-panel>p:not(.eyebrow){color:#949b97;font-size:13px;line-height:1.7}dl{margin:38px 0;border-top:1px solid rgba(225,228,222,.12)}dl div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(225,228,222,.12);font-size:11px}dt{color:#747d79}dd{margin:0;color:#d3d7d1}.disclaimer{margin-top:auto;font-size:10px!important}.calibration-modal{position:absolute;z-index:9;inset:0;display:grid;place-items:center;padding:24px}.calibration-modal[hidden]{display:none}.calibration-backdrop{position:absolute;inset:0;border:0;background:#03060ac2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default}.calibration-modal section{position:relative;width:min(660px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:48px 52px 42px;border:1px solid rgba(220,225,220,.14);background:#0b1016fa;box-shadow:0 28px 90px #00000080}.calibration-modal-close{position:absolute;top:20px;right:24px;padding:0;border:0;background:none;color:#8c9490;cursor:pointer;font-size:28px;font-weight:300}.calibration-modal h2{max-width:520px;margin:0 0 20px;font:400 29px/1.15 Unbounded,sans-serif;letter-spacing:-.04em}.calibration-modal section>p:not(.eyebrow):not(.disclaimer){color:#969e9a;font-size:13px;line-height:1.65}.calibration-modal ol{margin:28px 0;padding:0;list-style:none;border-top:1px solid rgba(220,225,220,.11)}.calibration-modal li{display:grid;grid-template-columns:145px 1fr;gap:24px;padding:14px 0;border-bottom:1px solid rgba(220,225,220,.11)}.calibration-modal li b{color:#d3a874;font:500 9px/1.5 Unbounded,sans-serif}.calibration-modal li span{color:#7f8884;font-size:12px;line-height:1.5}.calibration-modal .calibration-note{color:#b7c8c1!important}.research-modal{z-index:10}.research-modal section{width:min(760px,100%)}.research-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:26px 0;background:#dce1dc1a}.research-data-grid>div{padding:18px;background:#0b1016}.research-data-grid b{color:#d3a874;font:500 9px/1.4 Unbounded,sans-serif;letter-spacing:.05em}.research-data-grid p{margin:9px 0 0;color:#7f8884;font-size:11px;line-height:1.55}.research-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.research-actions button{min-height:42px;padding:0 16px;cursor:pointer}.research-actions button:disabled{opacity:.55;cursor:default}.research-delete{border:1px solid rgba(221,140,124,.4);background:#dd8c7c0d;color:#d99080}.research-modal-state{min-height:18px;margin:14px 0 0!important;color:#9fc6b7!important}.research-modal .error{margin:4px 0 0}.ocular-lab-start{margin-top:8px;border-color:#79c5c873;color:#8fc6c7;background:#79c5c80a}.ocular-lab-summary{margin:8px 0 0!important;color:#697470!important;font-size:9px!important;line-height:1.45!important}.ocular-lab-overlay{position:absolute;z-index:12;inset:0;overflow:hidden;background:#04080cf5}.ocular-lab-overlay[hidden]{display:none}.ocular-lab-overlay section{position:absolute;z-index:2;left:50%;bottom:7vh;width:min(620px,calc(100% - 40px));text-align:center;transform:translate(-50%)}.ocular-lab-overlay h2{margin:10px 0 8px;font:400 clamp(20px,3vw,34px)/1.2 Unbounded,sans-serif}.ocular-lab-overlay time{display:block;color:#d7aa75;font:400 18px/1 Unbounded,sans-serif}.ocular-lab-overlay section>p:not(.eyebrow){color:#7e8984;font-size:11px}.ocular-lab-overlay button{margin-top:10px;padding:9px 13px;border:1px solid rgba(220,225,220,.16);background:transparent;color:#818a86;cursor:pointer}.ocular-target{position:absolute;inset:0;transition:transform .12s ease-out}.ocular-target i{position:absolute;top:42%;left:50%;width:22px;height:22px;border:1px solid #83c5c6;border-radius:50%;background:#79c5c81a;box-shadow:0 0 28px #79c5c859;transform:translate(-50%,-50%)}.ocular-target[data-position=left]{transform:translate(-34vw)}.ocular-target[data-position=right]{transform:translate(34vw)}.ocular-target[data-position=up]{transform:translateY(-27vh)}.ocular-target[data-position=down]{transform:translateY(25vh)}.ocular-target[data-position=center]{transform:none}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@media(max-width:720px){.topbar{padding:22px 20px}.connection-state{font-size:7px}.intro{inset:auto 20px 40px;width:auto;transform:none}.session-recorder{top:67px;left:20px;right:20px;width:auto;max-width:none;grid-template-columns:auto 1fr auto;gap:7px;transform:translateY(-8px)}.running .session-recorder{transform:none}.recorder-title{display:none}.record-action{justify-self:end}.recorder-clock{grid-column:1/-1;justify-content:center}.timeline-empty{font-size:8px}h1{font-size:clamp(38px,12vw,58px)}.lede{margin:20px 0 23px}.actions{align-items:stretch;flex-direction:column}.actions button{width:100%}.session{left:20px;right:20px;bottom:22px;grid-template-columns:80px 1fr;gap:18px}.instruction{text-align:right}.instruction p{max-width:230px;margin-left:auto}.hold{grid-column:1/-1;width:100%}.info-toggle{display:none}.diagnostics-toggle{left:20px;bottom:126px}.diagnostics-panel{height:72vh;padding:22px 20px}.diagnostics-panel header{display:block}.diagnostics-panel .formula{margin-top:12px}#diagnostics{height:220px}.diagnostics-legend{gap:12px;flex-wrap:wrap}.spectrum-lab{grid-template-columns:1fr;gap:24px}.protocol{position:sticky;z-index:2;top:-22px;order:-1;border-left:0;border-bottom:1px solid rgba(220,225,220,.1);border-top:0;padding:22px 0 20px;background:#080c11fb}.protocol-heading{grid-template-columns:1fr auto}.protocol-heading output{grid-column:1/-1}.guided-test{grid-template-columns:1fr 62px}.guided-test time{font-size:25px}.calibration-meta{gap:12px;font-size:8px}.calibration-modal{padding:12px}.calibration-modal section{max-height:calc(100vh - 24px);padding:42px 24px 30px}.calibration-modal h2{font-size:23px}.calibration-modal li{grid-template-columns:1fr;gap:6px}.research-data-grid{grid-template-columns:1fr}.research-actions{display:grid}.research-actions button{width:100%}.ocular-target[data-position=left]{transform:translate(-36vw)}.ocular-target[data-position=right]{transform:translate(36vw)}.ocular-target[data-position=up]{transform:translateY(-24vh)}.ocular-target[data-position=down]{transform:translateY(22vh)}.info-panel{padding:90px 28px 35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--page-gutter:clamp(16px,2.5vw,34px);--camera-size:clamp(120px,12vw,176px)}html,body{height:auto;min-height:100%;overflow-x:clip;overflow-y:auto}body{margin:0}.experience{min-height:100svh;height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(420px,1fr);align-content:start;padding-bottom:env(safe-area-inset-bottom)}.topbar{position:relative;grid-column:1/-1;grid-row:1;gap:18px;padding:calc(14px + env(safe-area-inset-top)) max(var(--page-gutter),env(safe-area-inset-right)) 14px max(var(--page-gutter),env(safe-area-inset-left));min-width:0}.connection-state{margin-left:auto;min-width:0;line-height:1.5;text-align:right}.wordmark,.state-dot{flex-shrink:0}.experience .info-toggle{position:static;display:block;writing-mode:horizontal-tb;font:500 11px/1.4 Manrope,sans-serif;letter-spacing:0;padding:10px 12px;min-height:40px;border:1px solid rgba(220,225,220,.18);white-space:nowrap}.visual-stage{position:relative;isolation:isolate;grid-column:2;grid-row:2;min-width:0;min-height:0;margin:24px var(--page-gutter) 24px 0;align-self:stretch}.intro{position:relative;grid-column:1;grid-row:2;inset:auto;transform:none;width:auto;min-width:0;padding:42px 20px 42px clamp(24px,6vw,90px);align-self:center}.intro h1{font-size:clamp(34px,5vw,72px);overflow-wrap:anywhere}.intro .actions{flex-wrap:wrap}.intro .actions button{min-height:48px}.grain{z-index:0}.session-toolbar,.session,.diagnostics-toggle,.running .intro{display:none}.running .experience{height:100svh;min-height:640px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(180px,1fr) auto auto}@supports (height:100dvh){.running .experience{height:100dvh}}.running .session-toolbar{display:grid;grid-row:2;grid-column:1;grid-template-columns:minmax(0,1fr) var(--camera-size);align-items:start;gap:20px;padding:16px var(--page-gutter) 0}.experience .session-recorder{position:static;display:grid;grid-template-columns:auto auto minmax(0,1fr);left:auto;right:auto;top:auto;transform:none;opacity:1;pointer-events:auto;width:auto;max-width:none;min-width:0;padding:12px;gap:10px 16px;align-items:center;justify-self:center}.session-recorder .recorder-title{grid-column:1/-1;display:block}.session-recorder .duration-switch{grid-column:1;align-self:center}.session-recorder .record-action{grid-column:2;justify-self:start;white-space:normal;min-height:40px;padding:8px 12px}.session-recorder .recorder-clock{grid-column:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 12px;min-width:0}.recorder-clock span{white-space:normal;max-width:230px;line-height:1.5;text-align:right;overflow-wrap:anywhere}.duration-switch button{min-height:40px;padding:8px 10px;white-space:nowrap}.session-recorder .timeline-empty{position:static;grid-column:1/-1;transform:none;width:auto;min-width:0;text-align:center;line-height:1.5;font-size:10px}.timeline-empty.hidden{display:none}.camera-slot{position:relative;overflow:hidden;aspect-ratio:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;background:#121b23bd;border:1px solid rgba(188,207,210,.16);border-radius:10px;color:#9eaeb1;text-align:center;font:400 11px/1.4 Manrope,sans-serif}.camera-slot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-slot video[hidden]{display:none}.camera-status{position:relative;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.camera-toggle{position:relative;z-index:1;width:100%;min-height:36px;padding:6px 4px;border:1px solid rgba(188,207,210,.3);border-radius:4px;color:#d8e1e0;background:#091016d6;font:500 10px/1.35 Manrope,sans-serif;cursor:pointer}.camera-live{justify-content:space-between}.camera-live .camera-slot-mark,.camera-error .camera-slot-mark,.camera-pending .camera-slot-mark{display:none}.camera-live .camera-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.camera-live .camera-toggle{position:absolute;top:2px;right:2px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,rgba(8,14,20,.55) 0 14px,transparent 15px);color:#fff;font:300 24px/1 Manrope,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.5)}.camera-slot small{display:block;color:#707f83;margin-top:3px;font-size:10px}.camera-slot-mark{width:23px;height:23px;border:1px solid #758f95;border-radius:50%;position:relative}.camera-slot-mark:after{content:"";position:absolute;inset:6px;border:1px solid #758f95;border-radius:50%}.running .visual-stage{grid-column:1;grid-row:3;margin:8px var(--page-gutter)}.experience .session{position:static;grid-row:4;grid-column:1;left:auto;right:auto;bottom:auto;transform:none;opacity:1;min-width:0;padding:12px var(--page-gutter);gap:20px;grid-template-columns:minmax(120px,1fr) minmax(0,2fr) minmax(120px,1fr)}.running .experience .session{display:grid}.metric,.instruction,.hold{min-width:0}.metric-label,.hold>span{line-height:1.5;letter-spacing:.08em;overflow-wrap:anywhere}.instruction>span{line-height:1.6;letter-spacing:.08em;overflow-wrap:anywhere}.instruction p{line-height:1.5;margin:6px 0 0}.hold{width:100%}.experience .diagnostics-toggle{position:static;grid-row:5;grid-column:1;transform:none;opacity:1;pointer-events:auto;justify-self:start;margin:0 var(--page-gutter) 14px;padding:10px 2px;min-height:40px;letter-spacing:.05em}.running .experience .diagnostics-toggle{display:block}.experience .diagnostics-panel{position:fixed;z-index:7;height:min(82dvh,800px);max-height:calc(100dvh - env(safe-area-inset-top));padding:0 24px calc(24px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;visibility:hidden;transition:transform .35s ease,visibility .35s}.experience .diagnostics-panel.open{visibility:visible}.panel-toolbar{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -24px 22px;padding:12px 24px;background:#10171e;border-bottom:1px solid rgba(220,225,220,.13);font-size:12px}.panel-toolbar button{min-height:44px;padding:8px 14px;border:1px solid rgba(220,225,220,.25);color:#d3dcd7;background:transparent;cursor:pointer}.diagnostics-panel header{flex-wrap:wrap;gap:16px}.diagnostics-panel header>div{flex:1 1 240px}.diagnostics-panel .formula{flex:1 1 340px}.diagnostics-legend{flex-wrap:wrap;gap:12px 20px;line-height:1.5}.diagnostics-legend span{min-width:0}.spectrum-lab{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.spectrum-lab .protocol{position:static;order:0;min-width:0;padding-left:28px}.bands{min-width:0}.band{grid-template-columns:90px minmax(0,1fr) minmax(62px,90px);gap:10px}.band output{min-width:0;overflow-wrap:anywhere;font:400 11px/1.4 Manrope,sans-serif;letter-spacing:0}.alpha-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.alpha-channels span{min-width:0;gap:6px;flex-wrap:wrap}.protocol-heading{grid-template-columns:minmax(0,1fr) auto;line-height:1.6}.protocol-heading output{grid-column:1/-1}.protocol-heading button{min-height:40px}.guided-test{grid-template-columns:minmax(0,1fr) max-content;gap:12px}.guided-test time{font-size:clamp(20px,3vw,28px)}.guided-test strong,.protocol pre,.protocol p{overflow-wrap:anywhere}.research-sharing{grid-template-columns:minmax(0,1fr);gap:8px}.research-sharing button{justify-self:start;min-height:40px}.experience .info-panel{position:fixed;z-index:8;height:100dvh;overflow:auto;overscroll-behavior:contain;padding:0 28px calc(32px + env(safe-area-inset-bottom));visibility:hidden}.experience .info-panel.open{visibility:visible}.info-panel .panel-toolbar{margin:0 -28px 26px;padding:12px 28px}.info-panel .panel-toolbar button{position:static;min-width:44px;min-height:44px;font:400 12px/1.4 Manrope,sans-serif}.calibration-modal{position:fixed}.calibration-modal section{max-height:calc(100dvh - 48px)}.calibration-modal-close{min-width:44px;min-height:44px}.ocular-lab-overlay{position:fixed}button:focus-visible,a:focus-visible{outline:2px solid #b4d7d6;outline-offset:4px}@media(max-width:1000px){.spectrum-lab{grid-template-columns:minmax(0,1fr)}.spectrum-lab .protocol{border-left:0;border-top:1px solid rgba(220,225,220,.13);padding:24px 0 0}.session-recorder .recorder-clock{grid-column:1/-1;justify-content:flex-start}.recorder-clock span{text-align:left;max-width:none}}@media(max-width:720px){:root{--page-gutter:16px;--camera-size:clamp(128px,40vw,176px)}.experience{grid-template-columns:minmax(0,1fr);grid-template-rows:auto clamp(150px,27svh,260px) auto;min-height:100svh}.topbar{gap:8px;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px;flex-wrap:wrap}.wordmark{font-size:8px;gap:8px}.connection-state{font-size:7px;max-width:42%}.experience .info-toggle{font-size:10px;padding:8px}.visual-stage{grid-column:1;grid-row:2;margin:8px var(--page-gutter) 0}.intro{grid-column:1;grid-row:3;padding:18px var(--page-gutter) 26px;align-self:start}.intro .eyebrow{margin-bottom:16px;font-size:8px;line-height:1.5}.intro h1{font-size:clamp(30px,9vw,54px);line-height:1.04}.intro .lede{margin:18px 0 22px;font-size:13px}.intro .actions{gap:10px}.intro .error{margin-bottom:0}.running .experience{min-height:650px;grid-template-rows:auto auto minmax(160px,1fr) auto auto}.running .session-toolbar{gap:12px;padding-top:12px}.experience .session-recorder{padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:8px;grid-template-columns:minmax(0,1fr);justify-self:stretch}.session-recorder .recorder-title,.session-recorder .timeline-empty{display:none}.session-recorder .duration-switch{grid-column:1;justify-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.session-recorder .record-action{grid-column:1;justify-self:stretch;width:100%;font-size:10px}.session-recorder .recorder-clock{grid-column:1;justify-content:flex-start;gap:4px 8px;text-align:left}.recorder-clock time{font-size:16px}.recorder-clock span{font-size:9px}.duration-switch button{min-height:40px}.camera-slot{gap:7px;font-size:10px}.running .visual-stage{margin:4px var(--page-gutter)}.experience .session{grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:12px 16px;padding-top:8px;padding-bottom:4px}.metric-value{font-size:38px}.metric-label{font-size:7px}.instruction{text-align:right}.instruction>span{font-size:9px}.instruction p{max-width:none;font-size:10px}.hold{grid-column:1/-1}.hold-track{margin-top:8px}.experience .diagnostics-toggle{margin-bottom:8px;font-size:9px}.experience .diagnostics-panel{height:88dvh;padding-left:16px;padding-right:16px}.panel-toolbar{margin-left:-16px;margin-right:-16px;padding:8px 16px}.spectrum-lab{gap:20px}.spectrum-lab .protocol{background:transparent}.band{grid-template-columns:74px minmax(0,1fr) 100px;gap:8px;font-size:8px}.guided-test{grid-template-columns:minmax(0,1fr) max-content}.calibration-modal section{max-height:calc(100dvh - 24px)}}@media(min-width:600px)and (max-height:540px){:root{--camera-size:128px;--page-gutter:16px}.running .experience{height:100dvh;min-height:360px;grid-template-columns:minmax(0,1fr) 200px;grid-template-rows:auto minmax(160px,1fr) auto auto}.running .session-toolbar{grid-column:2;grid-row:2/5;grid-template-columns:minmax(0,1fr);gap:14px;padding:12px 16px 12px 0;align-content:start}.camera-slot{grid-row:1;width:var(--camera-size);justify-self:end}.experience .session-recorder{grid-template-columns:minmax(0,1fr);padding:0;border:0;background:none;justify-self:stretch;gap:8px}.session-recorder .recorder-title,.session-recorder .timeline-empty{display:none}.session-recorder .record-action,.session-recorder .recorder-clock{grid-column:1;justify-self:start;justify-content:flex-start}.session-recorder .duration-switch{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.session-recorder .record-action{width:100%}.running .visual-stage{grid-column:1;grid-row:2;margin:0 8px 0 16px}.experience .session{grid-column:1;grid-row:3;grid-template-columns:90px minmax(0,1fr);gap:8px;padding:4px 16px}.session .hold{grid-column:1/-1;width:100%}.metric-value{font-size:30px}.instruction p{font-size:10px}.experience .diagnostics-toggle{grid-column:1;grid-row:4;margin-bottom:4px}}
