:root {
  color-scheme: light dark;
  --fundo: #ffffff;
  --texto: #1c1c1e;
  --sutil: #6e6e73;
  --link: #0060df;
}
@media (prefers-color-scheme: dark) {
  :root { --fundo: #1c1c1e; --texto: #f2f2f7; --sutil: #a1a1a6; --link: #4da3ff; }
}
body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
}
main { max-width: 680px; margin: 0 auto; padding: 48px 16px 64px; }
h1 { font-size: 32px; margin: 8px 0 4px; }
h2 { font-size: 20px; margin-top: 32px; }
a { color: var(--link); }
.sutil { color: var(--sutil); font-size: 15px; }
hr { border: 0; border-top: 1px solid rgba(128, 128, 128, .3); margin: 48px 0; }
.apps { list-style: none; padding: 0; }
.apps li { display: flex; gap: 14px; align-items: center; margin: 12px 0; }
.apps img { border-radius: 11px; display: block; }