:root { color-scheme: dark; --bg:#0d0a1f; --card:#1a1438; --line:#2e2656; --text:#f5f2ff; --muted:#a9a2cc; --yellow:#ffd43b; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.7 'Manrope', system-ui, sans-serif; }
.wrap { max-width:760px; margin:0 auto; padding-block:32px 60px; padding-left:max(16px, env(safe-area-inset-left,0px)); padding-right:max(16px, env(safe-area-inset-right,0px)); }
h1,h2 { font-family:'Unbounded','Arial Black',sans-serif; line-height:1.2; } h1 { font-size:30px; } h2 { font-size:18px; margin-top:32px; }
a { color:var(--yellow); } .muted { color:var(--muted); font-size:14px; }
.top { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); font:700 15px 'Unbounded',sans-serif; margin-bottom:24px; }
.box { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px 18px; }
table { width:100%; border-collapse:collapse; font-size:14px; } td,th { border-bottom:1px solid var(--line); padding:8px; text-align:left; vertical-align:top; }
.tw { overflow-x:auto; }