.lab-login{--login-paper:#f4f6f7;--login-card:#fff;--login-ink:#202729;--login-muted:#596469;--login-line:#7c8991;--login-blue:#1267bd;--login-button-ink:#fff;--login-error:#8e3026;min-height:100dvh;display:grid;place-items:center;padding:32px 16px;background:var(--login-paper);color:var(--login-ink);font:14px/1.5 Aileron,sans-serif;color-scheme:light;overflow-wrap:anywhere}.dark .lab-login{--login-paper:#171d21;--login-card:#1e262b;--login-ink:#e8edef;--login-muted:#a9b7bf;--login-line:#71838f;--login-blue:#8bbfff;--login-button-ink:#171d21;--login-error:#ffc1b6;color-scheme:dark}.lab-login,.lab-login *{box-sizing:border-box}.lab-login-card{width:min(100%,420px);min-width:0;padding:clamp(20px,5vw,36px);border:1px solid color-mix(in srgb,var(--login-line) 35%,transparent);border-radius:12px;background:var(--login-card)}.lab-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-weight:600}.lab-login-brand img{width:30px;height:34px}.lab-login-brand small{display:block;color:var(--login-muted);font-size:10px;letter-spacing:.1em;margin-top:2px}.lab-login h1{margin:0 0 8px;font:600 26px/1.2 Aileron,sans-serif;letter-spacing:-.025em}.lab-login p{margin:0 0 20px}.lab-login form{display:grid;gap:16px;margin:28px 0 20px}.lab-login label{display:grid;gap:8px;font-weight:600}.lab-login input{width:100%;min-width:0;min-height:48px;border:1px solid var(--login-line);border-radius:6px;padding:10px 12px;font-size:16px;font-family:inherit;font-weight:400;color:var(--login-ink);background:var(--login-card)}.lab-login input::placeholder{color:var(--login-muted);opacity:1}.lab-login button{width:100%;min-height:48px;padding:10px 16px;border:1px solid transparent;border-radius:6px;background:var(--login-blue);color:var(--login-button-ink);font:600 14px/1.5 Aileron,sans-serif;cursor:pointer}.lab-login button:disabled{opacity:.6;cursor:not-allowed}.lab-login a{color:var(--login-blue);text-decoration:underline;text-underline-offset:3px}.lab-login :is(a,button,input):focus-visible{outline:2px solid var(--login-blue);outline-offset:4px}.lab-login :is(a,button,input){touch-action:manipulation}.lab-login .lab-login-note{color:var(--login-muted);font-size:12px;line-height:1.6}.lab-login [role=alert]{color:var(--login-error);border-left:2px solid;padding-left:12px}.lab-login [role=status]{margin:24px 0}.lab-login-card>:last-child{margin-bottom:0}