:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #0a0910; color: #f6f3ff; font: 15px/1.7 system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 80px; }
a { color: #ff7ab0; }
h1 { font-size: 26px; letter-spacing: -.03em; margin: 8px 0 4px; }
h2 { font-size: 17px; margin: 28px 0 8px; }
p, li { color: #d9d4ee; }
.muted { color: #9a93b5; font-size: 13px; }
.back { display: inline-block; font-size: 14px; text-decoration: none; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.08); color: #f6f3ff; }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
td, th { border-bottom: 1px solid rgba(255,255,255,.1); padding: 8px 6px; text-align: left; vertical-align: top; }
th { color: #9a93b5; font-weight: 600; }
.fill { background: rgba(255, 211, 107, .18); color: #ffd36b; padding: 0 4px; border-radius: 4px; }
.lang { display: flex; gap: 8px; margin: 14px 0 0; flex-wrap: wrap; }
.lang a { font-size: 13px; text-decoration: none; padding: 5px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.15); color: #d9d4ee; }
hr { border: 0; border-top: 1px solid rgba(255,255,255,.12); margin: 48px 0 8px; }