.signin{z-index:1;grid-template-rows:auto 1fr auto;min-height:100vh;padding:28px 48px;display:grid;position:relative;overflow:hidden}.signin-head{z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.signin-card{z-index:1;flex-direction:column;align-self:center;gap:28px;width:100%;max-width:420px;margin:0 auto;padding:32px 0;display:flex;position:relative}.signin-foot{z-index:1;flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex;position:relative}.signin .orbit{pointer-events:none;z-index:0;width:640px;height:640px;position:absolute;top:50%;right:-180px;transform:translateY(-50%)}.signin .code-input{font:500 28px/1 var(--code);letter-spacing:.5em;text-align:center;min-height:64px}@container app (width<=760px){.signin{padding:20px 16px}.signin .orbit{display:none}}.signin .project-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.signin .project-pick{border:1px solid var(--line2);border-radius:var(--r);background:var(--surface);width:100%;min-height:64px;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:14px;padding:12px 16px;display:flex}.signin .project-pick:hover:not(:disabled){border-color:var(--text)}.signin .project-pick:disabled{cursor:not-allowed;opacity:.6}.signin .project-name{flex:auto;font-weight:600}.signin .project-current{align-items:center;gap:6px;display:inline-flex}