@layer components{.magic-link-waiting{text-align:center;max-width:400px;margin:0 auto;padding:32px 20px}.magic-link-waiting h2{color:var(--color-foreground);margin:0 0 16px;font-size:24px;font-weight:700}.magic-link-waiting p{color:var(--color-quiet);margin:0 0 12px;font-size:14px;line-height:1.5}.magic-link-waiting p strong{color:var(--color-foreground)}.magic-link-waiting .token-form{background:oklch(from var(--color-quiet) l c h / .05);text-align:left;border-radius:8px;margin-top:24px;padding:20px}.magic-link-waiting .token-form label{color:var(--color-quiet);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.magic-link-waiting .token-input-row{gap:8px;display:flex}.magic-link-waiting .token-input-row input{border:1px solid oklch(from var(--color-quiet) l calc(c * .3) h);background:var(--color-background);color:var(--color-foreground);border-radius:6px;flex:1;padding:10px 12px;font-size:14px}.magic-link-waiting .token-input-row input:focus{border-color:var(--color-accent);outline:none}.magic-link-waiting .token-error{margin-top:8px}.magic-link-waiting .actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.magic-link-waiting .resend-button{background:var(--color-accent);color:var(--color-background);cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;transition:background-color .2s}.magic-link-waiting .resend-button:hover:not(:disabled){background:oklch(from var(--color-accent) calc(l - .08) c h)}.magic-link-waiting .resend-button:disabled{opacity:.6;cursor:not-allowed}.magic-link-waiting .resend-error{text-align:center}}