body{background:var(--white)}.gate{min-height:100dvh;padding:max(40px, env(safe-area-inset-top)) var(--gutter) max(32px, env(safe-area-inset-bottom));background:var(--gradient-light);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;display:flex}.gate__brand{flex-direction:column;align-items:center;gap:8px;display:flex}.gate__name{font-family:var(--font-head);letter-spacing:-.01em;text-transform:uppercase;color:var(--text);font-size:24px;font-weight:900}.gate__tagline{font-family:var(--font-head);letter-spacing:.24em;text-transform:uppercase;color:var(--coral);margin-top:-4px;font-size:11px;font-weight:700}.gate__prompt{flex-direction:column;align-items:center;display:flex}.gate__title{font-size:24px;font-weight:700}.gate__hint{min-height:24px;color:var(--muted);text-align:center;margin-top:6px;font-size:16px}.gate--error .gate__hint{color:#d64545;font-weight:700}.gate__dots{gap:18px;margin-top:22px;display:flex}.gate__dot{border:2px solid var(--navy);border-radius:50%;width:15px;height:15px;transition:background-color .12s,transform .12s}.gate__dot.is-filled{background:var(--navy);transform:scale(1.05)}.gate--checking .gate__dot.is-filled{animation:.8s ease-in-out infinite gate-pulse}.gate--error .gate__dots{animation:.42s gate-shake}.gate--error .gate__dot{border-color:#d64545}.gate--error .gate__dot.is-filled{background:#d64545}.gate--success .gate__dot{border-color:var(--coral);background:var(--coral)}.gate__pad{grid-template-columns:repeat(3,78px);place-items:center;gap:16px 26px;display:grid}.gate__key{border:2px solid var(--line);width:78px;height:78px;color:var(--text);background:#ffffffd9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:background-color .1s,transform .1s,box-shadow .1s;display:flex;box-shadow:0 4px #cfeedd}.gate__key:active{color:var(--white);background:linear-gradient(135deg,#3fd08e 0%,#12a05e 100%);border-color:#0000;transform:translateY(3px);box-shadow:0 1px #0f8a51}.gate__digit{font-family:var(--font-head);font-size:32px;font-weight:500;line-height:1}.gate__letters{min-height:12px;font-family:var(--font-head);letter-spacing:.14em;color:var(--muted);margin-top:3px;font-size:10px;font-weight:700}.gate__key:active .gate__letters{color:var(--white)}.gate__erase{font-family:var(--font-head);color:var(--text);background:0 0;border:0;font-size:16px;font-weight:600}.gate__erase.is-hidden{visibility:hidden}@keyframes gate-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-12px)}40%,80%{transform:translate(12px)}}@keyframes gate-pulse{50%{opacity:.45}}@media (height>=760px){.gate{justify-content:center;gap:44px}}