:root{color:#f7f5ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#030105;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;font-weight:500;line-height:1.35}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--page-wash,#030105);overflow:hidden}body{background:var(--page-wash,#030105);overscroll-behavior:none;min-height:100dvh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app-shell{background:var(--stage-wash);min-height:100dvh;color:var(--stage-copy);transition:background .2s linear}.stage{background:var(--stage-wash);touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate;min-height:100dvh;transition:background .12s linear;position:relative;overflow:hidden}.stage__glow,.stage__noise,.stage__winner-iris,.stage__reset-iris,.sheet-backdrop{position:absolute;inset:0}.stage__winner-iris,.stage__reset-iris{z-index:0;pointer-events:none;opacity:0;will-change:clip-path, opacity;background:#030105}.app-shell.is-revealing .stage__winner-iris{opacity:1;animation:.82s cubic-bezier(.62,0,.14,1) forwards winner-iris}.app-shell.is-resetting .stage__reset-iris{opacity:1;animation:.62s cubic-bezier(.72,0,.16,1) forwards reset-iris}.stage__glow{z-index:0;pointer-events:none;background:0 0}.stage__noise{z-index:0;opacity:0;pointer-events:none}.marker-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.finger-marker{aspect-ratio:1;background:var(--disc-shell);width:clamp(102px,30vmin,318px);box-shadow:none;will-change:transform, opacity;isolation:isolate;border-radius:50%;place-items:center;transition:transform .12s linear,opacity .22s,background .2s;display:grid;position:absolute}.finger-marker:before,.finger-marker:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.finger-marker:before{z-index:3;background:conic-gradient(from -36deg, transparent 0deg 236deg, color-mix(in srgb, var(--disc-progress) 84%, white 16%) 237deg 304deg, transparent 305deg 360deg);animation:.78s cubic-bezier(.16,1,.3,1) forwards entry-sweep;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - clamp(18px,4.3vmin,46px)),#000 calc(100% - clamp(18px,4.3vmin,46px)));mask:radial-gradient(farthest-side,#0000 calc(100% - clamp(18px,4.3vmin,46px)),#000 calc(100% - clamp(18px,4.3vmin,46px)))}.finger-marker:after{z-index:2;opacity:0;background:conic-gradient(from var(--lock-start,-86deg), var(--disc-progress) 0 var(--lock-angle), transparent var(--lock-angle) 360deg);transition:opacity .18s;-webkit-mask:radial-gradient(farthest-side,#0000 75%,#000 76%);mask:radial-gradient(farthest-side,#0000 75%,#000 76%)}.app-shell.is-locking .finger-marker[data-phase=active]{transition:transform .26s cubic-bezier(.2,.9,.16,1),opacity .22s,background .2s}.app-shell.is-locking .finger-marker[data-phase=active]:after{opacity:1}.finger-marker[data-phase=winner]{background:#030105;transition:transform .82s cubic-bezier(.16,1,.24,1),opacity .24s,background .2s}.finger-marker[data-phase=winner]:before,.finger-marker[data-phase=winner]:after,.finger-marker[data-phase=loser]:before,.finger-marker[data-phase=loser]:after,.app-shell.is-demo .finger-marker:before{opacity:0;animation:none}.app-shell.is-demo .finger-marker__ring{animation:none}.finger-marker--ghost{display:none}.finger-marker__ring,.finger-marker__core{z-index:1;border-radius:50%;display:block;position:relative}.finger-marker__ring{background:#030105;place-items:center;width:76%;height:76%;transition:width .82s cubic-bezier(.16,1,.24,1),height .82s cubic-bezier(.16,1,.24,1),background .2s;animation:.56s cubic-bezier(.16,1,.3,1) both marker-ring-pop;display:grid}.finger-marker__core{background:var(--disc-fill);width:78%;height:78%;box-shadow:none;transition:width .82s cubic-bezier(.16,1,.24,1),height .82s cubic-bezier(.16,1,.24,1),box-shadow .2s,background .2s}.finger-marker[data-phase=winner] .finger-marker__ring{background:var(--disc-ring);width:54%;height:54%}.finger-marker[data-phase=winner] .finger-marker__core{width:62%;height:62%;box-shadow:0 0 0 clamp(10px, 2.5vmin, 27px) var(--disc-core-border)}@keyframes marker-ring-pop{0%{transform:scale(.18)}62%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes entry-sweep{0%{opacity:0;transform:rotate(-34deg)scale(.44)}18%{opacity:.98}76%{opacity:.92;transform:rotate(232deg)scale(1.02)}to{opacity:0;transform:rotate(286deg)scale(1.04)}}@keyframes winner-iris{0%{clip-path:circle(150vmax at var(--winner-x) var(--winner-y))}to{clip-path:circle(0vmax at var(--winner-x) var(--winner-y))}}@keyframes reset-iris{0%{clip-path:circle(0vmax at var(--winner-x) var(--winner-y))}to{clip-path:circle(150vmax at var(--winner-x) var(--winner-y))}}.top-nav{z-index:4;color:#b9b9b9;pointer-events:none;opacity:1;--nav-edge:clamp(11px, 2.75vw, 29px);--nav-circle:clamp(38px, 9.66vw, 102px);--nav-pill-left:clamp(19px, 4.91vw, 53px);--nav-pill-top:clamp(4px, 1.11vw, 12px);--nav-pill-width:clamp(128px, 33.43vw, 353px);--nav-pill-height:clamp(29px, 7.48vw, 79px);--nav-pill-font:clamp(21px, 5.59vw, 59px);--nav-pill-pad:clamp(28px, 6.9vw, 73px);--nav-group-top:clamp(38px, 10.04vw, 106px);--nav-help-right:5px;height:clamp(76px,18.65vw,197px);transition:height .28s,transform .66s cubic-bezier(.78,0,.22,1),opacity .5s,filter .5s;position:absolute;inset:0 0 auto;transform:translateY(0)}.top-nav:before{content:"";z-index:0;background:#030105;position:absolute;inset:0}.top-nav.is-hidden{opacity:0;pointer-events:none;filter:blur(2px);transform:translateY(calc(-1*clamp(116px,26vw,290px)))}.top-nav.is-visible{pointer-events:none}.top-nav.is-expanded{height:clamp(104px,26.42vw,279px)}.top-nav__mode{z-index:1;top:var(--nav-edge);left:var(--nav-edge);pointer-events:auto;width:clamp(160px,38.45vw,406px);height:clamp(85px,17vw,184px);position:absolute}.mode-button,.groups-button,.help-button{color:#b9b9b9;-webkit-tap-highlight-color:transparent;background:0 0}.mode-button{width:clamp(160px,38.45vw,406px);height:var(--nav-circle);padding:0;position:absolute;inset:0 auto auto 0}.mode-button__pill,.groups-button{left:var(--nav-pill-left);width:var(--nav-pill-width);height:var(--nav-pill-height);font-size:var(--nav-pill-font);letter-spacing:0;background:linear-gradient(#fffffff2,#ecececfa);border-radius:999px;font-weight:300;line-height:.95;position:absolute;box-shadow:inset 0 1px 1px #ffffffe0,0 1px 3px #00000047}.mode-button__pill{top:var(--nav-pill-top);padding-left:var(--nav-pill-pad);align-items:center;display:flex}.mode-button__badge,.top-nav:after{width:var(--nav-circle);height:var(--nav-circle);background:radial-gradient(circle at 35% 26%,#fffffffa,#eee 70%);border-radius:50%;place-items:center;font-weight:300;line-height:1;display:grid;position:absolute;box-shadow:inset 0 1px 1px #ffffffe6,0 2px 5px #00000052}.top-nav:after{box-sizing:border-box;content:"?";z-index:1;top:var(--nav-edge);left:calc(100vw - var(--nav-circle) - var(--nav-help-right));pointer-events:none;padding:0 0 clamp(5px,1.2vw,13px);font-size:clamp(38px,7.25vw,78px);position:fixed}.mode-button__badge{z-index:2;letter-spacing:0;padding-right:clamp(3px,.7vw,8px);font-size:clamp(38px,7.3vw,79px);inset:0 auto auto 0}.groups-button{top:var(--nav-group-top);pointer-events:auto;place-items:center;padding:0 0 clamp(2px,.6vw,6px);transition:opacity .2s,transform .28s cubic-bezier(.2,.8,.2,1);display:grid}.top-nav.is-collapsed .groups-button{opacity:0;pointer-events:none;transform:translateY(calc(-1*clamp(12px,2.4vw,26px)))scaleY(.9)}.help-button{z-index:1;top:var(--nav-edge);right:auto;left:calc(100vw - var(--nav-circle) - var(--nav-help-right));width:var(--nav-circle);height:var(--nav-circle);box-shadow:none;color:#0000;pointer-events:auto;background:0 0;border-radius:50%;padding:0 0 clamp(5px,1.2vw,13px);font-size:clamp(38px,7.25vw,78px);position:fixed}.settings-sheet{z-index:4;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);color:#f7f5ef;opacity:0;pointer-events:none;background:#090a0deb;border-radius:28px;width:min(92vw,360px);padding:18px;transition:transform .25s,opacity .25s;position:absolute;transform:translateY(24px)scale(.98);box-shadow:0 28px 64px #00000052}.settings-sheet.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.sheet-backdrop{z-index:3;background:#0000002e}.settings-sheet__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-sheet__eyebrow{text-transform:uppercase;letter-spacing:.1em;opacity:.64;margin:0 0 4px;font-size:.7rem}.settings-sheet h2{letter-spacing:0;margin:0;font-size:1.8rem;line-height:.95}.settings-sheet__close{color:inherit;background:#ffffff14;border-radius:999px;padding:10px 12px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.settings-card{text-align:left;min-height:106px;color:inherit;background:#ffffff0f;border-radius:20px;align-content:space-between;gap:12px;padding:16px;display:grid}.settings-card:disabled{cursor:default;opacity:.55}.settings-card__label{text-transform:uppercase;letter-spacing:.08em;opacity:.72;font-size:.82rem}.settings-card__value{font-size:1.15rem}.settings-sheet__footnote{opacity:.72;max-width:28ch;margin:18px 0 0;font-size:.9rem}@media (width<=640px){.top-nav:after{width:38px;height:38px;padding-bottom:5px;font-size:38px;top:11px;left:auto;right:5px}.help-button{visibility:visible;width:38px;height:38px;font-size:38px;display:grid;position:fixed;top:11px;left:auto;right:5px}.settings-sheet{width:auto;left:10px;right:10px}.settings-grid{grid-template-columns:1fr 1fr}}