:root{--base-font-size: 16px;--color-text-primary: #101828;--color-text-heading: var(--color-text-primary);--color-bg: #f1f2f3;--color-text-muted: #555555;--color-link-article: #2a6eb2;--color-link-note: #007a70;--color-text-draft: #ff0000;--color-link-hover: #3171B2;--color-code-bg: #777777;--color-code-text: #ffffff;--color-thead-bg: #dddddd;--color-select-item-hover-bg: #dddddd;--color-border: rgba(128, 128, 128, .5);--codeblock-filename-dot: #dd4444;--callout-warning-color-light: #dd4444;--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 GOV", "Pretendard", "Apple SD Gothic Neo", "OneUI Sans", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif;--font-mono: "Cascadia Mono", "Cascadia Code", "D2Coding", "Menlo", "Noto Sans Mono", "Roboto Mono", "Lucida Console", ui-monospace, monospace;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--figcaption-bg: #dddddd;--mark-text-color: #cc2222;scrollbar-color:#aaaaaa transparent}.dark{--color-text-primary: #d4d4d4;--color-text-heading: #eeeeee;--color-bg: #0e1113;--color-text-muted: #999999;--color-code-bg: #bbbbbb;--color-code-text: #000000;--color-thead-bg: #333333;--color-select-item-hover-bg: #333333;--figcaption-bg: #222222;--mark-text-color: #dd4444;scrollbar-color:#555555 transparent}*{box-sizing:border-box}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);color:var(--color-text-primary);line-height:1.75;font-weight:400;font-size:var(--base-font-size, 16px)}.main-container{flex:1;padding:var(--spacing-12) var(--spacing-2) var(--spacing-12)}@media(min-width:640px){.main-container{padding-inline:var(--spacing-4)}}.search-header,.kind-header,.tags-header,.article-container,.search-container,.feed-list{list-style:none;padding:0;margin:auto;max-width:var(--breakpoint-md);overflow-wrap:break-word}.feed-item{padding-bottom:var(--spacing-8)}img{display:block;margin:auto;border-radius:.375rem;max-width:100%;height:auto}.article-meta{display:flex;padding-left:var(--spacing-1);gap:var(--spacing-2)}.article-footer{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-link-article);margin-right:var(--spacing-1)}.flex{display:flex}.space-x-1>*+*{margin-left:var(--spacing-1)}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading)}h1{font-size:1.3em}h2{font-size:1.2em;margin-top:2em}h3{font-size:1.1em;margin-top:1.8em;margin-bottom:.6em}h4{margin-bottom:0}h5{font-size:.94em;margin-bottom:.6em}h6{font-size:.88em;margin-bottom:.6em}@media(min-width:768px){h1{font-size:1.45em}h2{font-size:1.3em}h3{font-size:1.15em}}.article-body h1+*:not(h1,h2,h3,h4,h5,h6),.article-body h2+*:not(h1,h2,h3,h4,h5,h6),.article-body h3+*:not(h1,h2,h3,h4,h5,h6),.article-body h4+*:not(h1,h2,h3,h4,h5,h6),.article-body h5+*:not(h1,h2,h3,h4,h5,h6),.article-body h6+*:not(h1,h2,h3,h4,h5,h6){margin-top:0}.article-body h1+h2{margin-top:1.2em}.article-body h1+h3{margin-top:1em}.article-body h2+h3{margin-top:1em}.article-body h3+h4{margin-top:.8em}.article-body h4+h5{margin-top:.6em}.article-body h5+h6{margin-top:.5em}.title-index,.title-post{line-height:1.2;font-weight:700;margin-top:0;margin-bottom:0}.text-small{font-size:.84rem}.text-muted{color:var(--color-text-muted)}.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{color:inherit;overflow-wrap:break-word;word-wrap:break-word;text-decoration:none}.article-header a:hover,.feed-item a:hover,.article-body a,.feed-item-body a{text-decoration:underline;text-underline-offset:4px}.article-body a:hover,.article-header a:not(.link-article):not(.link-note):hover{text-decoration-thickness:2px}.link-article{color:var(--color-link-article)}.link-note{color:var(--color-link-note)}.text-draft{color:var(--color-text-draft)}sup,a[data-footnote-ref],a[data-footnote-backref],.link-tag:hover{text-decoration:none;color:var(--color-link-hover)}sup:before{content:"["}sup:after{content:"]"}[data-footnotes],.footnotes{margin:3rem 0;border-top:1px solid var(--color-border)}[data-footnotes] ol,.footnotes ol{margin-bottom:0;padding-left:1.2rem}.footnotes li:target{animation:fadeHighlight 1.5s forwards}@keyframes fadeHighlight{0%{background-color:var(--color-link-hover)}to{background-color:transparent}}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mt-4{margin-top:var(--spacing-4)}.mt-12{margin-top:var(--spacing-12)}.pt-4{padding-top:var(--spacing-4)}.pl-1{padding-left:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.mr-1{margin-right:var(--spacing-1)}ol{padding-left:1.625rem}ul{padding-left:1.625em;margin-top:0;margin-bottom:0}ol>li{padding-left:.375em}code{border-radius:.25rem;padding:.15rem .25rem;background-color:var(--color-code-bg);color:var(--color-code-text);font-family:var(--font-mono)}pre{display:flex;border-radius:.375rem;border:1px solid rgba(128,128,128,.2);overflow-x:auto;font-size:.92em}.astro-code,.astro-code span{color:var(--shiki-light);background-color:var(--shiki-light-bg);margin-bottom:var(--spacing-6)}.dark .astro-code,.dark .astro-code span{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}pre code{background-color:transparent;padding:1rem;overflow-x:auto;line-height:1.5rem}.code-file-label{position:absolute;transform:translate(.75rem,-.75rem);padding:0 .5rem;border-radius:.375rem;border:1px solid var(--color-border);font-size:.9em}.code-file-label:before{content:"";display:inline-block;width:.3em;height:.3em;border-radius:50%;background:var(--codeblock-filename-dot);margin-right:.5rem;vertical-align:middle}.code-file-label.no-dot:before{display:none}.navbar-container{width:100%;padding:var(--spacing-4) var(--spacing-4) 0}.navbar-header{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:100%}.navbar-links{display:flex;align-items:center;gap:1.4rem}.navbar-icon{display:flex;align-items:center}.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;right:1rem;display:flex;z-index:5}.theme-toggle{position:relative;display:flex;align-items:center;margin-bottom:-.22rem}.theme-toggle-main-icon,.theme-toggle-buttons button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:none;border:none;padding:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.theme-toggle-main-icon{z-index:2}.theme-toggle-main-icon:hover{transform:scale(1.1)}.theme-toggle-buttons{position:absolute;right:0;display:flex;overflow:hidden;width:5.5rem;opacity:0;pointer-events:none}.theme-toggle-buttons.expanded{opacity:1;pointer-events:auto}.theme-toggle-buttons button{margin-right:.5rem}.theme-toggle-buttons button:last-child{margin-right:0}.theme-toggle-buttons button:hover{transform:scale(1.15);transition:transform .2s cubic-bezier(.68,-.55,.265,1.55)}.theme-toggle-icon svg{display:block;width:1.5rem;height:1.5rem;color:var(--color-text-primary)}.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;padding:0 .4rem;margin-right:.4rem;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);line-height:1.5}kbd+kbd{margin-left:.25rem;margin-right:.25rem}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:.9rem;font-weight:700}figcaption{margin-top:-15px;font-style:italic;background-color:var(--figcaption-bg);border-radius:.25rem}a[target=_blank]:has(>mark){text-decoration-color:var(--mark-text-color)}mark{background-color:transparent;color:var(--mark-text-color)}blockquote{quotes:none;padding-left:1rem;margin-left:0;margin-right:1rem}blockquote{border-left:4px solid var(--color-text-primary)}hr{margin-top:2rem;margin-bottom:2rem}table{width:100%;table-layout:auto;text-align:left;margin-top:2rem;margin-bottom:2rem;font-size:.875em;border-spacing:0;border:1px solid var(--color-border)}thead th{padding:.5rem;border:1px solid var(--color-border);background-color:var(--color-thead-bg)}tbody td{padding:.5rem;border:1px solid var(--color-border)}table code{white-space:nowrap}.callout-wrapper{display:block;margin:1em 0}.callout-wrapper+.callout-wrapper{margin-top:1.5rem}.callout-wrapper+blockquote,blockquote+.callout-wrapper{margin-top:1.5rem}.callout-checkbox{display:none}:root{--base-font-size: 16px}body{font-size:var(--base-font-size)}.callout{border-left:4px solid;border-radius:0 8px 8px 0;overflow:hidden;padding-left:1rem}.callout-small{font-size:.875em}.callout .callout:not(.callout-small){font-size:var(--base-font-size)}.callout-borderless{border-left-width:0;border-radius:8px}.callout-title{display:flex;align-items:center;width:100%;cursor:pointer;user-select:none;box-sizing:border-box;justify-content:flex-start;font-size:1em}.callout-icon{display:flex;align-items:center;justify-content:center;font-size:1em;flex-shrink:0}.callout-title-text{font-weight:600;padding-left:.3rem;text-transform:uppercase;color:var(--callout-title-color, #333);flex-grow:0;flex-shrink:0;white-space:nowrap}.callout-toggle{display:flex;opacity:.8;flex-shrink:0;font-size:.8em;margin-left:1.5em}.callout-container{width:100%}.callout-checkbox:checked~.callout-title .callout-toggle{transform:rotate(90deg)}.callout-content{color:var(--callout-text);font-size:1em}.callout-content pre:last-child{margin-bottom:0}.callout-checkbox:checked~.callout-content{max-height:5000px;opacity:1;transform:translateY(0)}.callout-content>*:first-child{margin-top:0}.callout-content>:last-child{margin-bottom:0}.callout-content p{margin-bottom:0}.callout-checkbox:focus~.callout-title{outline:2px solid var(--callout-title-color, #3498db);outline-offset:2px}.callout-note{border-color:#3498db;--callout-title-color: #2980b9}.callout-tip{border-color:#2ecc71;--callout-title-color: #27ae60}.callout-warning{border-color:#f39c12;--callout-title-color: #d68910}.callout-important{border-color:#e74c3c;--callout-title-color: #c0392b}.callout-danger{border-color:transparent;background-color:#e931471a;--callout-title-color: #e93147}.dark .callout-danger{border-color:transparent;background-color:#e931471a;--callout-title-color: #fb464c}.callout-info{border-color:#1abc9c;--callout-title-color: #16a085}.callout-success{border-color:#2ecc71;--callout-title-color: #27ae60}.callout-question{border-color:#3498db;--callout-title-color: #2980b9}.callout-todo{border-color:#95a5a6;--callout-title-color: var(--color-text-primary)}.callout-abstract{border-color:#34495e;--callout-title-color: #2c3e50}.callout-bug{border-color:#e74c3c;--callout-title-color: #c0392b}.callout-example{border-color:#9b59b6;--callout-title-color: #8e44ad}.callout-quote{border-color:#95a5a6;--callout-title-color: #7f8c8d;font-style:italic}.callout:not(:has(.callout-title)) .callout-content{display:block!important}.callout-small:not(:has(.callout-title)) .callout-content{padding:.75rem}.callout:not(:has(.callout-checkbox)) .callout-content{max-height:none;opacity:1;transform:none}.callout-collapsible .callout-content{max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px)}.callout-collapsible .callout-checkbox:checked~.callout-title .callout-toggle{transform:rotate(90deg)}.callout-collapsible .callout-checkbox:checked~.callout-content{max-height:5000px;opacity:1;transform:translateY(0);display:block!important}.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}.fontchange-container{position:relative;display:flex;align-items:center;height:100%}.fontchange-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;height:40px;width:40px;margin-left:-.5rem}.fontchange-btn:hover{border-color:var(--color-border)}.fontchange-popover{background:var(--color-bg);border:1px solid var(--color-border);box-shadow:0 8px 30px #0000001f;z-index:1000;display:none;opacity:0;transition:opacity .2s ease,transform .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:100%;left:50%;width:260px;margin-top:.8rem;border-radius:12px;padding:1.5rem 1.2rem 1.2rem;transform:translate(-50%) translateY(-10px)}.fontchange-popover.visible{opacity:1!important;transform:translate(-50%) translateY(0)!important}@media(max-width:639px){.fontchange-popover{position:fixed;inset:auto 0 0;width:100%;margin:0;border-radius:20px 20px 0 0;transform:translateY(100%);opacity:1}.fontchange-popover.visible{transform:translateY(0)!important}}.fontchange-slider{width:100%;height:6px;border-radius:3px;background:var(--color-border);outline:none;-webkit-appearance:none;appearance:none;margin:.5rem 0}.fontchange-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-text-primary);cursor:pointer;border:3px solid var(--color-bg);box-shadow:0 2px 8px #0003}.fontchange-slider-labels{display:flex;justify-content:space-between;margin-top:.5rem}.fontchange-label{font-size:.9rem;cursor:pointer;padding:.3rem .6rem;border-radius:6px;transition:all .2s ease;font-family:monospace}.fontchange-label.active{font-weight:700;transform:scale(1.1);background-color:var(--color-select-item-hover-bg)}.fontchange-preview{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--color-select-item-hover-bg);border-radius:10px;margin-top:1rem}