.highlight{margin-bottom:16px}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:rgba(167,23,23,0.08)}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#9B2335;background-color:rgba(155,35,53,0.06)}.highlight .gd .x{color:#9B2335;background-color:rgba(155,35,53,0.1)}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#586250;background-color:rgba(88,98,80,0.08)}.highlight .gi .x{color:#586250;background-color:rgba(88,98,80,0.12)}.highlight .go{color:#888}.highlight .gp{color:#677983}.highlight .gs{font-weight:bold}.highlight .gu{color:#9EAFB5}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#48929B}.highlight .s{color:#B9785E}.highlight .na{color:#73806B}.highlight .nb{color:#48929B}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:#73806B}.highlight .ni{color:#6F6270}.highlight .ne{color:#9B2335;font-weight:bold}.highlight .nf{color:#677983;font-weight:bold}.highlight .nn{color:#6B6560}.highlight .nt{color:#677983}.highlight .nv{color:#73806B}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#48929B}.highlight .mh{color:#48929B}.highlight .mi{color:#48929B}.highlight .mo{color:#48929B}.highlight .sb{color:#B9785E}.highlight .sc{color:#B9785E}.highlight .sd{color:#B9785E}.highlight .s2{color:#B9785E}.highlight .se{color:#B9785E}.highlight .sh{color:#B9785E}.highlight .si{color:#B9785E}.highlight .sx{color:#B9785E}.highlight .sr{color:#73806B}.highlight .s1{color:#B9785E}.highlight .ss{color:#6F6270}.highlight .bp{color:#999}.highlight .vc{color:#73806B}.highlight .vg{color:#73806B}.highlight .vi{color:#73806B}.highlight .il{color:#48929B}:root{--bg-base: #FAFAFA;--surface: #FFFFFF;--border-soft: #DDD5C3;--text-primary: #1B1B1B;--text-secondary: #4A4A4A;--text-muted: #9E9890;--primary: #3A8B66;--primary-light: #4A9B76;--secondary: #CBBE9F;--accent: #4466AA;--layer-capture: #677983;--layer-tell: #586250;--layer-connect: #B08B57;--amber-glow: #E0C38A;--ink-charcoal: #2F2A27;--warm-paper: #F7F3EC;--walnut-shadow: #4E413A;--font-body: 'Inter', 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;--font-display: 'Playfair Display', Georgia, serif;--font-mono: 'SF Mono', 'Fira Code', 'JetBrains Mono', Consolas, monospace;--text-xs: clamp(0.6875rem, 0.65rem + 0.15vw, 0.75rem);--text-sm: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);--text-base: clamp(0.9375rem, 0.875rem + 0.25vw, 1rem);--text-lg: clamp(1.0625rem, 1rem + 0.25vw, 1.125rem);--text-xl: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);--text-2xl: clamp(1.375rem, 1.25rem + 0.5vw, 1.5rem);--text-3xl: clamp(1.5rem, 1.25rem + 1vw, 1.875rem);--text-4xl: clamp(2.25rem, 1.5rem + 3vw, 3rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -2px rgba(0,0,0,0.07);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.08);--content-width: 860px;--wide-width: 1080px;--header-height: 64px;--side-padding: clamp(16px, 4vw, 32px)}*,*::before,*::after{box-sizing:border-box}main{display:block}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--text-primary);background-color:var(--bg-base);margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-light)}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:100;background-color:var(--bg-base);border-bottom:1px solid var(--border-soft);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}@supports (backdrop-filter: blur(16px)){.site-header{background-color:rgba(250,250,250,0.9)}}.site-header-inner{max-width:var(--wide-width);margin:0 auto;padding:0 var(--side-padding);height:var(--header-height);display:flex;align-items:center;justify-content:space-between}.site-header-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary);font-weight:600;font-size:var(--text-base);letter-spacing:-0.01em}.site-header-logo:hover{color:var(--text-primary)}.site-header-logo img{width:60px;height:auto;object-fit:contain}.site-header-nav{display:flex;align-items:center;gap:var(--space-2)}.site-header-nav a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color .2s ease,background-color .2s ease}.site-header-nav a:hover{color:var(--text-primary);background-color:var(--surface)}.site-header-nav .site-header-lang{font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--border-soft);padding:2px 8px;border-radius:var(--radius-sm)}.site-header-nav .site-header-lang:hover{color:var(--text-primary);border-color:var(--text-secondary)}.site-header-nav .site-header-rss{display:flex;align-items:center;padding:var(--space-2);color:var(--text-muted)}.site-header-nav .site-header-rss:hover{color:var(--text-secondary);background-color:var(--surface)}.home{max-width:var(--wide-width);margin:0 auto;padding:0 var(--side-padding)}.home-header{padding:clamp(64px, 8vw, 96px) 0 clamp(48px, 6vw, 64px)}.home-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;letter-spacing:-0.02em;line-height:1.15;margin:0 0 var(--space-4);color:var(--text-primary)}.home-description{font-size:var(--text-lg);color:var(--text-secondary);margin:0;line-height:1.6;max-width:540px}.post-list{display:block;padding-bottom:var(--space-8)}.post-list-section{padding:0}.post-item-link{display:block;text-decoration:none;color:inherit}.post-item-link:hover{color:inherit}.post-list-heading{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin:0;padding:var(--space-6) 0 var(--space-5)}.post-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:20px 0;border-bottom:1px solid var(--border-soft)}.post-item:last-child{border-bottom:0}.post-item-thumb{flex-shrink:0;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-base);border:1px solid var(--border-soft);margin-top:4px}.post-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 480px){.post-item-thumb{width:56px;height:56px}}.post-item-body{flex:1;min-width:0}.post-item-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.post-item-meta time{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.post-item-category{font-size:var(--text-xs);color:var(--primary);font-weight:600}.post-item-title{font-family:var(--font-body);font-size:var(--text-xl);font-weight:600;line-height:1.4;margin:0 0 var(--space-3);letter-spacing:-0.01em}.post-item-title a{color:var(--text-primary);text-decoration:none}.post-item-link:hover .post-item-title,.post-item-link:hover .post-item-title a{color:var(--text-primary)}.post-item-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65;margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) 0}.pagination-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color .2s ease}.pagination-link svg{flex-shrink:0}.pagination-link:hover{color:var(--text-primary)}.pagination-disabled{color:var(--border-soft);pointer-events:none}.pagination-pages{display:flex;align-items:center;gap:var(--space-1)}.pagination-page{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color .2s ease,background-color .2s ease}.pagination-page:hover{color:var(--text-primary);background-color:var(--surface)}.pagination-current{color:var(--text-primary);font-weight:600;background-color:var(--surface)}.site-footer{background-color:var(--ink-charcoal);color:var(--warm-paper);padding:var(--space-8) var(--side-padding)}.site-footer a{color:#9E9890;text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:var(--warm-paper)}.site-footer .inner{max-width:var(--wide-width);margin:0 auto;text-align:center}.site-footer .copyright{font-size:var(--text-xs);color:#9E9890;margin-bottom:var(--space-2)}.site-footer .poweredby{font-size:var(--text-xs);color:#9E9890}.post-article{max-width:var(--content-width);margin:0 auto;padding:0 var(--side-padding)}.post-article-header{padding:clamp(48px, 6vw, 80px) 0 var(--space-6)}.post-article-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.post-article-meta time{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.post-article-category{font-size:var(--text-xs);color:var(--primary);font-weight:600}.post-article-reading{font-size:var(--text-xs);color:var(--text-muted)}.post-article-reading::before{content:"·";margin-right:var(--space-3);color:var(--border-soft)}.post-article-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;letter-spacing:-0.02em;line-height:1.15;margin:0 0 var(--space-6);color:var(--text-primary)}.post-article-author{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.post-article-author-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.post-article-hero{margin:0 0 var(--space-7);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.post-article-hero img{width:100%;display:block}.post-article-content{font-family:var(--font-body);color:var(--text-primary)}.post-article-content h1,.post-article-content h2,.post-article-content h3,.post-article-content h4,.post-article-content h5,.post-article-content h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-0.01em;font-weight:600;line-height:1.3}.post-article-content h1,.post-article-content h2{font-size:var(--text-2xl);margin:var(--space-8) 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-soft)}.post-article-content h3{font-size:var(--text-xl);margin:var(--space-7) 0 var(--space-4)}.post-article-content h4,.post-article-content h5,.post-article-content h6{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-3)}.post-article-content p{font-size:var(--text-base);line-height:1.85;margin:0 0 var(--space-5);word-break:keep-all;overflow-wrap:break-word}.post-article-content a{color:var(--primary);text-decoration:underline;text-decoration-color:var(--border-soft);text-underline-offset:3px;transition:text-decoration-color .2s ease}.post-article-content a:hover{text-decoration-color:var(--primary)}.post-article-content img{max-width:100%;margin:var(--space-6) auto;border-radius:var(--radius-lg);display:block}.post-article-content figure{margin:var(--space-6) 0;padding:0}.post-article-content figcaption{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-top:var(--space-3)}.post-article-content hr{border:0;width:48px;margin:var(--space-8) auto;border-top:2px solid var(--border-soft)}.post-article-content blockquote{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);border-left:3px solid var(--primary);background-color:var(--surface);border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:var(--shadow-sm)}.post-article-content blockquote p{color:var(--text-secondary);margin-bottom:var(--space-2)}.post-article-content blockquote p:last-child{margin-bottom:0}.post-article-content ul,.post-article-content ol{padding:0 0 var(--space-5);margin:0}.post-article-content li{font-size:var(--text-base);line-height:1.85;margin-left:var(--space-6);margin-bottom:var(--space-2)}.post-article-content ol li{list-style-type:decimal}.post-article-content table{border-collapse:collapse;width:100%;margin:var(--space-6) 0;font-size:var(--text-sm);border-radius:var(--radius-lg);overflow:hidden;display:table;box-shadow:var(--shadow-sm)}.post-article-content th,.post-article-content td{border:1px solid var(--border-soft);padding:var(--space-3) var(--space-4);text-align:left}.post-article-content th{background-color:var(--bg-base);font-weight:600}.post-article-footer{padding:var(--space-7) 0}.post-article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-article-tag{font-size:var(--text-xs);color:var(--primary);font-weight:500}.post-article-divider{height:1px;background-color:var(--border-soft);margin:var(--space-7) 0}.post-article-author-box{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) 0}.post-article-author-box-img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.post-article-author-box strong{display:block;font-size:var(--text-base);margin-bottom:var(--space-1)}.post-article-author-box p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.post-article-comments{margin:var(--space-7) 0}.post-article-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-6) 0;border-top:1px solid var(--border-soft)}@media (max-width: 600px){.post-article-prevnext{grid-template-columns:1fr;gap:var(--space-3)}}.post-article-prevnext-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color .2s ease,background-color .2s ease}.post-article-prevnext-item:hover{border-color:var(--primary);background-color:var(--bg-base)}.post-article-prevnext-next{text-align:right}.post-article-prevnext-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.post-article-prevnext-next .post-article-prevnext-label{justify-content:flex-end}.post-article-prevnext-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-article-nav{padding-top:var(--space-5)}.post-article-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;padding:var(--space-2) 0;transition:color .2s ease}.post-article-back svg{flex-shrink:0}.post-article-back:hover{color:var(--text-primary)}pre,code{font-family:var(--font-mono);font-size:.875em}code{padding:2px 7px;background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-primary)}pre{padding:var(--space-5) var(--space-6);background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-6) 0;line-height:1.55;box-shadow:var(--shadow-sm)}pre>code{border:0;padding:0;background:none;font-size:.875rem}.cf::after{content:"";display:table;clear:both}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.post-item{animation:fadeInUp .45s ease both}.post-item:nth-child(1){animation-delay:0s}.post-item:nth-child(2){animation-delay:.06s}.post-item:nth-child(3){animation-delay:.12s}.post-item:nth-child(4){animation-delay:.18s}.post-item:nth-child(5){animation-delay:.24s}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 768px){.home-header{padding:var(--space-7) 0 var(--space-6)}.home-title{font-size:var(--text-3xl)}.post-item{padding:var(--space-5)}.post-article-header{padding:var(--space-6) 0 var(--space-5)}.post-article-title{font-size:var(--text-3xl)}.post-article-author-box{padding:var(--space-4) var(--space-5)}.post-article-content blockquote{padding:var(--space-4) var(--space-5)}}@media (max-width: 480px){.post-item{padding:var(--space-4);border-radius:var(--radius-md)}.pagination{flex-direction:column;gap:var(--space-3)}}.page-content{min-height:calc(100vh - var(--header-height) - 120px)}