:root { --bg:#0d1020; --panel:#161a2e; --ink:#eef0ff; --muted:#aab0cf; --line:#2a3050; --gold:#d8b25a; --accent:#8aa0ff; }
@media (prefers-color-scheme: light){ :root{ --bg:#f6f7fb; --panel:#ffffff; --ink:#1a1d2e; --muted:#555b78; --line:#e2e5f0; } }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif; }
main{ max-width:760px; margin:0 auto; padding:32px 20px 80px; }
.brand{ display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.02em; margin-bottom:24px; }
.mark{ display:inline-grid; place-items:center; width:34px; height:34px; border:1.5px solid var(--gold); color:var(--gold); border-radius:7px; font-size:18px; }
.eyebrow{ color:var(--accent); font-size:12px; letter-spacing:.14em; text-transform:uppercase; margin:0 0 6px; }
h1{ font-size:28px; margin:0 0 6px; }
h2{ font-size:19px; margin:34px 0 10px; padding-top:14px; border-top:1px solid var(--line); }
h3{ font-size:16px; margin:18px 0 6px; }
p,li{ color:var(--ink); }
.muted{ color:var(--muted); }
.meta{ color:var(--muted); font-size:14px; margin:0 0 4px; }
table{ width:100%; border-collapse:collapse; margin:12px 0; font-size:14.5px; }
th,td{ text-align:left; vertical-align:top; padding:9px 10px; border:1px solid var(--line); }
th{ background:rgba(138,160,255,.08); }
.review{ display:block; background:rgba(216,178,90,.12); border:1px solid var(--gold); border-radius:8px; padding:12px 14px; margin:16px 0; font-size:14.5px; }
.translation-note{ display:block; background:rgba(216,178,90,.12); border:1px solid var(--gold); border-radius:8px; padding:12px 14px; margin:0 0 20px; font-size:14.5px; }
.review b{ color:var(--gold); }
a{ color:var(--accent); }
code{ background:rgba(138,160,255,.12); padding:1px 5px; border-radius:4px; font-size:14px; }
footer{ margin-top:40px; padding-top:16px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }