.sign-in{--si-night:#0b1f38;--si-panel:#11294a;--si-ivory:oklch(96.5% .012 85);--si-mist:oklch(76% .025 255);--si-line:oklch(96.5% .012 85/.14);--si-amber:oklch(83% .12 76);font-family:Inter Tight Variable,system-ui,-apple-system,Segoe UI,sans-serif}.sign-in .button{background:var(--si-amber);color:var(--si-night);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:1rem 1.75rem;font-weight:500}.sign-in .field{gap:.5rem;display:grid}.sign-in{border:1px solid var(--si-line);background:var(--si-panel);width:min(26rem,100vw - 2rem);color:var(--si-ivory);border-radius:20px;padding:2rem}.sign-in::backdrop{background:color-mix(in oklab, var(--si-night) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sign-in h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem}.sign-in p{color:color-mix(in oklab, var(--si-ivory) 85%, transparent);margin:0 0 1.25rem;line-height:1.5}.sign-in .close{color:var(--si-mist);background:0 0;border:0;font-size:1.5rem;line-height:1;position:absolute;top:1rem;right:1rem}.sign-in .google{border:1px solid var(--si-line);background:var(--si-ivory);width:100%;color:var(--si-night);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem;font-weight:500;display:flex}.sign-in .google .g{flex:none;width:18px;height:18px}.sign-in .or{text-align:center;color:var(--si-mist);margin:1rem 0}.sign-in-form{gap:1rem;display:grid}.sign-in-form input{border:1px solid var(--si-line);background:var(--si-night);color:var(--si-ivory);font:inherit;border-radius:12px;padding:.8rem 1rem}.sign-in-form .code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600}.sign-in .again{color:var(--si-mist);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:center;text-decoration:underline}.sign-in [hidden]{display:none}.sign-in .note{color:var(--si-mist);margin:1rem 0 0}.sign-in .note:empty{display:none}