:root{--color-bg-light: #f5f7f9;--color-bg-dark: #100F0F;--color-text-primary: rgba(16, 15, 15, .9);--color-text-secondary: #71717a;--color-blue: #2563eb;--color-blue-hover: #60a5fa;--color-emerald: #047857;--color-emerald-hover: #34d399;--color-rose: #dc2626;--color-code-bg: #52525b;--color-code-text: #f5f7f9;--color-hover-bg: #d4d4d8;--color-border: #71717a;--color-border-light: rgba(113, 113, 122, .1);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-20: 5rem;--spacing-24: 6rem;--font-sans: "Pretendard", system-ui, -apple-system, sans-serif;--font-mono: "Cascadia Code", "Pretendard", monospace;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--figcaption-bg: rgba(7, 6, 6, .1);--figcaption-color: currentColor;--mark-text-color: #D14D41;scrollbar-color:#c9c9c9 transparent}.dark{--color-text-primary: rgba(245, 247, 249, .9);--color-text-secondary: #a1a1aa;--color-blue-hover: #60a5fa;--color-emerald-hover: #34d399;--color-code-bg: #d4d4d8;--color-code-text: #100F0F;--color-hover-bg: #3f3f46;--figcaption-bg: rgba(255, 255, 255, .1);--figcaption-color: currentColor;--mark-text-color: #D14D41;scrollbar-color:#656565 transparent}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;height:100%;margin:0;padding:0;font-family:var(--font-sans);font-feature-settings:"case","cv12";background-color:var(--color-bg-light);color:var(--color-text-primary)}.dark body{background-color:var(--color-bg-dark)}.main-container{flex:1;padding:var(--spacing-8) var(--spacing-4) var(--spacing-12)}@media(min-width:640px){.main-container{padding-bottom:var(--spacing-24)}}.article-container,.article-wrapper{margin:0 auto;max-width:var(--breakpoint-lg);overflow-wrap:break-word;font-weight:500}.feed-list{list-style:none;padding:0}.feed-item{padding-bottom:var(--spacing-12)}.prose img{display:block;margin:auto auto 1em;border-radius:.375rem;max-width:100%;height:auto}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.inline-flex{display:inline-flex}.space-x-1>*+*{margin-left:var(--spacing-1)}.gap-4{gap:var(--spacing-4)}.title-xl{font-size:1.25rem;line-height:1.2;font-weight:800;color:var(--color-text-primary)}@media(min-width:1024px){.title-xl{font-size:1.875rem}}.title-main{font-size:1.25rem;line-height:1.2;font-weight:700;color:var(--color-text-primary)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-muted{color:var(--color-text-secondary)}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.break-words{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}a,.title-link{color:inherit;text-decoration:none}.title-link:hover{text-decoration:underline;text-decoration-color:#18181b;text-decoration-thickness:2px;text-underline-offset:4px}.dark .title-link:hover{text-decoration-color:#fff}.link-underline{text-decoration:underline;text-decoration-color:#18181b;text-decoration-thickness:2px;text-underline-offset:4px}.dark .link-underline{text-decoration-color:#fff}.link-underline:hover{text-decoration:underline}.link-blue{font-weight:500;color:var(--color-blue)}.link-blue:hover{color:var(--color-blue-hover)}.link-emerald{font-weight:500;color:var(--color-emerald)}.link-emerald:hover{color:var(--color-emerald-hover)}.text-rose{color:var(--color-rose)}.link-tag{display:inline-flex;align-items:center;font-weight:500;color:#3f3f46;transition:background-color .2s}.dark .link-tag{color:#d4d4d8}.link-tag:hover{background-color:var(--color-hover-bg)}.mb-5{margin-bottom:1.25rem}.mt-12{margin-top:var(--spacing-12)}.pt-8{padding-top:var(--spacing-8)}.pl-1{padding-left:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.mr-1{margin-right:var(--spacing-1)}.border-t{border-top:1px solid var(--color-border)}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.prose{max-width:none;color:var(--color-text-primary);line-height:1.75;font-size:1rem}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:2em;margin-bottom:1em;font-weight:700;line-height:1.3;color:var(--color-text-primary)}.prose h1{font-size:2.25em;margin-top:0}.prose h2{font-size:1.875em;margin-top:2em}.prose h3{font-size:1.5em}.prose h4{font-size:1.25em}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose a{color:inherit;overflow-wrap:break-word;word-wrap:break-word;text-decoration:underline;text-underline-offset:4px}.prose a:hover{color:var(--color-blue-hover)}.prose ul,.prose ol{margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose li{margin-top:.5em;margin-bottom:.5em}.prose ul>li{padding-left:.375em}.prose ol>li{padding-left:.375em}.prose strong{font-weight:600;color:var(--color-text-primary)}.prose em{font-style:italic;color:var(--color-text-primary)}.prose code{font-family:inherit;font-size:1em;border-radius:.25rem;padding:.125rem .25rem;background-color:var(--color-code-bg);color:var(--color-code-text)}.prose pre{display:flex;border-radius:.375rem;border-top:2px solid rgba(161,161,170,.2);border-bottom:2px solid rgba(161,161,170,.2);font-size:1rem;line-height:1.75;margin-top:1.75em;margin-bottom:1.75em;padding:1em 1.5em;overflow-x:auto}.dark .astro-code,.dark .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}.prose pre code{background-color:transparent!important;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:var(--font-mono);line-height:inherit}.prose blockquote{font-weight:500;font-style:normal;color:var(--color-text-primary);border-left:4px solid #18181b;quotes:none;margin-top:1.6em;margin-bottom:1.6em;padding-left:1em;margin-left:0}.dark .prose blockquote{border-left-color:#fff}.prose blockquote p:first-of-type:before,.prose blockquote p:last-of-type:after{content:""}.prose hr{margin-top:2rem;margin-bottom:2rem;border:0;border-top:1px solid currentColor}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose thead{border-bottom:1px solid #d4d4d8}.dark .prose thead{border-bottom-color:#3f3f46}.prose thead th{font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose tbody tr{border-bottom:1px solid #e4e4e7}.dark .prose tbody tr{border-bottom-color:#27272a}.prose tbody td{vertical-align:baseline;padding:.5714286em}.navbar-container{padding:var(--spacing-2) var(--spacing-4) 0}.navbar-header{display:flex;align-items:center;justify-content:space-between;position:relative;max-width:var(--breakpoint-lg);margin:0 auto}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-icon{display:flex;align-items:center;padding:.25rem;transition:transform .3s}.navbar-icon:hover{transform:scale(1.1)}@media(prefers-reduced-motion:reduce){.navbar-icon{transition:none}.navbar-icon:hover{transform:none}}.navbar-icon-svg{width:1.5rem;height:1.5rem}.dark .navbar-icon-svg{filter:invert(1)}.theme-toggle-container{position:fixed;top:var(--spacing-2);left:50%;transform:translate(-50%);max-width:var(--breakpoint-lg);width:100%;display:flex;justify-content:flex-end;padding:0 var(--spacing-4);pointer-events:none;z-index:1000}.article-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.25rem}.article-meta{display:flex;align-items:center;padding-left:var(--spacing-1);margin-top:-1rem}.tags-container{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--color-border)}.tags-wrapper{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.tag-hash{color:var(--color-blue);margin-right:var(--spacing-1)}.dark .tag-hash{color:var(--color-blue-hover)}.theme-toggle{display:inline-flex;align-items:center;padding:.25rem;transition:transform 1s;background:none;border:none;cursor:pointer;color:inherit;pointer-events:auto}@media(min-width:640px){.theme-toggle:hover{transform:rotate(45deg) scale(1.25)}}.theme-toggle-icon{height:1.5rem;width:1.5rem}.theme-toggle-sun{color:#18181b}.dark .theme-toggle-sun{display:none}.theme-toggle-moon{display:none;color:#fff}.dark .theme-toggle-moon{display:block}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}kbd{display:inline-block;min-width:1.5em;padding:0 .5em;margin:0 .2em;text-align:center;font-family:Cascadia Code,Pretendard,monospace;font-size:.85em;border-radius:6px;vertical-align:9%;border:1px solid var(--color-border);box-shadow:inset 0 -1px 0 var(--color-border),2px 2px 1px var(--color-border)}kbd+kbd{margin-left:.25em}li.task-list-item input[type=checkbox]{appearance:none;width:16px;height:16px;background-color:#c2c3c5;border-radius:3px;position:relative;vertical-align:middle;margin-right:8px}li.task-list-item input[type=checkbox]:checked{background-color:#c2c3c5}li.task-list-item input[type=checkbox]:checked:before{content:"✓";color:#000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700}figcaption{margin-top:-20px!important;color:var(--figcaption-color)!important;text-align:center;font-style:italic;background-color:var(--figcaption-bg);border-radius:.25rem;transition:background-color .3s ease}mark{background-color:transparent;color:var(--mark-text-color);font-size:1em}@font-face{font-family:Pretendard;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/PretendardGOV-Medium.subset.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/PretendardGOV-SemiBold.subset.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/PretendardGOV-ExtraBold.subset.woff2) format("woff2")}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/CascadiaCode.woff2) format("woff2")}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}