/* Shared by every page: the footer's links, a download that isn't out yet, and dark mode. */
footer .legal{margin-top:10px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
footer .legal a{color:inherit}
.btn[aria-disabled="true"]{opacity:.5;pointer-events:none}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--ink:#F2F2F5;--sub:#A1A1AA}
  :root:not([data-theme="light"]) body{background:linear-gradient(135deg,#17151A 0%,#1A1620 50%,#121722 100%)}
  /* The app pictures and cards stay light, as the app looks: dark text inside them. */
  :root:not([data-theme="light"]) :is(.mac,.mk,.card,.chip,.pt,.pill,.pts,.btn.alt,.cp,.stage,.tile,.screen){--ink:#1D1D1F;--sub:#6E6E73;color:var(--ink)}
  :root:not([data-theme="light"]) .pt{background:rgba(255,255,255,.92)}
  :root:not([data-theme="light"]) .btn:not(.alt){color:#1D1D1F}
  :root:not([data-theme="light"]) .nl a.tx:hover{background:rgba(255,255,255,.08)}
  :root:not([data-theme="light"]) .nl a.tx.on{background:rgba(255,255,255,.12)}
  :root:not([data-theme="light"]) .blob{opacity:.18}
  /* Dark marks that sit on the page itself turn light. */
  :root:not([data-theme="light"]) .pill.on{background:#F2F2F5;color:#1D1D1F}
  :root:not([data-theme="light"]) .now,:root:not([data-theme="light"]) .now span{background:#F2F2F5;color:#1D1D1F}
}