.beacon.sign-in{--sign-in-w:344px;--sign-in-logo:56px;--sign-in-cell-fs:22px;background:var(--bg-content);flex-direction:column;min-height:100dvh;display:flex}.beacon .sign-in-main{padding:var(--s-9) var(--rail) var(--s-6);flex:1;justify-content:center;align-items:center;display:flex}.beacon .sign-in-content{width:100%;max-width:var(--sign-in-w)}.beacon .sign-in-head{align-items:center;gap:var(--s-5);text-align:center;flex-direction:column;display:flex}.beacon .sign-in-head svg{width:var(--sign-in-logo);height:var(--sign-in-logo)}.beacon .sign-in-title{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--w-bold);letter-spacing:var(--track-tight)}.beacon .sign-in-notes{gap:var(--s-2);margin-top:var(--s-6);display:grid}.beacon .sign-in-form{gap:var(--s-4);margin-top:var(--s-6);display:grid}.beacon .sign-in-notes+.sign-in-form{margin-top:var(--s-4)}.beacon .sign-in-group{gap:var(--s-2);display:grid}.beacon .sign-in-label-row{justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:calc((var(--lh-nav) - var(--control-h)) / 2);display:flex}.beacon .sign-in-label-row .btn--quiet{margin-right:calc(var(--s-2) * -1)}.beacon .sign-in-sent{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-2);overflow-wrap:anywhere}.beacon .sign-in-actions{gap:var(--s-2);display:grid}.beacon .sign-in-actions .btn{width:100%}.beacon .sign-in-code-grid{gap:var(--s-2);grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:relative}.beacon .sign-in-code-cell{aspect-ratio:4/5;background:var(--bg-raised);border:var(--hairline) solid var(--line-strong);border-radius:var(--r-md);min-width:0;font-size:var(--sign-in-cell-fs);font-weight:var(--w-semibold);font-variant-numeric:tabular-nums;color:var(--text);justify-content:center;align-items:center;display:flex;position:relative}@media (hover:hover){.beacon .sign-in-code-grid:hover .sign-in-code-cell{border-color:var(--text-3)}}.beacon .sign-in-code-cell[data-active]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.beacon .sign-in-code-input{color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.beacon .sign-in-code-input:focus-visible{outline:none}.beacon .sign-in-code-grid:has(.sign-in-code-input:disabled) .sign-in-code-cell{color:var(--text-3);border-color:var(--line);background:0 0}.beacon .sign-in-code-caret{pointer-events:none;background:currentColor;border-radius:1px;width:2px;height:1.15em;animation:1s step-end infinite sign-in-caret;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes sign-in-caret{0%,45%{opacity:1}46%,to{opacity:0}}.beacon .sign-in-foot{padding:var(--s-4) var(--rail) calc(var(--s-5) + env(safe-area-inset-bottom));text-align:center;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-3)}@media (max-width:639px){.beacon .sign-in-main{padding-top:var(--s-9);align-items:flex-start}.beacon .sign-in-code-grid{gap:var(--s-1)}.beacon.sign-in{--sign-in-cell-fs:20px;--sign-in-logo:48px}}