:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: radial-gradient(ellipse at 50% 0%, #1c1148 0%, #0a0418 60%, #070310 100%);
  color: #d7d0e6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.7;
  min-height: 100vh;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 56px 24px 96px; }
.brand {
  font-family: "Press Start 2P", monospace, sans-serif;
  letter-spacing: 4px;
  color: #ffd9a0;
  font-size: 22px;
  text-shadow: 0 0 18px rgba(180, 120, 255, 0.5);
}
.brand span { color: #b070ff; }
h1 { font-size: 30px; margin: 28px 0 4px; color: #f2ecff; }
.updated { color: #8a83a0; font-size: 14px; margin-bottom: 36px; }
h2 { font-size: 19px; margin: 36px 0 10px; color: #c9a8ff; }
p, li { font-size: 16px; color: #cfc7e0; }
a { color: #8ab6ff; }
strong { color: #efeaf7; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
.tldr {
  border: 1px solid rgba(176, 112, 255, 0.4);
  background: rgba(176, 112, 255, 0.08);
  border-radius: 12px;
  padding: 18px 22px;
  margin: 8px 0 32px;
}
.tldr strong { color: #d9b8ff; }
footer { margin-top: 56px; color: #6f6a82; font-size: 13px; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 20px; }
footer a { color: #8a83a0; }