:root{--bg:#0b0a09;--panel:#14120f;--panel-2:#1b1815;--sunken:#080706;--line:#2c2721;--line-2:#3d362d;--line-hi:#4a4034;--ink:#cfc7b8;--ink-2:#a29a8c;--muted:#7d7568;--faint:#5c554b;--accent:#af6025;--accent-hi:#d07c3a;--accent-soft:#af602524;--r-normal:#c8c8c8;--r-magic:#88f;--r-rare:#ff7;--r-unique:#af6025;--r-gem:#1ba29b;--r-currency:#aa9e82;--r-divination:#14b7ff;--r-corrupt:#d20000;--rb-normal:#4a4a4a;--rb-magic:#3a3a72;--rb-rare:#5c5c2e;--rb-unique:#5c3a19;--st-ok:#88f;--st-warn:#ff7;--st-info:#1ba29b;--st-bad:#e0563f;--st-mute:#7d7568;--f-display:"Iowan Old Style",Georgia,Palatino,"Times New Roman",serif;--f-body:"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR", -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--f-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--t-xs:11px;--t-sm:12.5px;--t-md:14px;--t-base:15px;--t-lg:17px;--t-xl:20px;--t-2xl:26px;--t-3xl:34px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-sm:2px;--r-md:4px;--r-lg:6px;--wrap:1120px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:dark}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--f-body);font-size:var(--t-base);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.65;display:flex}.mono{font-family:var(--f-mono)}.lbl{font-size:var(--t-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-weight:700}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:20px}a{color:var(--accent-hi);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{text-wrap:balance;letter-spacing:-.015em;color:var(--ink);margin:0;line-height:1.3}h1{font-size:var(--t-2xl);font-weight:660}h2{font-size:var(--t-xl);font-weight:650}h3{font-size:var(--t-lg);font-weight:650}code{font-family:var(--f-mono);color:var(--ink-2);background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:1px 5px;font-size:.88em}.site-head{z-index:20;background:var(--panel-2);border-bottom:1px solid var(--line-2);position:sticky;top:0}.site-head .wrap{align-items:center;gap:22px;height:52px;display:flex}.brand{color:var(--ink);font-weight:680;font-size:var(--t-base);align-items:center;gap:8px;display:flex}.brand:hover{color:var(--ink);text-decoration:none}.brand .mk{background:var(--accent);flex:none;width:7px;height:7px;transform:rotate(45deg)}.tabs{align-items:stretch;gap:4px;height:100%;margin-left:auto;display:flex}.tabs a{color:var(--muted);font-weight:550;font-size:var(--t-md);white-space:nowrap;align-items:center;padding:0 14px;display:flex;position:relative}.tabs a:hover{color:var(--ink-2);background:#ffffff08;text-decoration:none}.tabs a[aria-current=page]{color:var(--ink)}.tabs a[aria-current=page]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.lede{padding-block:var(--sp-6) var(--sp-4);max-width:64ch}.lede p{color:var(--muted);margin:10px 0 0;line-height:1.75}.guide{max-width:74ch;padding-block:var(--sp-6)}.guide h2{margin:var(--sp-7) 0 var(--sp-3);font-size:var(--t-xl)}.guide h2:first-child{margin-top:0}.guide-note{color:var(--muted);margin:0 0 var(--sp-4);line-height:1.75}.steps{counter-reset:s;gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;padding-left:38px;position:relative}.steps li:before{content:counter(s);width:24px;height:24px;font-size:var(--t-sm);font-variant-numeric:tabular-nums;color:var(--accent-hi);border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--panel);place-content:center;font-weight:700;display:grid;position:absolute;top:1px;left:0}.steps h3{font-size:var(--t-base);margin:0 0 4px}.steps p{color:var(--muted);margin:0;line-height:1.75}.ba{gap:var(--sp-3);margin:var(--sp-4) 0;grid-template-columns:1fr 1fr;display:grid}.ba-col{flex-direction:column;gap:6px;min-width:0;display:flex}.ba pre{background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-md);font-family:var(--f-mono);color:var(--ink-2);margin:0;padding:12px 14px;font-size:11.5px;line-height:1.65;overflow-x:auto}.colors,.faq{margin:0}.colors dt,.faq dt{color:var(--ink);margin-top:var(--sp-4);align-items:center;gap:8px;font-weight:620;display:flex}.colors dt i{border-radius:1px;flex:none;width:10px;height:2px;display:block}.colors dd,.faq dd{color:var(--muted);margin:4px 0 0;line-height:1.75}.colors dt:first-child,.faq dt:first-child{margin-top:0}@media (width<=720px){.ba{grid-template-columns:1fr}.tabs a{font-size:var(--t-sm);padding:0 10px}}main{flex:1;width:100%}.site-foot{border-top:1px solid var(--line);background:var(--panel-2);margin-top:var(--sp-7);padding-block:var(--sp-5);font-size:var(--t-sm);color:var(--faint)}.site-foot .wrap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.site-foot nav{gap:16px;margin-left:auto;display:flex}.site-foot a{color:var(--muted)}.prose{max-width:66ch;padding-block:var(--sp-6)}.prose p,.prose ul,.prose ol{margin:0 0 var(--sp-4);color:var(--ink-2)}.prose h1{margin-bottom:var(--sp-4)}.prose h2{margin:var(--sp-6) 0 var(--sp-3)}.prose h3{margin:var(--sp-5) 0 var(--sp-2)}.prose li{color:var(--ink-2);margin-bottom:6px}.prose strong{color:var(--ink);font-weight:640}.prose em{color:var(--ink-2)}.prose>p:first-of-type{font-size:var(--t-lg);color:var(--ink-2);line-height:1.7}.prose pre{margin:0 0 var(--sp-4);background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-md);padding:14px 16px;font-size:12.5px;line-height:1.7;overflow-x:auto}.prose pre code{font-size:inherit;color:var(--ink-2);white-space:pre;background:0 0;border:0;padding:0;display:block}.prose :not(pre)>code{font-family:var(--f-mono);color:var(--accent-hi);background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:1px 5px;font-size:.88em}.prose a{text-underline-offset:2px;text-decoration:underline;text-decoration-color:var(--line-hi)}.prose a:hover{text-decoration-color:var(--accent)}.prose blockquote{margin:0 0 var(--sp-4);padding:2px 0 2px var(--sp-4);border-left:2px solid var(--line-2);color:var(--muted)}.prose hr{border:0;border-top:1px solid var(--line);margin:var(--sp-6) 0}.prose table{border-collapse:collapse;width:100%;margin:0 0 var(--sp-4);font-size:var(--t-md)}.prose th,.prose td{border:1px solid var(--line-2);text-align:left;padding:7px 11px}.prose th{background:var(--panel-2);color:var(--ink);font-weight:620}.prose td{color:var(--ink-2)}.ad{margin:var(--sp-6) auto;text-align:center}