:root { --bg:#fff; --ink:#000; --hint:#6e6e73; --line:#e5e5ea; }
@media (prefers-color-scheme: dark) { :root { --bg:#000; --ink:#fff; --hint:#98989d; --line:#2c2c2e; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard",sans-serif; line-height:1.7; }
main { max-width:640px; margin:0 auto; padding:48px 16px 80px; }
header { display:flex; align-items:center; gap:14px; margin-bottom:28px; }
header img { width:64px; height:64px; border-radius:15px; }
h1 { font-size:28px; margin:0; line-height:1.2; }
h2 { font-size:18px; margin:32px 0 6px; }
p, li { color:var(--ink); font-size:15px; }
.sub { color:var(--hint); margin:2px 0 0; font-size:14px; }
.hint { color:var(--hint); font-size:13px; }
a { color:var(--ink); }
nav { margin-top:40px; padding-top:16px; border-top:1px solid var(--line); font-size:14px; }
nav a { margin-right:16px; color:var(--hint); }