:root{--bg:#0c0c0f;--surface:#16161b;--line:#2a2a33;--text:#e9e7e2;--muted:#9b988f;--accent:#9a93f0;--accent2:#ff86d6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Nanum Gothic',-apple-system,sans-serif;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}
.wrap{max-width:820px;margin:0 auto;padding:40px 22px 110px}
.back{display:inline-block;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:22px}
.back:hover{color:var(--accent2)}
h1{font-size:26px;font-weight:800;margin:0 0 6px;background:linear-gradient(90deg,#5fc8ff,var(--accent) 50%,var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.updated{color:var(--muted);font-size:13px;margin:0 0 28px}
h2{font-size:18px;font-weight:800;color:var(--accent2);margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
h3{font-size:15px;font-weight:700;margin:18px 0 8px}
p{margin:10px 0}
ul,ol{padding-left:22px;margin:10px 0}
li{margin:5px 0}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px}
th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
th{background:var(--surface);color:var(--accent2)}
a{color:var(--accent)}
.todo{color:#ffd9f0;background:rgba(255,134,214,.12);border:1px dashed var(--accent2);padding:0 7px;border-radius:5px;font-size:13px;white-space:nowrap}
.note{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 18px;color:var(--muted);font-size:13.5px;margin:22px 0}
.foot{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}