:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #000; color: #f5f5f7; font: 16px/1.6 -apple-system, "SF Pro Text", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
main { max-width: 720px; margin: 0 auto; padding: 48px 24px 64px; }
header { display: flex; align-items: center; gap: 12px; letter-spacing: .22em; font-size: 12px; font-weight: 600; color: #8e8e93; margin-bottom: 40px; }
header img { width: 40px; height: 40px; }
header a { color: inherit; text-decoration: none; }
h1 { font-size: 34px; line-height: 1.15; margin: 0 0 12px; font-weight: 700; letter-spacing: -.01em; }
h2 { font-size: 20px; margin: 40px 0 10px; }
h3 { font-size: 16px; margin: 24px 0 6px; }
p, li { color: #c7c7cc; }
a { color: #f5f5f7; }
.btn { display: inline-block; background: #f5f5f7; color: #000; font-weight: 600; padding: 12px 22px; border-radius: 999px; text-decoration: none; margin: 16px 0 6px; }
.btn:hover { background: #d1d1d6; }
.small { font-size: 13px; color: #8e8e93; }
.box { background: #111114; border: 1px solid #1c1c1e; border-radius: 12px; padding: 16px 20px; margin: 20px 0; }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
td, th { text-align: left; padding: 6px 8px; border-bottom: 1px solid #1c1c1e; vertical-align: top; color: #c7c7cc; }
th { color: #8e8e93; font-weight: 600; }
footer { max-width: 720px; margin: 0 auto; padding: 24px; border-top: 1px solid #1c1c1e; font-size: 13px; color: #8e8e93; display: flex; gap: 16px; flex-wrap: wrap; }
footer a { color: #8e8e93; }
code { background: #1c1c1e; padding: 1px 6px; border-radius: 6px; font-size: 90%; }