.lshell{height:100vh;height:100dvh;max-width:480px;margin:0 auto;background:var(--paper);display:flex;flex-direction:column;overflow-x:hidden}.ltop{padding:var(--sp-4) var(--sp-5)}.lbrand{display:inline-block;font-weight:800;font-size:1.0625rem;letter-spacing:-.025em;color:var(--ink);text-decoration:none}.lmain{flex:1;min-height:0;padding:var(--sp-5);display:flex;flex-direction:column;overflow-y:auto}.lform{display:none;flex:1;flex-direction:column}[data-screen=email] .show-email,[data-screen=code] .show-code,[data-screen=done] .show-done{display:flex}.lhead{display:grid;gap:var(--sp-2)}.ltitle{font-size:clamp(2.5rem,10vw,3.5rem);font-weight:700;line-height:.98;letter-spacing:-.04em;margin:0;max-width:14ch}.lsub{font-size:1.0625rem;line-height:1.4;color:var(--ink-3);margin:0}.lbody{padding-top:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.lfoot{margin-top:auto;padding-top:var(--sp-6)}.lreveal{display:none}#emailForm.needs-name #nameField{display:block}#emailForm.needs-name:not(.invited) #roleField{display:block}#emailForm.needs-name #optoutField{display:block;margin-top:var(--sp-4)}.loptout-row{display:flex;gap:var(--sp-2);align-items:flex-start;cursor:pointer}.loptout-row input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--ink);cursor:pointer}.loptout-text{display:flex;flex-direction:column;gap:2px}.loptout-label{font-weight:700;font-size:15px;color:var(--ink);line-height:1.3}.loptout-hint{font-size:var(--text-meta);color:var(--ink-3);line-height:1.3}.role-q{display:block;font-size:var(--text-meta);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:var(--sp-2)}.role-opts{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.role-opt{font-weight:700;font-size:16px;padding:14px;min-height:54px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);cursor:pointer}.role-opt.active{background:var(--accent);border-color:var(--accent);color:var(--paper)}.lbtn-err{display:block;margin:0;font-size:var(--text-meta);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--warn)}.code-field{display:grid;gap:var(--sp-2)}.code-label{font-size:var(--text-meta);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.code-input{width:100%;min-width:0;text-align:center;border:1.5px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);padding:18px 16px;min-height:66px;font:700 30px/1 var(--font-sans);letter-spacing:.5em;text-indent:.5em;outline:none;caret-color:var(--accent)}.code-input::placeholder{color:var(--ink-4);font-weight:700}.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft-blue)}.code-field.error .code-input{border-color:var(--warn);color:var(--warn)}.code-field .err{display:none;font-size:var(--text-meta);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--warn)}.code-field.error .err{display:block}.resend{align-self:start;border:0;background:none;padding:0;cursor:pointer;font-size:var(--text-meta);font-weight:700;color:var(--ink-3)}.resend:hover:not(:disabled){color:var(--ink)}.resend:disabled{color:var(--ink-4);cursor:not-allowed}.lnav{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);align-items:center}.show-done{justify-content:center;align-items:center;text-align:center}.ldone{display:grid;gap:var(--sp-4);justify-items:center}.ldone-check{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--route-green);color:var(--paper)}.ldone-check svg{width:38px;height:38px}.ldone .ltitle{max-width:none}@media(max-width:420px){.code-input{font-size:26px;letter-spacing:.42em;text-indent:.42em}}@media(min-width:1024px){:global(body){background:var(--paper-2)}.lshell{height:auto;min-height:100dvh;max-width:460px;justify-content:center;gap:var(--sp-3);padding-bottom:var(--sp-8)}.ltop{padding:0 var(--sp-1)}.lmain{flex:none;overflow:visible;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-bold);padding:var(--sp-7)}.lform{flex:none}.lfoot{margin-top:var(--sp-6)}.ltitle{font-size:clamp(2rem,3.5vw,2.5rem)}}
