:root{--bg:#F3EEFF;--ink:#1D1638;--muted:#6E6890;--card:#fff;--line:#E3DCF5;--violet:#7B5CFF}
@media (prefers-color-scheme:dark){:root{--bg:#110D20;--ink:#F1ECFF;--muted:#A69FC6;--card:#1C1733;--line:#2E2750;--violet:#A78BFF}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.75;word-break:keep-all;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}
main{max-width:640px;margin:0 auto;padding:28px 18px 60px}
a{color:var(--violet)}
.back{display:inline-block;margin-bottom:18px;font-weight:700;text-decoration:none}
h1{font-size:1.6rem;margin:0 0 6px}
h2{font-size:1.08rem;margin:28px 0 8px}
p,li{font-size:.95rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-top:18px}
.muted{color:var(--muted);font-size:.85rem}