.code-slots{position:relative;display:inline-block}.code-slots__row{position:relative;display:inline-flex;gap:var(--cs-gap);cursor:text;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .18s ease}.code-slots__row[data-disabled]{cursor:wait;opacity:.62}.code-slots__input{position:absolute;inset:0;z-index:4;margin:0;padding:0;border:0;outline:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;opacity:0;cursor:inherit;appearance:none}.code-slots__slot{position:relative;width:var(--cs-size);height:var(--cs-height);overflow:hidden;border:1px solid hsl(var(--border));border-radius:var(--cs-radius);background:var(--cs-slot);box-shadow:0 1px 2px #0000000a;transition:border-color .16s ease,background-color .16s ease,transform .16s ease;user-select:none}.code-slots__slot[data-active]{border-color:var(--cs-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-ink) 18%,transparent);transform:translateY(-2px)}.code-slots__fill{position:absolute;inset:0;border-radius:calc(var(--cs-radius) - 1px);background:var(--cs-accent);transform-origin:center}.code-slots__row[data-status=error] .code-slots__slot{border-color:color-mix(in srgb,var(--cs-danger) 60%,transparent);background:color-mix(in srgb,var(--cs-danger) 12%,var(--cs-slot))}.code-slots__row[data-status=error] .code-slots__fill{background:var(--cs-danger)}.code-slots__digit{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:var(--cs-digit);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--cs-font);font-weight:650;line-height:1;font-variant-numeric:tabular-nums}.code-slots__wash{position:absolute;inset:0;z-index:3;display:grid;place-items:center;border-radius:var(--cs-radius);background:var(--cs-accent);color:var(--cs-digit);pointer-events:none}.code-slots__caret{position:absolute;z-index:3;top:26%;left:calc(var(--cs-size) / 2 - .75px);width:1.5px;height:48%;opacity:0;pointer-events:none}.code-slots__caret[data-show]{opacity:1}.code-slots__caret-line{display:block;width:100%;height:100%;background:var(--cs-ink);animation:code-slots-blink 1s linear infinite}.code-slots__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0);white-space:nowrap}@keyframes code-slots-blink{0%,49.9%{opacity:1}50%,to{opacity:0}}@media(max-width:440px){.code-slots{transform:scale(.88);transform-origin:center}}@media(prefers-reduced-motion:reduce){.code-slots__caret-line{animation:none}.code-slots__slot{transition:none}}.mfa-page{--mfa-violet: #8b5cf6;--mfa-violet-soft: color-mix(in srgb, var(--mfa-violet) 12%, transparent);position:relative;min-height:100vh;overflow:hidden;background-color:hsl(var(--background));color:hsl(var(--foreground));isolation:isolate}.mfa-theme--light{--mfa-violet: #7c3aed;--background: 0 0% 96.5%;--foreground: 0 0% 10%;--card: 0 0% 100%;--muted-foreground: 0 0% 38%;--border: 0 0% 84%}.mfa-theme--dark{--mfa-violet: #a78bfa;--background: 0 0% 1.2%;--foreground: 0 0% 96%;--card: 240 10% 6%;--muted-foreground: 0 0% 65%;--border: 240 5% 14%}.mfa-background{position:absolute;inset:0;z-index:-1;pointer-events:none}.mfa-header{position:absolute;z-index:3;top:0;left:0;display:flex;width:100%;align-items:flex-start;justify-content:space-between;padding:28px clamp(24px,4vw,52px)}.mfa-brand{font-size:21px;font-weight:720;letter-spacing:-.045em}.mfa-brand span{color:var(--mfa-violet)}.mfa-header-actions{display:flex;align-items:flex-start;gap:8px}.mfa-theme-toggle{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid hsl(var(--border));border-radius:10px;background:color-mix(in srgb,hsl(var(--card)) 88%,transparent);color:hsl(var(--muted-foreground));cursor:pointer;backdrop-filter:blur(12px);transition:color .15s ease,border-color .15s ease,background .15s ease}.mfa-theme-toggle:hover{border-color:color-mix(in srgb,hsl(var(--foreground)) 25%,transparent);background:hsl(var(--card));color:hsl(var(--foreground))}.mfa-signout-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.mfa-signout{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid hsl(var(--border));border-radius:10px;background:color-mix(in srgb,hsl(var(--card)) 88%,transparent);color:hsl(var(--muted-foreground));font:inherit;font-size:13px;font-weight:600;cursor:pointer;backdrop-filter:blur(12px);transition:color .15s ease,border-color .15s ease,background .15s ease}.mfa-signout:hover{border-color:color-mix(in srgb,hsl(var(--foreground)) 25%,transparent);background:hsl(var(--card));color:hsl(var(--foreground))}.mfa-signout:focus-visible,.mfa-theme-toggle:focus-visible,.mfa-design-picker button:focus-visible,.mfa-soft-help button:focus-visible{outline:2px solid var(--mfa-violet);outline-offset:2px}.mfa-signout:disabled{cursor:wait;opacity:.6}.mfa-signout-error{max-width:240px;color:#ef4444;font-size:12px;text-align:right}.mfa-main{display:grid;min-height:100vh;place-items:center;padding:112px 24px 108px}.mfa-eyebrow{margin:0 0 10px;color:var(--mfa-violet);font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.mfa-description{margin:12px auto 0;max-width:390px;color:hsl(var(--muted-foreground));font-size:15px;line-height:1.65}.mfa-icon-orb{display:inline-grid;width:52px;height:52px;margin-bottom:24px;place-items:center;border:1px solid color-mix(in srgb,var(--mfa-violet) 22%,transparent);border-radius:16px;background:var(--mfa-violet-soft);color:var(--mfa-violet);box-shadow:0 12px 40px color-mix(in srgb,var(--mfa-violet) 12%,transparent)}.mfa-code-area{display:flex;flex-direction:column;align-items:center;margin-top:34px}.mfa-code-status{display:flex;min-height:24px;align-items:center;justify-content:center;gap:7px;margin-top:15px;color:hsl(var(--muted-foreground));font-size:12px}.mfa-code-status [role=alert]{color:#ef4444}.mfa-focus-panel{width:100%;max-width:560px;text-align:center}.mfa-focus-panel:before{position:absolute;z-index:-1;top:12%;left:50%;width:min(680px,90vw);height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mfa-violet) 9%,transparent),transparent 68%);content:"";transform:translate(-50%);filter:blur(8px)}.mfa-focus-panel h1{margin:0;font-size:clamp(34px,5vw,52px);font-weight:610;letter-spacing:-.045em;line-height:1}.mfa-trust-note{display:inline-flex;align-items:center;gap:7px;margin:32px 0 0;color:hsl(var(--muted-foreground));font-size:12px}.mfa-trust-note svg{color:#22c55e}.mfa-page--missing{display:grid;min-height:100vh;place-items:center;padding:100px 24px}.mfa-page--missing>.mfa-brand{position:absolute;top:28px;left:clamp(24px,4vw,52px)}.mfa-missing-card{width:min(480px,100%);text-align:center}.mfa-missing-card h1{margin:0;font-size:34px;letter-spacing:-.04em}.mfa-missing-card>p:not(.mfa-eyebrow){margin:14px 0 28px;color:hsl(var(--muted-foreground));line-height:1.65}.mfa-missing-card .mfa-signout-wrap{align-items:center}@media(max-width:620px){.mfa-header{padding:20px}.mfa-main{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.mfa-signout,.mfa-theme-toggle{transition:none}}.gn-curl-under,.gn-curl,.gn-curl-paper{--gn-curl-size: 56px;--gn-curl-ease: cubic-bezier(.16, 1, .3, 1)}.gn-curl-under{position:fixed;right:0;bottom:0;width:var(--gn-curl-size);height:var(--gn-curl-size);z-index:110;pointer-events:none;transform-origin:bottom right;transform:scale(calc(1 + var(--peel-lift, 0) * .45));animation:gn-curl-settle .35s ease-out both,gn-curl-flutter 6s cubic-bezier(.33,0,.2,1) 1.2s infinite}@keyframes gn-curl-flutter{0%,64%,to{scale:1}73%{scale:1.3}81%{scale:.97}88%{scale:1.07}94%{scale:1}}@keyframes gn-curl-settle{0%{opacity:0}to{opacity:1}}.gn-curl-sign{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 6px 5px 0;font-family:DM Mono,IBM Plex Mono,ui-monospace,monospace;font-size:7px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:#7c15c1;color:#fff}.dark .gn-curl-sign{background:#ad55e7;color:#0a0a0a}.cortado .gn-curl-under[data-variant=inference] .gn-curl-sign{background:#2b1710;color:#fff8ec}.dark.cortado .gn-curl-under[data-variant=inference] .gn-curl-sign{background:#f5e9d8;color:#1a0f0b}.cortado .gn-curl-under[data-variant=builder] .gn-curl-sign{background:#8b451f;color:#fff8ec}.dark.cortado .gn-curl-under[data-variant=builder] .gn-curl-sign{background:#e1a16b;color:#24120c}.coke-zero .gn-curl-under[data-variant=inference] .gn-curl-sign{background:#111;color:#f4f4f4}.dark.coke-zero .gn-curl-under[data-variant=inference] .gn-curl-sign{background:#d8d8d8;color:#080808}.coke-zero .gn-curl-under[data-variant=builder] .gn-curl-sign{background:#d5001c;color:#fff}.dark.coke-zero .gn-curl-under[data-variant=builder] .gn-curl-sign{background:#f40022;color:#fff}.gn-curl{position:fixed;right:0;bottom:-9px;z-index:121;width:var(--gn-curl-size);height:68px;padding:0;border:0;background:transparent;cursor:pointer;clip-path:polygon(0 0,100% 0,0 100%)}.gn-curl-paper{position:fixed;right:0;bottom:-9px;z-index:120;width:var(--gn-curl-size);height:68px;pointer-events:none;transform-origin:bottom right;transform:scale(calc(1 + var(--peel-lift, 0) * .45));animation:gn-curl-settle .35s ease-out both,gn-curl-flutter 6s cubic-bezier(.33,0,.2,1) 1.2s infinite;clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#561f7a29,#561f7a3d 45%,#0000 0,#0000),linear-gradient(135deg,#fff,#ffffff3d 47%,#0000 60%,#0000),linear-gradient(135deg,#f2e5fabf,#e0c6f199 45%,#0000 0,#0000);box-shadow:3px -3px 5px #00000026,inset -10px -19px 10px -10px #39145266;transition:box-shadow .45s var(--gn-curl-ease)}.gn-curl:hover~.gn-curl-paper,.gn-curl:focus-visible~.gn-curl-paper{box-shadow:-5px -5px 8px #0003,inset -6px -19px 10px -10px #39145273}.gn-curl:active~.gn-curl-paper{transform:scale(calc((1 + var(--peel-lift, 0) * .45) * .97))}.gn-curl[data-blocked=true],.gn-curl-paper[data-blocked=true],.gn-curl-under[data-blocked=true]{visibility:hidden;pointer-events:none}.dark .gn-curl-paper{background:linear-gradient(135deg,#0006,#0006 45%,#0000 0,#0000),linear-gradient(135deg,#d4a3f533,#d4a3f533 47%,#0000 60%,#0000),linear-gradient(135deg,#2b1d35d9,#26192ed9 45%,#0000 0,#0000);box-shadow:3px -3px 5px #0000004d,inset -10px 10px 12px -10px #00000080}.cortado .gn-curl-paper{background:linear-gradient(135deg,#2b171029,#2b171038 45%,#0000 0,#0000),linear-gradient(135deg,#fff9ef,#fff9ef59 47%,#0000 60%,#0000),linear-gradient(135deg,#f4ebddcc,#eadbc599 45%,#0000 0,#0000)}.dark.cortado .gn-curl-paper{background:linear-gradient(135deg,#00000073,#00000073 45%,#0000 0,#0000),linear-gradient(135deg,#f5e9d829,#f5e9d829 47%,#0000 60%,#0000),linear-gradient(135deg,#332017d9,#24140fd9 45%,#0000 0,#0000)}.coke-zero .gn-curl-paper{background:linear-gradient(135deg,#00000029,#00000038 45%,#0000 0,#0000),linear-gradient(135deg,#fff,#ffffff59 47%,#0000 60%,#0000),linear-gradient(135deg,#ebebebd9,#d2d2d2a6 45%,#0000 0,#0000)}.dark.coke-zero .gn-curl-paper{background:linear-gradient(135deg,#0008,#0008 45%,#0000 0,#0000),linear-gradient(135deg,#f400222e,#f400222e 47%,#0000 60%,#0000),linear-gradient(135deg,#1e1e1ee6,#0c0c0ce6 45%,#0000 0,#0000)}html[data-peel-transition] .gn-curl-paper{view-transition-name:gn-curl-flap}html[data-peel-transition] .gn-curl-under{view-transition-name:gn-curl-under}html[data-peel-transition] .gn-curl-paper,html[data-peel-transition] .gn-curl-under{animation:none}html[data-peel-transition]::view-transition-old(gn-curl-under),html[data-peel-transition]::view-transition-new(gn-curl-under){animation:none;opacity:0}html[data-peel-transition]::view-transition-new(root){animation:none}html[data-peel-transition]::view-transition-old(root){animation:gn-curl-consume .9s cubic-bezier(.65,0,.35,1) both;z-index:2}@keyframes gn-curl-consume{0%{clip-path:polygon(0 0,calc(100vw + 100vh - 56px) 0,0 calc(100vw + 100vh - 56px))}to{clip-path:polygon(0 0,0 0,0 0)}}html[data-peel-transition]::view-transition-group(gn-curl-flap){z-index:10;animation:gn-curl-sweep .9s cubic-bezier(.65,0,.35,1) both;filter:drop-shadow(0 0 22px hsl(276 90% 18% / .5))}html[data-peel-transition]::view-transition-image-pair(gn-curl-flap){clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#e6c6fa,#bf75f0 30%,#a53eea 44%,#d9a8fa 47.5%,#691c9c 50%)}.dark[data-peel-transition]::view-transition-image-pair(gn-curl-flap){background:linear-gradient(135deg,#782bab,#962fda 30%,#a84ce6 44%,#d59efa 47.5%,#451862 50%)}.cortado[data-peel-transition]::view-transition-image-pair(gn-curl-flap){background:linear-gradient(135deg,#fff9ef,#f4ebdd 30%,#e6d3b8 44%,#fffaf2 47.5%,#8b451f 50%)}html[data-peel-transition]::view-transition-old(gn-curl-flap),html[data-peel-transition]::view-transition-new(gn-curl-flap){animation:none;opacity:0}@keyframes gn-curl-sweep{0%{width:56px;height:56px;transform:translate(calc(100vw - 56px),calc(100vh - 56px))}to{width:calc(100vw + 100vh);height:calc(100vw + 100vh);transform:translate(-100vh,-100vw)}}@media(prefers-reduced-motion:reduce){.gn-curl-paper{transition-duration:.01ms!important}.gn-curl-paper,.gn-curl-under{animation:none!important}.gn-curl:hover~.gn-curl-paper,.gn-curl:focus-visible~.gn-curl-paper{transform:scale(1.06)}}
