/* Access is a single focused task, with the same identity as the workspace. */
html:has(.auth-body) { background:#111215; color-scheme:dark; }
body.auth-body { --ink:#efefec; --ink-soft:#c4c6cb; --ink-muted:#a1a5ac; --surface:#1c1e22; --line:#34363c; --line-strong:#4b4e57; --brand:#dfe590; --brand-dark:#eaf0a4; --brand-soft:#303328; background:#111215; background-image:none; color:#efefec; color-scheme:dark; }
.auth-body .auth-shell { display:flex; flex-direction:column; align-items:stretch; justify-content:center; width:min(368px,calc(100% - 48px)); min-height:100vh; min-height:100dvh; padding:48px 0; gap:38px; margin:0 auto; }
.auth-identity .tars-brand { gap:14px; }.auth-identity .tars-brand-symbol { width:40px; height:40px; }.auth-identity .tars-brand-word { width:117.5px; height:31.25px; }
.auth-body .auth-panel { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.auth-body .auth-panel-header { margin-bottom:28px; }.auth-body .auth-panel-header h1 { margin:0; color:#efefec; font-size:28px; font-weight:520; line-height:1.25; letter-spacing:-.045em; }
.auth-body .auth-form { display:grid; gap:21px; }
.auth-body .field { display:grid; gap:9px; }.auth-body .field label { color:#c4c6cb; font-size:12px; font-weight:550; }
.auth-body .field input { min-height:48px; padding:12px 14px; border:1px solid #3c3f47; border-radius:9px; background:#1c1e22; color:#efefec; font-size:15px; line-height:1.5; }
.auth-body .field input:hover { border-color:#5b5f69; }.auth-body .field input:focus { border-color:#9da272; outline:2px solid #dfe59033; outline-offset:2px; box-shadow:none; }
.auth-body .field input[aria-invalid="true"] { border-color:#b66d66; }
.auth-body .field input:-webkit-autofill { -webkit-text-fill-color:#efefec; -webkit-box-shadow:0 0 0 1000px #24262c inset; caret-color:#efefec; }
.auth-body .auth-field-help { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.auth-body .remember-control { min-height:40px; display:flex; align-items:center; gap:10px; color:#a1a5ac; font-size:11px; line-height:1.6; cursor:pointer; }
.auth-body .remember-control input { width:17px; height:17px; flex-shrink:0; margin:0; accent-color:#dfe590; }
.auth-body .auth-form .primary-button { min-height:48px; border:1px solid #dfe590; border-radius:9px; background:#dfe590; color:#20221a; font-size:13px; font-weight:650; }
.auth-body .auth-form .primary-button:hover { background:#eaf0a4; border-color:#eaf0a4; }
.auth-body .form-error { display:grid; gap:5px; margin:0 0 25px; padding:13px 15px; border:1px solid #674441; border-radius:9px; background:#302324; }
.auth-body .form-error strong { color:#f3bbb5; font-size:12px; font-weight:600; }.auth-body .form-error span { color:#e2aaa4; font-size:12px; line-height:1.65; }
.auth-body :focus-visible { outline:2px solid #dfe590; outline-offset:4px; }
@media(max-width:600px) { .auth-body .auth-shell { width:calc(100% - 40px); max-width:368px; padding:calc(36px + env(safe-area-inset-top)) 0 calc(36px + env(safe-area-inset-bottom)); gap:34px; }.auth-body .field input { font-size:16px; }.auth-body .auth-panel-header h1 { font-size:27px; }.auth-body .remember-control { min-height:44px; } }
@media(max-height:600px) { .auth-body .auth-shell { justify-content:flex-start; gap:28px; padding-block:28px; } }