:root{--paper: #f1f3f2;--surface: #ffffff;--ink: #1b2027;--ink-soft: #58626b;--line: #d6dad8;--field: #0d1a22;--field-soft: #16303c;--field-ink: #e9eeec;--field-ink-soft: #93a5ad;--beacon: #f5b82e;--ok: #1f7a5c;--alert: #9e3b2e;--dot: 1.375rem;--column: 34rem;--radius: .5rem;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul{margin:0}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}.field :focus-visible{outline-color:var(--beacon)}.screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.column{width:100%;max-width:var(--column)}.column>*+*{margin-top:1.25rem}.column--wide{max-width:46rem}h1{font-size:clamp(1.75rem,4.5vw,2.6rem);line-height:1.1;letter-spacing:-.025em;font-weight:600;text-wrap:balance}h2{font-size:1.1875rem;font-weight:600;letter-spacing:-.01em}p{max-width:60ch}.lede{font-size:1.125rem;color:var(--ink-soft)}.muted{color:var(--ink-soft)}.small{font-size:.9375rem}.dot{width:var(--dot);height:var(--dot);border-radius:50%;background:var(--beacon);flex:none}.hero-dot{--dot: 4.5rem;position:relative;display:grid;place-items:center;height:9rem}.hero-dot .dot{animation:breathe 3.6s ease-in-out infinite}.hero-dot:after{content:"";position:absolute;width:9rem;height:9rem;border-radius:50%;border:1px solid var(--line);animation:halo 3.6s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(.82)}}@keyframes halo{0%,to{transform:scale(.94);opacity:1}50%{transform:scale(1);opacity:.45}}.button{font:inherit;font-weight:550;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer}.button:hover:not(:disabled){background:#000;border-color:#000}.button:disabled{opacity:.4;cursor:not-allowed}.button--quiet{background:transparent;color:var(--ink);border-color:var(--line)}.button--quiet:hover:not(:disabled){background:var(--surface);border-color:var(--ink-soft)}.button--onField{background:var(--beacon);border-color:var(--beacon);color:#17222a}.button--onField:hover:not(:disabled){background:#ffc94d;border-color:#ffc94d}.button--quietOnField{background:transparent;color:var(--field-ink);border-color:#e9eeec59}.button--quietOnField:hover:not(:disabled){border-color:var(--field-ink)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.points{list-style:none;padding:0;display:grid;gap:.625rem}.points li{display:grid;grid-template-columns:1.25rem 1fr;gap:.75rem;align-items:start;color:var(--ink-soft)}.points li:before{content:"";width:.5rem;height:.5rem;margin-top:.55rem;margin-left:.375rem;border-radius:50%;background:var(--line)}.status{display:grid;gap:.5rem;padding:0;margin:0;list-style:none}.status li{display:flex;align-items:center;gap:.625rem;font-size:.9375rem}.status .mark{width:1.375rem;height:1.375rem;display:grid;place-items:center;border-radius:50%;border:1.5px solid currentColor;font-size:.8125rem;flex:none}.status .is-yes{color:var(--ok)}.status .is-no{color:var(--ink-soft)}.status .is-warn{color:var(--alert)}.camera{display:grid;gap:1.5rem;grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}@media(max-width:40rem){.camera{grid-template-columns:1fr}}.camera-frame{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--field);border-radius:var(--radius);overflow:hidden}.camera-frame video,.camera-frame canvas{max-width:100%}.camera-guide{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}.camera-guide:before{content:"";width:56%;height:76%;border:2px dashed rgba(245,184,46,.75);border-radius:50%/42%}.camera-frame.is-aligned .camera-guide:before{border-style:solid;border-color:#4ade9f}.camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:1.5rem;color:var(--field-ink-soft);font-size:.9375rem}.field{position:fixed;inset:0;background:var(--field);color:var(--field-ink);overflow:hidden}.field-caption{position:absolute;left:50%;bottom:3.5rem;transform:translate(-50%);text-align:center;color:var(--field-ink-soft);font-size:.9375rem;pointer-events:none}.field-progress{position:absolute;top:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.875rem;color:var(--field-ink-soft);font-size:.875rem}.beads{display:flex;gap:.4375rem}.bead{width:.5rem;height:.5rem;border-radius:50%;border:1px solid var(--field-ink-soft)}.bead.is-done{background:var(--beacon);border-color:var(--beacon)}.bead.is-current{background:var(--field-ink);border-color:var(--field-ink)}.field-escape{position:absolute;top:1.5rem;right:1.5rem}.target{position:absolute;top:0;left:0;width:3.5rem;height:3.5rem;margin:-1.75rem 0 0 -1.75rem;display:grid;place-items:center;transition:transform var(--travel, .65s) cubic-bezier(.33,0,.2,1);will-change:transform}.target-core{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--beacon);transition:transform .22s ease}.target-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--beacon);opacity:.35;transform:scale(.55);transition:transform .22s ease,opacity .22s ease}.target.is-ready .target-ring{transform:scale(.78);opacity:.9}.target.is-collecting .target-core{animation:pulse 1.1s ease-in-out infinite}.target.is-collecting .target-ring{transform:scale(1);opacity:.25}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(.72)}}.field-interrupt{position:absolute;inset:0;display:grid;place-items:center;background:#0d1a22eb;text-align:center;padding:2rem}.field-interrupt p{max-width:24rem;margin:0 auto}.playback{position:fixed;inset:0;background:#000;display:grid;place-items:center;cursor:none}.playback-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.playback-gate{position:absolute;inset:0;display:grid;place-items:center;background:#000000d9;cursor:auto}.playback-chrome{position:absolute;left:0;right:0;padding:.875rem 1.25rem;color:var(--field-ink-soft);font-size:.875rem;cursor:auto}.playback-chrome--top{top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.playback-chrome--bottom{bottom:0}.recording{display:flex;align-items:center;gap:.5rem;color:var(--field-ink)}.recording .dot{--dot: .5rem;background:#e2584a}.recording.is-live .dot{animation:blink 1.6s ease-in-out infinite}.recording.is-paused .dot{background:var(--field-ink-soft)}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.progress-track{height:4px;border-radius:2px;background:var(--field-soft);overflow:hidden}.progress-fill{height:100%;background:var(--beacon);transition:width .2s linear}.stage-preview{position:fixed;right:1.25rem;bottom:1.25rem;width:10rem;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;opacity:.55}.gaze-cursor{position:fixed;top:0;left:0;width:1.25rem;height:1.25rem;margin:-.625rem 0 0 -.625rem;border-radius:50%;border:2px solid var(--beacon);background:#f5b82e47;pointer-events:none;z-index:9000}.notice{border:1px solid var(--line);border-left:3px solid var(--alert);background:var(--surface);border-radius:var(--radius);padding:1rem 1.25rem;display:grid;gap:.375rem}.notice h2{font-size:1rem}.notice--field{background:var(--field-soft);border-color:#e9eeec33;border-left-color:var(--beacon)}.privacy{border-top:1px solid var(--line);padding-top:1.25rem;color:var(--ink-soft);font-size:.9375rem}.result{display:grid;gap:.25rem;padding:1.25rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-headline{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:.625rem}.summary{display:grid;gap:.5rem;margin:0}.summary div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dotted var(--line);padding-bottom:.5rem}.summary dt{color:var(--ink-soft)}.summary dd{margin:0;font-variant-numeric:tabular-nums}.debug{position:fixed;top:.75rem;left:.75rem;z-index:9500;background:#0d1a22eb;color:#cfe3dd;border:1px solid rgba(207,227,221,.25);border-radius:var(--radius);padding:.75rem .875rem;font-family:var(--mono);font-size:.75rem;line-height:1.5;min-width:15rem}.debug h2{font-size:.75rem;font-family:var(--font);margin-bottom:.375rem;color:var(--beacon)}.debug dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:0 .75rem}.debug dt{color:#8fa8a2}.debug dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}#webgazerVideoContainer{z-index:1}#webgazerFaceOverlay{opacity:.7}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.target{transition-duration:.12s}}