.account{justify-self:end;display:flex;align-items:center;gap:14px;position:relative}.user-button{width:31px;height:31px;border-radius:50%;border:1px solid #ccd1ce;background:#202321;color:#fff;font:11px ui-monospace;cursor:pointer}.user-menu{position:absolute;right:0;top:42px;width:190px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px #0002;padding:8px;z-index:40}.user-menu>div{display:flex;flex-direction:column;padding:9px 10px;border-bottom:1px solid var(--line)}.user-menu strong{font-size:12px}.user-menu small{font-size:10px;color:var(--muted);margin-top:3px}.user-menu button{width:100%;border:0;background:#fff;text-align:left;padding:9px 10px;font-size:12px;cursor:pointer}.user-menu button:hover{background:var(--soft)}.login-shell{max-width:none;min-height:100vh;padding:0;display:grid;place-items:center;background:#f5f6f5}.login-panel{width:min(390px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);padding:30px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:40px}.login-brand>div{display:flex;flex-direction:column;font-size:13px}.login-brand small{font-size:10px;color:var(--muted);margin-top:2px}.login-panel h1{font-size:21px;margin:0 0 7px}.login-panel>p{font-size:12px;color:var(--muted);margin:0 0 24px}.login-panel form{display:flex;flex-direction:column;gap:15px}.login-panel label{font-size:11px;color:#5f6561;display:flex;flex-direction:column;gap:7px}.login-panel input{height:39px;border:1px solid #d1d5d2;border-radius:4px;padding:0 10px;font:13px inherit;outline:0}.login-panel input:focus{border-color:#606762}.login-panel .btn{height:39px;margin-top:5px}#login-error{min-height:16px;color:var(--red);font-size:11px}@media(max-width:850px){.account .runtime{display:none}}