.pin-auth{--pin-ink:var(--text-h);--pin-muted:var(--text);--pin-cream:var(--bg-card);--pin-border:var(--border);--pin-clay:var(--accent-ink);--pin-bronze:var(--accent-ink);--pin-key-border:var(--accent);--pin-action:var(--accent);min-height:100svh;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:var(--code-bg);justify-content:center;align-items:center;display:flex}html:has(.pin-auth){background:var(--code-bg)}html:has(.pin-auth) body{background:var(--code-bg)}.pin-auth__card{background:var(--pin-cream);border:2px solid var(--text-h);border-radius:22px;width:100%;max-width:460px;padding:2rem;box-shadow:0 24px 60px #32261924}.pin-auth__card--pin,.pin-auth__card--entry{max-width:420px;padding:1.6rem}.pin-auth__card--entry .pin-auth__brand{margin-bottom:1rem}.pin-auth__card--entry .pin-auth__title{font-size:1.55rem}.pin-auth__card--entry .pin-auth__lede{margin-bottom:1.1rem}.pin-auth__card--entry .pin-auth__form{gap:.8rem}.pin-auth__card--entry .pin-auth__input{border-color:var(--pin-bronze);background:var(--bg-card)}.pin-auth__card--entry .pin-auth__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #3226192e}.pin-auth__card--pin .pin-auth__brand{margin-bottom:1rem}.pin-auth__card--pin .pin-auth__title{font-size:1.55rem}.pin-auth__card--pin .pin-auth__lede{margin-bottom:1.1rem}.pin-auth__card--pin .pin-auth__form{gap:.8rem}.pin-auth__card--pin .pin-auth__pin-box{margin-bottom:.45rem}.pin-auth__card--pin .pin-auth__pin-cell{height:2.7rem}.pin-auth__card--pin .pin-auth__pad{gap:.55rem;margin-bottom:.55rem}.pin-auth__card--pin .pin-auth__digit{min-height:3rem;padding:.62rem 0;font-size:1.25rem}.pin-auth__brand{background:0 0;justify-content:center;align-items:center;min-height:74px;margin-bottom:1.4rem;padding:0;display:flex}.pin-auth__brand .efb--header{--efb-h:clamp(56px, 15vw, 72px);--efb-max-w:min(88%, 290px)}.pin-auth__eyebrow{color:var(--pin-clay);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.82rem;font-weight:800}.pin-auth__title{color:var(--pin-ink);letter-spacing:0;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.pin-auth__lede{color:var(--pin-muted);margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.pin-auth__form{flex-direction:column;gap:1rem;display:flex}.pin-auth__label{color:var(--pin-ink);flex-direction:column;gap:.375rem;font-size:1rem;font-weight:600;display:flex}.pin-auth__input{border:2px solid var(--pin-border);background:var(--bg-card);width:100%;min-height:3.25rem;color:var(--pin-ink);box-sizing:border-box;border-radius:8px;padding:.75rem;font-family:inherit;font-size:1rem}.pin-auth__input--code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;min-height:3.75rem;font-size:1.75rem;font-weight:700}.pin-auth__hint{color:var(--pin-muted);margin:0;font-size:.9375rem}.pin-auth__stack{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.pin-auth__input-wrap{display:block;position:relative}.pin-auth__input--with-clear{padding-right:3.2rem}.pin-auth__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pin-auth__clear-email{appearance:none;width:2.75rem;height:2.75rem;color:var(--text-h);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;font-size:1.45rem;font-weight:800;line-height:1;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.pin-auth__clear-email:focus{outline:3px solid var(--focus);outline-offset:0}.pin-auth__clear-email:disabled{opacity:.5;cursor:not-allowed}.pin-auth__input:focus{outline:3px solid var(--focus);outline-offset:0;border-color:var(--text-h)}.pin-auth__error{color:var(--error);margin:0;font-size:.9375rem}.pin-auth__pin-box{grid-template-columns:repeat(6,1fr);gap:.5rem;margin:0 0 .75rem;display:grid}.pin-auth__pin-cell{border:2px solid var(--pin-bronze);background:var(--surface-input);height:3.25rem;box-shadow:var(--d4-field-shadow);color:var(--pin-ink);border-radius:8px;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;line-height:1;display:flex}.pin-auth__pin-cell--filled{background:var(--surface-tint);border-color:var(--accent);animation:.34s ease-out five-ellis-pin-charge}@keyframes five-ellis-pin-charge{0%{background:var(--bg-card);transform:scale(.96);box-shadow:inset 0 0 #244b8000,0 0 #244b8000}48%{background:var(--accent);transform:scale(1.025);box-shadow:inset 0 0 16px #3226194d,0 0 0 4px #3226192e}to{background:var(--surface-tint);transform:scale(1);box-shadow:inset 0 0 #244b8000,0 0 #244b8000}}.pin-auth__pad{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:0 0 1rem;display:grid}.pin-auth__digit{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;appearance:none;border:2px solid var(--pin-bronze);background:var(--bg-card);cursor:pointer;color:var(--pin-ink);touch-action:manipulation;border-radius:8px;padding:1rem 0;font-size:1.5rem;font-weight:800}.pin-auth__digit:focus{outline:3px solid color-mix(in srgb, var(--accent) 36%, transparent);outline-offset:2px}.pin-auth__digit:disabled{opacity:.6;cursor:not-allowed}.pin-auth__actions{gap:1rem;display:flex}.pin-auth__actions .btn{flex:1}.pin-auth .btn--primary{background:var(--pin-action);border-color:var(--pin-action);color:#fff}.pin-auth .btn--secondary{background:var(--bg-card);border-color:var(--pin-key-border);color:var(--pin-ink)}.pin-auth__notice{border-left:4px solid var(--success);background:var(--code-bg);color:var(--pin-ink);margin:0 0 1rem;padding:.75rem}.pin-auth__guidance{border-top:1px solid var(--pin-border);gap:.75rem;margin:1.4rem 0 0;padding-top:1.2rem;display:grid}.pin-auth__guidance-title{color:var(--pin-ink);margin:0;font-size:.98rem;font-weight:800}.pin-auth__guidance p{color:var(--pin-muted);margin:0;font-size:.92rem;line-height:1.45}.pin-auth__account{color:var(--pin-muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .9rem;font-size:.92rem;overflow:hidden}.pin-auth__links{flex-wrap:wrap;gap:.4rem 1.25rem;margin:1.25rem 0 0;font-size:.9rem;display:flex}.pin-auth__text-link{color:var(--pin-ink);text-decoration:underline}.pin-auth__text-link:hover{opacity:.75}@media (width<=480px){.pin-auth{padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(14px + env(safe-area-inset-bottom,0px))}.pin-auth__card{flex-direction:column;justify-content:center;padding:1.35rem;display:flex}.pin-auth__card--pin{justify-content:center;padding:1rem}.pin-auth__pin-cell,.pin-auth__digit{min-height:3rem}}@media (prefers-reduced-motion:reduce){.pin-auth__pin-cell--filled{animation:none}}@media (height<=760px){.pin-auth{padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px))}.pin-auth__card--pin{padding:1.15rem 1.35rem}.pin-auth__card--pin .pin-auth__brand{min-height:30px;margin-bottom:.75rem}.pin-auth__card--pin .pin-auth__eyebrow{margin-bottom:.25rem;font-size:.76rem}.pin-auth__card--pin .pin-auth__title{margin-bottom:.35rem;font-size:1.35rem}.pin-auth__card--pin .pin-auth__lede{margin-bottom:1rem;font-size:.95rem;line-height:1.35}.pin-auth__card--pin .pin-auth__form{gap:.62rem}.pin-auth__card--pin .pin-auth__account{margin-bottom:.6rem;font-size:.88rem}.pin-auth__card--pin .pin-auth__pin-box{gap:.35rem;margin-bottom:.25rem}.pin-auth__card--pin .pin-auth__pin-cell{height:2.35rem}.pin-auth__card--pin .pin-auth__pad{gap:.45rem;margin-bottom:.35rem}.pin-auth__card--pin .pin-auth__digit{min-height:2.75rem;padding:.45rem 0;font-size:1.12rem}}.pin-auth__card{border:1px solid var(--d4-tile-border);border-bottom:6px solid var(--d4-tile-edge);background:var(--bg-card);box-shadow:var(--d4-tile-shadow)}.pin-auth__input{border:1px solid var(--d4-btn-border);background:var(--surface-input);box-shadow:var(--d4-field-shadow)}.pin-auth__pin-cell{border:1px solid var(--d4-btn-border)}.pin-auth__pin-cell--filled{border-color:var(--accent)}.pin-auth__digit{border:1px solid var(--d4-btn-border);border-bottom:4px solid var(--d4-btn-edge);background:var(--d4-btn-face);box-shadow:var(--d4-btn-shadow);color:var(--d4-btn-text)}.pin-auth__digit:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.pin-auth .btn--primary{background:var(--d4-btn-primary-face);border:1px solid var(--d4-btn-primary-border);border-bottom:var(--d4-btn-primary-edge-width) solid var(--d4-btn-primary-edge);box-shadow:var(--d4-btn-primary-shadow);text-shadow:var(--d4-btn-primary-text-shadow)}.pin-auth .btn--secondary{background:var(--d4-btn-face);border:1px solid var(--d4-btn-border);border-bottom:3px solid var(--d4-btn-edge);color:var(--d4-btn-text);box-shadow:var(--d4-btn-shadow)}.pin-auth__terms{color:var(--pin-muted);text-align:left;align-items:flex-start;gap:.6rem;font-size:.9375rem;line-height:1.45;display:flex}.pin-auth__terms input{flex:none;width:1.15rem;height:1.15rem;margin:.1rem 0 0}.pin-auth__terms a{color:inherit;font-weight:700;text-decoration:underline}
