:root { color-scheme: dark; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #16171d; color: #f0f0f4; line-height: 1.7; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main, footer { width: min(800px, 100% - 40px); margin: auto; }
header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 24px; }
.brand { font-size: 26px; font-weight: 750; color: #f0f0f4; text-decoration: none; }
.brand span { color: #b4a0f4; }
main { padding-block: 24px 64px; }
h1 { font-size: clamp(28px, 5vw, 40px); line-height: 1.2; letter-spacing: -1px; }
h2 { font-size: 21px; margin-top: 32px; }
p, li, td { color: #bfc0cc; }
a { color: #c4b2ff; text-underline-offset: 4px; }
a:focus-visible { outline: 2px solid #c4b2ff; outline-offset: 5px; border-radius: 3px; }
nav, footer { display: flex; flex-wrap: wrap; gap: 12px 24px; }
nav a, footer a, header > a { display: inline-flex; align-items: center; min-height: 44px; }
footer { padding-block: 24px 40px; border-top: 1px solid #303139; }
.notice { padding: 20px; border-radius: 16px; background: #292632; }
table { border-collapse: collapse; width: 100%; margin-block: 24px; font-variant-numeric: tabular-nums; }
th, td { text-align: left; padding: 12px 8px; border-bottom: 1px solid #303139; }
th { font-size: 14px; }
section[lang=en] { margin-top: 56px; padding-top: 24px; border-top: 1px solid #303139; }
@media (max-width: 400px) { header, main, footer { width: calc(100% - 28px); } th, td { padding: 10px 4px; font-size: 13px; } }