.signup-dialog { color: rgb(var(--ink)); background: transparent; width: min(500px, calc(100vw - 48px)); max-height: calc(100dvh - 32px); margin: auto; padding: 8px 4px; border: 0; overflow: auto; }
.signup-dialog::backdrop { background: rgb(var(--page) / 88%); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
.signup-dialog h2 { font: 400 clamp(64px, 10vw, 96px)/.95 'Instrument Serif', serif; letter-spacing: -.035em; margin: 0 0 42px; outline: none; }
.signup-field { margin: 0 0 20px; }
.signup-field input { display: block; width: 100%; min-height: 62px; padding: 10px 0; font: 400 34px/1.2 'Instrument Serif', serif; color: inherit; background: transparent; border: 0; border-radius: 12px; outline: none; }
.signup-field input::placeholder { color: rgb(var(--ink) / 42%); opacity: 1; }
.signup-field input { caret-color: #0521F3; }
.signup-submit { display: flex; align-items: center; justify-content: center; gap: 18px; width: 100%; min-height: 66px; margin-top: 32px; padding: 16px 28px; border: 0; border-radius: 999px; background: #0521F3; color: #fff; font: 400 30px/1.1 'Instrument Serif', serif; cursor: pointer; }
.signup-submit svg { flex: none; width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.signup-submit:disabled { opacity: .6; cursor: wait; }
.signup-submit:focus-visible { outline: 2px solid #0521F3; outline-offset: 5px; }
.signup-status { margin: 24px 0 0; font: 400 20px/1.4 'Instrument Serif', serif; }
.signup-status:empty { display: none; }
.signup-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.signup-dialog [hidden] { display: none !important; }
@media (max-height: 480px) { .signup-dialog h2 { font-size: 54px; margin-bottom: 18px; } .signup-field { margin-bottom: 8px; } .signup-field input { min-height: 48px; font-size: 28px; } .signup-submit { min-height: 54px; margin-top: 18px; font-size: 26px; } }