.current-user { text-align: right; line-height: 1.25; }
.current-user strong { display: block; font-size: 13px; }
.current-user small { display: block; color: var(--muted); font-size: 11px; margin-top: 3px; }
.account-btn { border: 1px solid var(--line); background: #fff; color: var(--ink); border-radius: 8px; padding: 7px 10px; cursor: pointer; font-size: 12px; }
.account-btn:hover { border-color: #9cbab3; color: var(--green); }
.login-screen { position: fixed; inset: 0; background: radial-gradient(circle at 68% 20%, #2c5751 0, #173738 34%, #0d2324 100%); z-index: 100; display: grid; place-items: center; }
.login-screen.hidden { display: none; }
.login-card { width: 420px; background: #fff; border-radius: 18px; padding: 34px 38px; box-shadow: 0 28px 80px rgba(0,0,0,.35); }
.login-brand { display: flex; align-items: center; gap: 12px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.login-brand strong { display: block; font-size: 15px; }
.login-brand small { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }
.login-card h2 { margin: 27px 0 7px; font-size: 24px; }
.login-card > p { margin: 0 0 22px; color: var(--muted); font-size: 13px; }
.login-card form { display: grid; gap: 16px; }
.login-card label { display: grid; gap: 7px; font-size: 13px; font-weight: 700; }
.login-submit { width: 100%; margin-top: 4px; padding: 11px; }
.login-message { min-height: 20px; color: var(--red); font-size: 12px; margin-top: 14px; text-align: center; }