@layer normalize,base,demo;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer base{:root{--font-size-min: 16;--font-size-max: 20;--font-ratio-min: 1.2;--font-ratio-max: 1.33;--font-width-min: 375;--font-width-max: 1500}html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}:where(.fluid){--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-type)}*,*:after,*:before{box-sizing:border-box}body{background:light-dark(#fff,#000);display:grid;place-items:center;min-height:100vh;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}body:before{--size: 45px;--line: color-mix(in hsl, canvasText, transparent 80%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}.bear-link{color:canvasText;position:fixed;top:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;opacity:.8}:where(.x-link,.bear-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@layer demo{:root{--u: min(120px, 28vw, 17dvh);--fs: min(.8125rem, calc(var(--u) * .1083));--fs-input: min(.8125rem, calc(var(--u) * .1083));--fs-mono: min(.6875rem, calc(var(--u) * .0917));--fs-xs: min(.625rem, calc(var(--u) * .0833));--radius: calc(var(--u) * .15);--ink: light-dark(#16171a, #ecebe8);--muted: light-dark(#6b6861, #8f8d87);--line: light-dark(rgb(0 0 0 / .13), rgb(255 255 255 / .13));--card: light-dark(#fbfbfa, #15161a);--energon: #b45cff;--accent: var(--energon);--on-accent: #0b0c0e;--mono: "Geist Mono", ui-monospace, "SF Mono", monospace}body:before{--cell: calc(var(--u) * .3);content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:var(--cell) var(--cell);background-position:calc(50% + var(--cell) / 2) calc(50% + var(--cell) / 2);--grid: light-dark(rgb(0 0 0 / .09), rgb(255 255 255 / .14));-webkit-mask:radial-gradient(closest-side,#000 55%,transparent);mask:radial-gradient(closest-side,#000 55%,transparent);transition:opacity .6s}.is-robot body:before{opacity:0}:root{--sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-type=geist]{--sans: Geist, ui-sans-serif, system-ui, sans-serif}[data-type=chakra]{--sans: "Chakra Petch", ui-sans-serif, system-ui, sans-serif}[data-type=grotesk]{--sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif}body{overflow:hidden;font-family:var(--sans)}.scene{position:fixed;inset:0;width:100%;height:100%;z-index:1;touch-action:none}.form,.form-shadow{position:fixed;inset:0;margin:auto;width:calc(var(--u) * 3);height:calc(var(--u) * 4.2);border-radius:var(--radius);corner-shape:bevel}.form-shadow{z-index:0;box-shadow:0 1px 1px #14120e0d,0 4px 8px #14120e0f,0 12px 24px #14120e12,0 28px 56px #14120e14}.form-shadow i{--s: calc(var(--u) * .1);position:absolute;width:var(--s);height:var(--s);background:linear-gradient(var(--line),var(--line)) center / 1px 100% no-repeat,linear-gradient(var(--line),var(--line)) center / 100% 1px no-repeat}.form-shadow i:nth-child(1){top:calc(var(--s) * -1.5);left:calc(var(--s) * -1.5)}.form-shadow i:nth-child(2){top:calc(var(--s) * -1.5);right:calc(var(--s) * -1.5)}.form-shadow i:nth-child(3){bottom:calc(var(--s) * -1.5);right:calc(var(--s) * -1.5)}.form-shadow i:nth-child(4){bottom:calc(var(--s) * -1.5);left:calc(var(--s) * -1.5)}.form{--px: calc(var(--u) / 120);-webkit-font-smoothing:antialiased;z-index:2;display:grid;grid-template-columns:calc(28 * var(--px)) 1fr calc(28 * var(--px));grid-template-rows:calc(44 * var(--px)) calc(6 * var(--px)) calc(78 * var(--px)) calc(20 * var(--px)) calc(58 * var(--px)) calc(12 * var(--px)) calc(58 * var(--px)) calc(12 * var(--px)) calc(18 * var(--px)) calc(16 * var(--px)) calc(40 * var(--px)) calc(14 * var(--px)) calc(14 * var(--px)) calc(14 * var(--px)) calc(36 * var(--px)) calc(18 * var(--px)) calc(30 * var(--px)) calc(16 * var(--px));background:var(--card);color:var(--ink);overflow:hidden;font-family:var(--mono);font-size:var(--fs-mono);line-height:1.45}.form>*{grid-column:2}.form>:is(.form__edge,.form__frame,.form__notch,.form__tag,.watermark){grid-area:1 / 1 / -1 / -1}.is-robot .form{visibility:hidden}.form__edge,.form__frame{position:absolute;border:1px solid light-dark(rgb(0 0 0 / .14),rgb(255 255 255 / .2));border-radius:var(--radius);corner-shape:bevel;pointer-events:none}.form__edge{inset:0}.form__frame{inset:calc(6 * var(--px));border-color:light-dark(rgb(0 0 0 / .07),rgb(255 255 255 / .08));border-radius:calc(var(--radius) - 6 * var(--px) * .5858)}.form__notch{position:absolute;top:0;left:50%;translate:-50% 0;width:calc(76 * var(--px));height:calc(7 * var(--px));border:1px solid light-dark(rgb(0 0 0 / .14),rgb(255 255 255 / .13));border-top:0;border-radius:0 0 calc(7 * var(--px)) calc(7 * var(--px));corner-shape:bevel;background:light-dark(#ecebe7,#060607)}.form__tag{position:absolute;top:calc(14 * var(--px));right:calc(28 * var(--px));height:calc(16 * var(--px));display:flex;align-items:center;gap:calc(10 * var(--px));font-size:var(--fs-xs);letter-spacing:.06em;color:light-dark(rgb(0 0 0 / .45),rgb(255 255 255 / .42))}.form__stripes{width:calc(56 * var(--px));height:calc(8 * var(--px));--stripe: light-dark(rgb(0 0 0 / .35), rgb(255 255 255 / .38));background:repeating-linear-gradient(-60deg,var(--stripe) 0 calc(3 * var(--px)),transparent 0 calc(7 * var(--px)))}.form__head{grid-row:3;display:grid;grid-template-columns:1fr auto;align-content:start}.form__head h1{grid-column:1;margin:0;font-family:var(--sans);font-size:calc(40 * var(--px));line-height:calc(40 * var(--px));font-weight:700;letter-spacing:-.01em;text-transform:uppercase}.form__head p{grid-column:1;margin:calc(6 * var(--px)) 0 0;font-size:var(--fs-mono);line-height:calc(16 * var(--px));letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.form__head .form__motto{grid-column:2;grid-row:1 / span 2;align-self:center;position:relative;display:grid;align-content:center;width:calc(11ch + 20 * var(--px));height:calc(3 * 13 * var(--px) + 16 * var(--px));margin:0;padding:0 calc(10 * var(--px));font-size:var(--fs-xs);line-height:calc(13 * var(--px));color:light-dark(rgb(0 0 0 / .5),rgb(255 255 255 / .45));transition:color .2s}.form__motto span{display:block}.form__motto[data-state=typing]{color:light-dark(rgb(0 0 0 / .75),rgb(255 255 255 / .72))}.form__motto:is([data-state=verifying],[data-state=granted]){color:var(--accent)}.form__motto:is([data-state=verifying],[data-state=granted]) i{border-color:var(--accent)}.form__motto i{position:absolute;width:calc(7 * var(--px));height:calc(7 * var(--px));border:0 solid light-dark(rgb(0 0 0 / .3),rgb(255 255 255 / .3))}.form__motto i:nth-of-type(1){top:0;left:0;border-width:1px 0 0 1px}.form__motto i:nth-of-type(2){top:0;right:0;border-width:1px 1px 0 0}.form__motto i:nth-of-type(3){bottom:0;right:0;border-width:0 1px 1px 0}.form__motto i:nth-of-type(4){bottom:0;left:0;border-width:0 0 1px 1px}.field{display:grid;align-content:start;gap:calc(6 * var(--px))}.form__email{grid-row:5}.form__password{grid-row:7}.field__label{display:flex;align-items:center;gap:calc(7 * var(--px));font-size:var(--fs-xs);line-height:calc(16 * var(--px));letter-spacing:.08em;text-transform:uppercase;color:light-dark(rgb(0 0 0 / .62),rgb(255 255 255 / .62))}.field__tick{width:calc(4 * var(--px));height:calc(10 * var(--px));border:1.5px solid var(--accent);border-right:0}.field__box{position:relative;display:grid}.field input{height:calc(36 * var(--px));padding:0 calc(12 * var(--px));border-radius:calc(4 * var(--px)) calc(4 * var(--px)) calc(10 * var(--px)) calc(4 * var(--px));corner-shape:bevel;border:1px solid light-dark(rgb(0 0 0 / .16),rgb(255 255 255 / .16));background:light-dark(#fff,#0c0d10);color:inherit;font-family:var(--mono);font-size:var(--fs-input);letter-spacing:.01em;transition:border-color .15s,box-shadow .15s}.field__hash{position:absolute;right:calc(15 * var(--px));bottom:calc(6 * var(--px));width:calc(9 * var(--px) + 1px);height:calc(6 * var(--px));--hash: light-dark(rgb(0 0 0 / .32), rgb(255 255 255 / .32));background:repeating-linear-gradient(90deg,var(--hash) 0 1px,transparent 0 calc(4.5 * var(--px)));transform:skew(-30deg);pointer-events:none}.field input[data-secret]{-webkit-text-security:disc}.field input::-moz-placeholder{color:light-dark(#a8a59e,#55534f)}.field input::placeholder{color:light-dark(#a8a59e,#55534f)}.field input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent),transparent 82%)}.field__box:has(input:focus-visible) .field__hash{--hash: var(--accent)}.form__row{grid-row:9;display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-mono)}.check{display:flex;align-items:center;gap:calc(9 * var(--px));color:var(--muted);cursor:pointer}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:calc(14 * var(--px));height:calc(14 * var(--px));padding:calc(3 * var(--px));border:1px solid light-dark(rgb(0 0 0 / .25),rgb(255 255 255 / .25));border-radius:calc(3 * var(--px));corner-shape:bevel;background:transparent content-box;cursor:pointer}.check input:checked{border-color:var(--accent);background-color:var(--accent)}.check input:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.form .form__aside{color:var(--accent);font-weight:400}.form a{color:inherit;text-decoration:none}.form a:hover{text-decoration:underline}.form__go{grid-row:11;position:relative;display:grid}.form__submit{display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--px));border:0;border-radius:calc(8 * var(--px));corner-shape:bevel;background:var(--accent);color:var(--on-accent);font-family:var(--mono);font-size:var(--fs-input);font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #0000002e,0 0 color-mix(in oklch,var(--accent),transparent 100%);transition:background .2s,box-shadow .25s,translate .08s}.form__submit svg,.btn svg{width:calc(14 * var(--px));fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.form__submit svg{stroke-width:2}.form__submit:focus-visible{outline:none}.form__submit:is(:hover,.is-hover){background:color-mix(in oklch,var(--accent),white 12%);box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0000002e,0 0 calc(20 * var(--px)) color-mix(in oklch,var(--accent),transparent 50%)}.form__submit:active,.form.is-pressed .form__submit{translate:0 calc(2 * var(--px));box-shadow:inset 0 2px 3px #00000040,inset 0 -1px #ffffff26,0 0 calc(14 * var(--px)) color-mix(in oklch,var(--accent),transparent 55%)}.go__corner{--gap: calc(4 * var(--px));position:absolute;width:calc(8 * var(--px));height:calc(8 * var(--px));border:0 solid var(--accent);pointer-events:none;opacity:.35;transition:translate .25s cubic-bezier(.2,.9,.3,1.3),opacity .2s}.go__corner:nth-of-type(1){top:calc(var(--gap) * -1);left:calc(var(--gap) * -1);border-width:1.5px 0 0 1.5px}.go__corner:nth-of-type(2){top:calc(var(--gap) * -1);right:calc(var(--gap) * -1);border-width:1.5px 1.5px 0 0}.go__corner:nth-of-type(3){bottom:calc(var(--gap) * -1);right:calc(var(--gap) * -1);border-width:0 1.5px 1.5px 0}.go__corner:nth-of-type(4){bottom:calc(var(--gap) * -1);left:calc(var(--gap) * -1);border-width:0 0 1.5px 1.5px}.form__go:has(.form__submit:is(:hover,.is-hover,:focus-visible,:active)) .go__corner,.form.is-pressed .go__corner{opacity:1;--out: calc(3 * var(--px))}:is(.form__go:has(.form__submit:is(:hover,.is-hover,:focus-visible,:active)) .go__corner,.form.is-pressed .go__corner):nth-of-type(1){translate:calc(var(--out) * -1) calc(var(--out) * -1)}:is(.form__go:has(.form__submit:is(:hover,.is-hover,:focus-visible,:active)) .go__corner,.form.is-pressed .go__corner):nth-of-type(2){translate:var(--out) calc(var(--out) * -1)}:is(.form__go:has(.form__submit:is(:hover,.is-hover,:focus-visible,:active)) .go__corner,.form.is-pressed .go__corner):nth-of-type(3){translate:var(--out) var(--out)}:is(.form__go:has(.form__submit:is(:hover,.is-hover,:focus-visible,:active)) .go__corner,.form.is-pressed .go__corner):nth-of-type(4){translate:calc(var(--out) * -1) var(--out)}.form__or{grid-row:13;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(12 * var(--px));color:var(--muted);font-size:var(--fs-mono);letter-spacing:.1em;text-transform:uppercase}.form__or i{height:1px;background:var(--line)}.form__alt{grid-row:15;display:grid;grid-template-columns:1fr 1fr;gap:calc(10 * var(--px))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--px));border:1px solid light-dark(rgb(0 0 0 / .16),rgb(255 255 255 / .18));border-radius:calc(6 * var(--px));corner-shape:bevel;background:light-dark(#fff,#1b1c21);color:var(--ink);font-family:var(--sans);font-size:var(--fs);font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:light-dark(#f4f4f2,#22232a);border-color:light-dark(rgb(0 0 0 / .3),rgb(255 255 255 / .3))}.btn:focus-visible{outline:none;border-color:var(--accent)}.form__foot{grid-row:17;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--line);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.form__foot p{margin:0;white-space:nowrap}.status{display:flex;align-items:center;color:var(--muted);transition:color .2s}.status:not([data-state=awaiting]){color:var(--accent)}.status__caret{margin-left:calc(3 * var(--px));width:calc(5 * var(--px));height:calc(9 * var(--px));background:currentColor;animation:blink 1.1s steps(1) infinite}.form__new{color:var(--muted)}.form__new a{color:var(--ink);text-decoration:underline;text-underline-offset:.25em}.form:has(.form__submit:is(:hover,.is-hover,:focus-visible)) .status__caret{animation:none}.form:has(.form__submit:is(:hover,.is-hover,:focus-visible)) .form__stripes{--stripe: var(--accent);animation:march .6s linear infinite}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes march{0%{background-position:0 0}to{background-position:calc(-8.08 * var(--px)) 0}}.watermark{position:absolute;top:calc(14 * var(--px));left:calc(28 * var(--px));height:calc(16 * var(--px));display:flex;align-items:center;gap:calc(8 * var(--px));pointer-events:none}.watermark span{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:light-dark(rgb(0 0 0 / .45),rgb(255 255 255 / .42));transition:color .3s}.mark{width:calc(15 * var(--px));overflow:visible}.mark__body{fill:light-dark(rgb(0 0 0 / .3),rgb(255 255 255 / .32));transition:fill .3s,filter .3s}.mark__eyes{fill:transparent;transition:fill .2s,filter .2s}.form:has(.form__submit:is(:hover,.is-hover,:focus-visible)) .watermark{animation:glitch 1.7s steps(1) infinite}.form:has(.form__submit:is(:hover,.is-hover,:focus-visible)) .mark__body{fill:color-mix(in oklch,var(--energon),white 10%);filter:drop-shadow(0 0 1px var(--energon)) drop-shadow(0 0 4px var(--energon)) drop-shadow(0 0 12px color-mix(in oklch,var(--energon),transparent 20%))}.form:has(.form__submit:is(:hover,.is-hover,:focus-visible)) .mark__eyes{fill:#fff;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px var(--energon)) drop-shadow(0 0 12px var(--energon));animation:flicker 1.1s steps(1) infinite}.form:has(.form__submit:is(:hover,.is-hover,:focus-visible)) .watermark span{color:color-mix(in oklch,var(--energon),white 30%);text-shadow:-1px 0 rgb(255 40 110 / .85),1px 0 rgb(40 210 255 / .85),0 0 8px var(--energon)}.form:is(.is-capturing,.is-arming) :is(.watermark,.mark__eyes,.form__stripes,.status__caret){animation:none!important}@keyframes glitch{0%,to{translate:0 0;clip-path:none}6%{translate:-2px 0;clip-path:inset(0 0 55% 0)}8%{translate:2px 1px;clip-path:inset(48% 0 0 0)}10%{translate:-1px 0;clip-path:inset(20% 0 40% 0)}12%{translate:0 0;clip-path:none}52%{translate:1px -1px;clip-path:inset(0 30% 0 0)}54%{translate:0 0;clip-path:none}}@keyframes flicker{0%,30%,34%,to{opacity:1}32%,70%{opacity:.55}72%{opacity:1}}.form[data-style=spec] [data-only=subtle],.form[data-style=subtle] [data-only=spec]{display:none}.form[data-style=subtle],.form-shadow[data-style=subtle]{--radius: calc(var(--u) * .12);corner-shape:round}.form[data-style=subtle]{--soft: light-dark(rgb(0 0 0 / .12), rgb(255 255 255 / .12));--accent: var(--ink);grid-template-rows:calc(44 * var(--px)) calc(12 * var(--px)) calc(64 * var(--px)) calc(12 * var(--px)) calc(36 * var(--px)) calc(12 * var(--px)) calc(14 * var(--px)) calc(12 * var(--px)) calc(56 * var(--px)) calc(12 * var(--px)) calc(56 * var(--px)) calc(14 * var(--px)) calc(18 * var(--px)) calc(18 * var(--px)) calc(40 * var(--px)) calc(28 * var(--px)) calc(56 * var(--px));font-family:var(--sans);font-size:calc(12 * var(--px))}.form[data-style=subtle] .form__edge{corner-shape:round;border-color:var(--soft)}.form[data-style=subtle] :is(.form__frame,.form__notch,.form__motto,.field__tick,.field__hash,.go__corner,.status){display:none}.form[data-style=subtle] .form__tag{letter-spacing:.12em;text-transform:uppercase}.form[data-style=subtle] .form__secure{transition:color .2s}.form[data-style=subtle] .form__secure:is([data-state=verifying],[data-state=granted]){color:var(--ink)}.form[data-style=subtle] .field input:focus-visible{border-color:light-dark(rgb(0 0 0 / .4),rgb(255 255 255 / .4));box-shadow:none}.form[data-style=subtle] .form__head{display:block}.form[data-style=subtle] .form__head h1{font-size:calc(28 * var(--px));line-height:calc(34 * var(--px));letter-spacing:-.02em;text-transform:none}.form[data-style=subtle] .form__head p{margin-top:calc(4 * var(--px));font-family:var(--sans);font-size:calc(12.5 * var(--px));line-height:calc(18 * var(--px));letter-spacing:0;text-transform:none}.form[data-style=subtle] .form__alt{grid-row:5}.form[data-style=subtle] .btn{border-color:var(--soft);border-radius:calc(6 * var(--px));corner-shape:round;background:light-dark(#fff,#131418);font-size:calc(12.5 * var(--px))}.form[data-style=subtle] .form__or{grid-row:7;gap:calc(14 * var(--px));font-family:var(--sans);font-size:calc(12 * var(--px));letter-spacing:0;text-transform:none}.form[data-style=subtle] .form__email{grid-row:9}.form[data-style=subtle] .form__password{grid-row:11}.form[data-style=subtle] .field__label{font-family:var(--sans);font-size:calc(12 * var(--px));letter-spacing:0;text-transform:none;color:var(--ink)}.form[data-style=subtle] .field input{height:calc(34 * var(--px));padding:0 calc(14 * var(--px));border-color:var(--soft);border-radius:calc(6 * var(--px));corner-shape:round;background:light-dark(#fff,#101114);font-family:var(--sans);font-size:calc(12.5 * var(--px));letter-spacing:0}.form[data-style=subtle] .field__eye{position:absolute;right:calc(12 * var(--px));top:50%;translate:0 -50%;width:calc(14 * var(--px));fill:none;stroke:var(--muted);stroke-width:1.4;pointer-events:none}.form[data-style=subtle] .form__row{grid-row:13;font-family:var(--sans);font-size:calc(12 * var(--px))}.form[data-style=subtle] .check input{width:calc(15 * var(--px));height:calc(15 * var(--px));border-radius:calc(4 * var(--px));corner-shape:round}.form[data-style=subtle] .form__go{grid-row:15}.form[data-style=subtle] .form__submit{border-radius:calc(6 * var(--px));corner-shape:round;background:light-dark(#16171a,#ecebe8);color:light-dark(#fff,#111214);font-family:var(--sans);font-size:calc(13 * var(--px));letter-spacing:0;text-transform:none;box-shadow:inset 0 -1px #0000001f}.form[data-style=subtle] .form__submit:is(:hover,.is-hover){background:light-dark(#000,#fff);box-shadow:inset 0 -1px #0000001f}.form[data-style=subtle] .form__submit:active,.form[data-style=subtle].is-pressed .form__submit{translate:0 calc(1 * var(--px));background:light-dark(#2a2b30,#d9d8d4);box-shadow:inset 0 1px 2px #0003}.form[data-style=subtle] .form__foot{grid-row:17;grid-column:1 / -1;align-items:center;padding:0 calc(28 * var(--px));border-top-color:var(--soft);font-family:var(--sans);font-size:calc(12 * var(--px));letter-spacing:0;text-transform:none}.form[data-style=subtle] .form__slash{font-family:var(--mono);letter-spacing:-.05em;color:var(--muted)}.keys{position:fixed;left:50%;bottom:1.25rem;translate:-50% 0;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;width:-moz-max-content;width:max-content;max-width:calc(100vw - 2rem);font-family:Geist Mono,ui-monospace,SF Mono,monospace;font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklch,canvasText,transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none}.is-piloting .keys{opacity:1;transition-delay:.4s}[data-keys=off] .keys{display:none}.is-truck .keys [data-robot],:root:not(.is-truck) .keys [data-truck]{display:none}.keys__break{flex-basis:100%}.keys span{display:inline-flex;align-items:center;gap:.2rem}.keys kbd{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .3rem;margin-right:.15rem;border:1px solid color-mix(in oklch,canvasText,transparent 78%);border-bottom-width:2px;border-radius:.3rem;font:inherit;color:canvasText}.bear-link{z-index:3}.reel-cursor{position:fixed;top:0;left:0;z-index:20;width:22px;pointer-events:none;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .45));transition:scale .1s}.reel-cursor.is-down{scale:.86}.is-reeling{cursor:none}.is-reeling *{cursor:none!important}.is-reeling .tp-dfwv,.is-reeling .keys{display:none}.tp-dfwv{z-index:10}.tp-dfwv .tp-rotv{max-height:calc(100dvh - 16px);overflow:auto}.tp-dfwv .tp-rotv>.tp-rotv_b{position:sticky;top:0;z-index:2;background:#45474c}}