:root{color-scheme:light dark;--bg: #ffffff;--fg: #191a1e;--muted: #66707d;--line: #e7e9ee;--card: #f6f8fb;--accent: #0b62d6;--accent-fg: #ffffff;--accent-soft: #e8f0fd}@media(prefers-color-scheme:dark){:root{--bg: #101114;--fg: #e9eaee;--muted: #9aa2ae;--line: #26292f;--card: #17191e;--accent: #5b96f0;--accent-fg: #0d1117;--accent-soft: #17253c}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.75;font-size:1rem;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{max-width:100%;height:auto;border-radius:10px}h1,h2,h3,h4{line-height:1.3;letter-spacing:-.015em;text-wrap:balance}code{background:var(--card);padding:.15em .4em;border-radius:5px;font-size:.9em}pre{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1em;overflow-x:auto}pre code{background:none;padding:0}blockquote{margin:1.5em 0;padding:.2em 1.2em;border-left:3px solid var(--accent);color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}table{border-collapse:collapse;display:block;overflow-x:auto}th,td{border:1px solid var(--line);padding:.5em .9em}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{max-width:72rem;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem}.logo{font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--fg)}.logo span{color:var(--accent)}.logo:hover{text-decoration:none}.site-header nav{display:flex;flex-wrap:wrap;gap:.2rem 1.15rem;align-items:center}.site-header nav a{color:var(--fg);font-size:.95rem;font-weight:500}.site-header nav a:hover{color:var(--accent);text-decoration:none}.site-header nav a:not(.cta){padding-bottom:.15rem;border-bottom:2px solid transparent;transition:border-color .12s cubic-bezier(.23,1,.32,1)}.site-header nav a:not(.cta):hover{border-bottom-color:var(--line)}.site-header nav a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.site-header nav a.cta{background:var(--accent);color:var(--accent-fg);padding:.4em 1em;border-radius:999px;font-weight:700}.site-header nav a.cta:hover{filter:brightness(1.08)}.cta-top,.tag-nav{display:none}@media(max-width:46rem){.header-inner{flex-wrap:nowrap;gap:1rem;padding:.6rem 1rem}.site-header nav{display:none}.logo{flex:none;font-size:1.05rem}.cta-top{display:inline-flex;align-items:center;min-height:2.25rem;margin-left:auto;padding:0 1.05rem;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-size:.875rem;font-weight:700;line-height:1;white-space:nowrap;transition:transform .12s cubic-bezier(.23,1,.32,1)}.cta-top:hover{text-decoration:none;filter:brightness(1.08)}.cta-top:active{transform:scale(.97)}.tag-nav{display:flex;flex-wrap:wrap;gap:.4rem;padding:.7rem 1rem .85rem;background:var(--bg);border-bottom:1px solid var(--line)}.tag-nav a{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 .95rem;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--fg);font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap;transition:transform .12s cubic-bezier(.23,1,.32,1),border-color .12s cubic-bezier(.23,1,.32,1)}.tag-nav a:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}.tag-nav a:active{transform:scale(.97)}.tag-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600;border-color:color-mix(in srgb,var(--accent) 32%,transparent)}}@media(prefers-reduced-motion:reduce){.site-header nav a,.cta-top,.tag-nav a{transition:none}.cta-top:active,.tag-nav a:active{transform:none}}main{max-width:72rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}.narrow,article{max-width:44rem;margin-inline:auto}article h1{font-size:2rem;margin:.2em 0 .4em}.meta{color:var(--muted);font-size:.9rem}.meta a{color:var(--muted)}.btn{display:inline-block;padding:.65em 1.5em;border-radius:999px;font-weight:700;border:1.5px solid var(--accent)}.btn:hover{text-decoration:none;filter:brightness(1.06)}.btn.primary{background:var(--accent);color:var(--accent-fg)}.btn.ghost{color:var(--accent)}.grid{display:grid;gap:1.25rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.5rem;color:inherit;display:block}a.card:hover{text-decoration:none;border-color:var(--accent)}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.footer-inner{max-width:72rem;margin:0 auto;padding:2rem 1.5rem .5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer-inner p{margin:.4em 0 0}.footer-inner nav{display:flex;gap:1.1rem;flex-wrap:wrap;align-items:start}.footer-inner nav a{color:var(--muted)}.copyright{max-width:72rem;margin:0 auto;padding:.5rem 1.5rem 1.5rem}