*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-text: #1a1a1a;--color-text-secondary: #555;--color-bg: #fafafa;--color-link: #6b46c1;--color-link-hover: #553098;--color-border: #e0e0e0;--color-code-bg: #f5f5f5;--color-series: #6b46c1;--color-series-bg: #f3f0ff;--max-width: 720px}html{font-size:17px;-webkit-text-size-adjust:100%}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.75;word-break:keep-all;overflow-wrap:break-word}h1,h2,h3,h4{line-height:1.35;font-weight:700;letter-spacing:-.02em}h1{font-size:2rem;margin-bottom:.75rem}h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:.5rem}h3{font-size:1.25rem;margin-top:2rem;margin-bottom:.5rem}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover);text-decoration:underline}p{margin-bottom:1.25rem}ul,ol{padding-left:1.5rem;margin-bottom:1.25rem}li{margin-bottom:.25rem}blockquote{border-left:3px solid var(--color-border);padding:1rem 1.1rem;margin:1.5rem 0;color:var(--color-text-secondary);font-style:normal;background:var(--color-code-bg);border-radius:6px}blockquote p:last-child{margin-bottom:0}hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}img{max-width:100%;height:auto;border-radius:4px}code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:.875em;background:var(--color-code-bg);padding:.15em .35em;border-radius:3px}pre{background:var(--color-code-bg);padding:1.25rem;border-radius:6px;overflow-x:auto;margin-bottom:1.5rem;line-height:1.5}pre code{background:none;padding:0;border-radius:0;font-size:.85rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(16px,4vw,28px)}.site-nav{padding:2rem 0 1rem;border-bottom:1px solid var(--color-border);margin-bottom:3rem}.site-nav .container{display:flex;justify-content:space-between;align-items:baseline}.site-name{font-size:1.1rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.03em}.site-name:after{content:"";display:inline-block;width:6px;height:6px;background:var(--color-series);border-radius:1px;margin-left:2px;vertical-align:super;font-size:0}.site-name:hover{color:var(--color-text);text-decoration:none}.nav-links{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0}.nav-links a{color:var(--color-text-secondary);font-size:.9rem}.nav-links a:hover{color:var(--color-text)}.site-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.85rem}.site-footer .container{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:1rem}.footer-links a{color:var(--color-text-secondary)}.footer-links a:hover{color:var(--color-text)}.site-hero{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.site-tagline{font-size:.95rem;color:var(--color-text-secondary);margin:0;letter-spacing:-.01em}.site-tagline .by{color:var(--color-series)}.post-list{list-style:none;padding:0;margin:0}.post-item{margin-bottom:2.25rem}.post-item a{text-decoration:none;display:block}.post-title{display:block;font-size:1.2rem;font-weight:600;color:var(--color-text);line-height:1.4;margin-bottom:.25rem}.post-item a:hover .post-title{color:var(--color-link)}.post-meta{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.post-description{display:block;font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.series-badge{display:inline-block;font-size:.75rem;font-weight:600;color:var(--badge-color, var(--color-series));background:var(--badge-bg, var(--color-series-bg));padding:.1em .55em;border-radius:3px;letter-spacing:-.01em}.series-list{list-style:none;padding:0;margin:2rem 0}.series-item{margin-bottom:1rem}.series-item a{display:flex;align-items:center;gap:.75rem;text-decoration:none;padding:.75rem 1rem;border-radius:6px;transition:background .15s}.series-item a:hover{background:var(--color-series-bg);text-decoration:none}.series-count{font-size:.85rem;color:var(--color-text-secondary)}.series-header{margin-bottom:2.5rem}.series-header h1{margin-top:.75rem;margin-bottom:.25rem}.series-description{color:var(--color-text-secondary);font-size:.9rem}.series-badge-lg{font-size:1.1rem;padding:.2em .65em}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.tag{display:inline-block;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-code-bg);padding:.15em .5em;border-radius:3px}a.series-badge{text-decoration:none}a.series-badge:hover{text-decoration:none;opacity:.8}.series-badge[onclick]{cursor:pointer}.series-badge[onclick]:hover{opacity:.8}.post-header{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.post-header h1{margin-bottom:.5rem}.post-header .post-meta{margin-bottom:0}.post-content{margin-bottom:3rem;padding-top:.25rem;overflow-wrap:anywhere}.post-content>:first-child{margin-top:0}.post-content code{word-break:break-word}.post-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse}.post-content th,.post-content td{padding:.55rem .7rem;border:1px solid var(--color-border);vertical-align:top}.cross-post{font-size:.85rem;color:var(--color-text-secondary);padding:.75rem 1rem;background:var(--color-code-bg);border-radius:6px;margin-bottom:2rem}.back-link{font-size:.9rem;color:var(--color-text-secondary)}.back-link:hover{color:var(--color-text)}.about h1{margin-bottom:.25rem}.about-subtitle{color:var(--color-text-secondary);font-size:1.05rem;margin-bottom:1.5rem}.about-links{display:flex;gap:1rem;margin-bottom:2rem}@media(max-width:640px){html{font-size:16px}.site-nav{padding:1.5rem 0 .75rem;margin-bottom:2rem}h1{font-size:1.6rem}h2{font-size:1.3rem;margin-top:2rem}h3{margin-top:1.6rem}.site-footer .container{flex-direction:column;gap:.5rem;text-align:center}}