.logo .brand-wordmark { width: 220px; height: 64px; }
body.zion-home-mode .logo .brand-mark { width: 40px !important; height: 40px !important; }
.brand-lockup .brand-wordmark { width: min(560px, 100%); height: auto; background: transparent; }
#zionDeviceCard p { color: var(--muted, #a9b8d0); }
#zionQr, #loginQr { margin: 12px 0; }
#zionQr img, #loginQr img { width: 168px; height: 168px; background: #fff; border-radius: 12px; }
.login-screen.zion-login { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 36px 64px 42px; gap: 26px; position: relative; }
.zion-login-logo { width: 440px; max-width: 46vw; height: auto; position: relative; z-index: 1; }
.zion-login-grid { width: min(1220px, 100%); display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .78fr); gap: 28px; align-items: stretch; position: relative; z-index: 1; }
.login-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.login-head h2 { margin: 0; }
.zion-login .lang { display: inline-flex; align-items: center; gap: 10px; width: auto; color: var(--muted, #a9b8d0); font-size: 16px; }
.zion-login .lang select, #loginLang select { width: auto; min-width: 188px; height: 52px; margin: 0; color-scheme: dark; background: #091833; color: #f4f8ff; border: 1px solid rgba(46, 200, 255, .5); border-radius: 14px; padding: 0 12px; }
.zion-identity { display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; background: rgba(16, 36, 79, .92); border: 1px solid rgba(255,255,255,.1); border-radius: 28px; padding: 24px; }
.zion-identity h2 { margin-top: 0; }
.zion-identity .about-list, .zion-identity p { width: 100%; }
.zion-lights { position: absolute; inset: 0; pointer-events: none; background:
  radial-gradient(circle at 14% 20%, rgba(46, 200, 255, .9) 0 1.5px, transparent 2px),
  radial-gradient(circle at 28% 76%, rgba(244, 248, 255, .8) 0 1px, transparent 2px),
  radial-gradient(circle at 76% 18%, rgba(122, 92, 255, .9) 0 1.5px, transparent 2px),
  radial-gradient(circle at 86% 68%, rgba(46, 200, 255, .75) 0 1px, transparent 2px),
  radial-gradient(circle at 48% 10%, rgba(46, 200, 255, .16), transparent 24%),
  radial-gradient(circle at 72% 86%, rgba(122, 92, 255, .12), transparent 22%); }
#app { position: relative; }
.zion-notice { position: absolute; inset: 0; z-index: 40; display: flex; align-items: center; justify-content: center; background: rgba(4, 10, 24, .72); padding: 48px; }
.zion-notice-card { width: min(760px, 100%); background: #10244f; color: #f4f8ff; border: 1px solid rgba(46, 200, 255, .35); border-radius: 24px; padding: 28px; }
.zion-notice-card h2 { font-size: 28px; line-height: 1.25; }
.zion-notice-card a { color: #2ec8ff; }
.list-row { display: grid; gap: 8px; margin: 14px 0; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.08); }
@media (prefers-reduced-motion: reduce) {
  .zion-lights { background-position: 0 0; }
}
.zion-link-prompt { position: fixed; inset: 0; z-index: 80; display: flex; align-items: center; justify-content: center; background: rgba(4, 10, 24, .72); padding: 48px; }
.zion-link-card { width: min(760px, 100%); background: #10244f; color: #f4f8ff; border: 1px solid rgba(46, 200, 255, .35); border-radius: 24px; padding: 28px; }
.zion-link-card h2 { margin: 0 0 12px; font-size: 28px; }
.zion-link-card p { margin: 0 0 20px; line-height: 1.45; }
.zion-link-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.login-version { position: absolute; right: 36px; bottom: 18px; margin: 0; color: rgba(244, 248, 255, .62); font-size: 15px; letter-spacing: .04em; z-index: 2; }
.lists-connect-url { margin: 8px 0; word-break: break-all; }
.lists-connect-qr { width: 180px; height: 180px; background: #fff; padding: 8px; border-radius: 12px; }
.lists-connect-qr img { width: 164px; height: 164px; display: block; opacity: 1; }
.lists-connect-status { min-height: 1.3em; }