@media (min-width:769px){
  body.desktop-ui #authOverlay,
  body.desktop-ui #profileEditorOverlay,
  body.desktop-ui #deleteAccountOverlay{
    background:rgba(16,32,63,.42);
    backdrop-filter:blur(16px) saturate(115%);
  }
  body.desktop-ui #authOverlay .auth-card,
  body.desktop-ui #profileEditorOverlay .auth-card,
  body.desktop-ui #deleteAccountOverlay .auth-card{
    width:min(760px,calc(100vw - 64px));
    max-height:min(720px,calc(100dvh - 64px));
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    column-gap:34px;
    padding:36px;
    overflow:auto;
    border:1px solid #d7e3f7;
    border-radius:24px;
    background:#fff;
    color:#10203f;
    font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    box-shadow:0 28px 90px rgba(16,32,63,.24),0 4px 16px rgba(16,32,63,.1);
    animation:desktopAuthIn 220ms cubic-bezier(.2,.8,.2,1) both;
  }
  body.desktop-ui #authOverlay .auth-card>*:not(.desktop-auth-brand),
  body.desktop-ui #profileEditorOverlay .auth-card>*:not(.desktop-auth-brand),
  body.desktop-ui #deleteAccountOverlay .auth-card>*:not(.desktop-auth-brand){grid-column:2}
  body.desktop-ui .desktop-auth-brand{
    grid-column:1!important;grid-row:1 / span 20;align-self:stretch;
    display:flex;flex-direction:column;justify-content:center;gap:16px;
    margin:-36px 0 -36px -36px;padding:34px 24px;
    border-right:1px solid #d9e5f7;border-radius:24px 0 0 24px;
    background:linear-gradient(160deg,#eaf2ff 0%,#f7f9fe 55%,#fff 100%);
  }
  body.desktop-ui .desktop-auth-brand img{width:58px;height:58px;object-fit:contain;border-radius:16px;box-shadow:0 10px 22px rgba(0,102,255,.16)}
  body.desktop-ui .desktop-auth-brand b{font:800 24px/1.25 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.04em;color:#10203f}
  body.desktop-ui .desktop-auth-brand span{color:#4c6380;font-size:12px;line-height:1.75}
  body.desktop-ui .desktop-auth-brand small{margin-top:6px;color:#0066ff;font:700 9px/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em}
  body.desktop-ui #authOverlay .auth-kicker,
  body.desktop-ui #profileEditorOverlay .auth-kicker,
  body.desktop-ui #deleteAccountOverlay .auth-kicker{color:#0066ff;letter-spacing:.16em}
  body.desktop-ui #authOverlay .auth-card h2,
  body.desktop-ui #profileEditorOverlay .auth-card h2,
  body.desktop-ui #deleteAccountOverlay .auth-card h2{margin:2px 34px 8px 0;color:#10203f;font:800 30px/1.25 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.03em}
  body.desktop-ui #authOverlay .auth-card>p,
  body.desktop-ui #profileEditorOverlay .auth-card>p,
  body.desktop-ui #deleteAccountOverlay .auth-card>p{color:#587681;line-height:1.75}
  body.desktop-ui .auth-tabs{margin-top:20px;padding:4px;background:#f0f5ff;border:1px solid #d7e3f7}
  body.desktop-ui .auth-tabs button{min-height:40px;color:#537783}
  body.desktop-ui .auth-tabs button.active{background:#fff;color:#0066ff;box-shadow:0 2px 9px rgba(0,102,255,.13)}
  body.desktop-ui .auth-card input{border-color:#cbd9ee;background:#fff;color:#10203f;border-radius:11px;letter-spacing:.02em}
  body.desktop-ui .auth-card input:focus{border-color:#0066ff;box-shadow:0 0 0 3px rgba(0,102,255,.14)}
  body.desktop-ui .auth-card form button[type=submit]{background:#0066ff;box-shadow:0 8px 18px rgba(0,102,255,.18)}
  body.desktop-ui .auth-card form button[type=submit]:hover{background:#0057d9}
  body.desktop-ui .auth-card form .auth-forgot,
  body.desktop-ui .auth-card form .auth-back-login{min-height:36px;border:1px solid #cbd9ee;background:#fff;color:#0066ff;font-weight:700;box-shadow:none}
  body.desktop-ui .auth-card form .auth-forgot:hover,
  body.desktop-ui .auth-card form .auth-back-login:hover{background:#f1f6ff;border-color:#9dbbe9}
  body.desktop-ui .auth-card form button:focus-visible,
  body.desktop-ui .auth-card>button:focus-visible,
  body.desktop-ui .auth-card input:focus-visible{outline:3px solid rgba(22,133,164,.25);outline-offset:2px}
  body.desktop-ui .auth-close{color:#557581;background:#f2f8fa}
  body.desktop-ui .auth-close:hover{background:#e8f0ff;color:#0066ff}
  body.desktop-ui .desktop-password-field{position:relative;display:flex;align-items:center}
  body.desktop-ui .desktop-password-field input{padding-right:58px}
  body.desktop-ui .desktop-password-toggle{position:absolute;right:7px;min-width:44px;height:32px;padding:0 7px;border:0;border-radius:8px;background:transparent;color:#35628e;font-size:11px;font-weight:700}
  body.desktop-ui .desktop-password-toggle:hover{background:#eef4ff;color:#0066ff}
  body.desktop-ui .desktop-password-toggle[aria-pressed=true]{color:#0066ff;background:#e8f0ff}
  body.desktop-ui .desktop-auth-error{min-height:20px;color:#b13f48;font-size:12px;line-height:1.5}
  body.desktop-ui #accountEntry .account-login-btn,
  body.desktop-ui #accountEntry .account-user-btn{border-color:#a9c7ed;background:#f1f6ff;color:#0057d9;min-height:38px}
  body.desktop-ui #accountEntry .account-login-btn:hover,
  body.desktop-ui #accountEntry .account-user-btn:hover{background:#e4efff;border-color:#77a5e8}
  body.desktop-ui #authNudge{border-color:#b8dbe5;background:#fff;box-shadow:0 16px 45px rgba(14,64,88,.2)}
  body.desktop-ui #authNudge button:not(:last-child){background:#0066ff;color:#fff}
  body.desktop-ui #authNudge button:last-child{color:#527583}
  @keyframes desktopAuthIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
}
@media (min-width:769px) and (prefers-reduced-motion:reduce){body.desktop-ui #authOverlay .auth-card,body.desktop-ui #profileEditorOverlay .auth-card,body.desktop-ui #deleteAccountOverlay .auth-card{animation:none}}