.signin{border:0;padding:0;border-radius:var(--r-lg);width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 32px);background:var(--bg);color:var(--ink);overflow:auto}.signin::backdrop{background:rgb(35 27 29/.55);backdrop-filter:blur(6px)}.signin[open]{animation:profile-in .45s var(--ease-out)}.signin[open]::backdrop{animation:fade-in .3s ease}.signin__in{position:relative;display:grid;gap:var(--s-6);padding:var(--s-7)}.signin__close{position:absolute;top:var(--s-4);right:var(--s-4);display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--r-btn);background:transparent;color:var(--muted);cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.signin__close:hover{background:color-mix(in oklab,var(--ink) 8%,var(--bg));color:var(--ink)}.signin__head{display:grid;justify-items:start;gap:var(--s-2)}.signin__head .mark--initial{width:44px;height:44px;font-size:22px;border-radius:var(--r-md);margin-bottom:var(--s-2)}.signin__head h2{font-size:var(--t-h3);line-height:1.15}.signin__head p{color:var(--muted);font-size:var(--t-small)}.signin .signin__form{grid-template-columns:minmax(0,1fr)}.signin .field>label{font:inherit}.signin .field input::placeholder{color:color-mix(in oklab,var(--muted) 70%,transparent)}.signin__pw{position:relative;display:block}.signin .signin__pw input{padding-right:48px}.signin__eye{position:absolute;top:0;right:0;display:grid;place-items:center;width:44px;height:100%;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:var(--r-sm)}.signin__eye:hover{color:var(--ink)}.signin__err{padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:#fbeceb;color:#8f1d1d;font-size:var(--t-small);font-weight:500}.signin .signin__submit{width:100%;margin-top:var(--s-1)}.signin .signin__submit:disabled{opacity:.72;cursor:progress}.signin__help{color:var(--muted);font-size:var(--t-small);text-align:center}.signin__locked{display:grid;justify-items:center;gap:var(--s-3);padding:var(--s-5);text-align:center;border-radius:var(--r-md);background:#fbeceb;color:#8f1d1d}.signin__locked p{font-size:var(--t-small);color:var(--ink)}.signin__locked .btn{width:100%;margin-top:var(--s-2)}@media (max-width:639px){.signin__in{padding:var(--s-6) var(--s-5) var(--s-5);gap:var(--s-5)}}@media (prefers-reduced-motion:reduce){.signin[open],.signin[open]::backdrop{animation:none}}