a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{background:0;border:0;box-sizing:border-box;color:inherit;font:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html,input,textarea{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}code,pre{font-family:Fira Code,JetBrains Mono,Consolas,Monaco,monospace}*,:after,:before{box-sizing:border-box;scrollbar-width:thin}:root{--color-bg:#fff;--color-bg-secondary:#f5f5f5;--color-text:#1a1a1a;--color-text-secondary:#666;--color-primary:#06c;--color-primary-hover:#0052a3;--color-border:#e0e0e0;--color-text-muted:#999;--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-mono:"JetBrains Mono","D2Coding","Fira Code",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-heading:"JetBrains Mono","Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--max-width:1200px;--content-width:768px;--transition-fast:150ms ease;--transition-normal:300ms ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px rgb(0 0 0/5%);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.15)}@media(prefers-color-scheme:dark){:root{--color-bg:#1a1a1a;--color-bg-secondary:#2a2a2a;--color-text:#f0f0f0;--color-text-secondary:#a0a0a0;--color-primary:#66b3ff;--color-primary-hover:#9cf;--color-border:#404040;--color-text-muted:#777}}@font-face{font-display:swap;font-family:Pretendard Variable;font-style:normal;font-weight:45 920;src:url(PretendardVariable.woff2) format("woff2-variations")}html{--palette-theme:#f1718c;--palette-text:#16161a;--palette-highlight:#e85c7a;--palette-background:#fff;--palette-navigation-background:hsla(0,0%,100%,.78);--palette-background-transparent:hsla(0,0%,100%,0);--palette-background-dimmed:#f4f5f7;--palette-selection:#e6e7ea;--palette-main:#a3a8b0;--palette-main-opacity:rgba(18,20,26,.05);--palette-sub:#6b7078;--palette-sub-opacity:rgba(18,20,26,.1);--palette-list-text:#2c2e33;--palette-comment:#eceef1;--palette-comment-2:#f4f5f7;--palette-comment-text:#767b83;--palette-scroll:#c4c6cb;--palette-masonry-alt:#fff;--palette-masonry-alt-transparent:rgba(244,245,247,0);--palette-link:#f1718c;--palette-grayscale-50:#fafbfc;--palette-grayscale-100:#f4f5f7;--palette-grayscale-200:#e9eaee;--palette-grayscale-300:#dcdee3;--palette-grayscale-400:#aeb2ba;--palette-grayscale-500:#8a8f97;--palette-grayscale-600:#6b7078;--palette-grayscale-700:#565a62;--palette-grayscale-800:#33363d;--palette-grayscale-900:#1a1c20;background-color:#fff;color:#16161a}html[data-theme=dark]{--palette-theme:#f1718c;--palette-text:#e7e8ec;--palette-highlight:#ff8fa6;--palette-background:#0a0b0e;--palette-navigation-background:rgba(10,11,14,.72);--palette-background-transparent:rgba(10,11,14,0);--palette-background-dimmed:#0c0e12;--palette-selection:#2a2d34;--palette-main:#23262c;--palette-main-opacity:hsla(0,0%,100%,.09);--palette-sub:#8b8f98;--palette-sub-opacity:hsla(0,0%,100%,.08);--palette-list-text:#b9bcc4;--palette-comment:#15171c;--palette-comment-2:#0c0e12;--palette-comment-text:#6b6f78;--palette-scroll:#33363d;--palette-masonry-alt:#0c0e12;--palette-masonry-alt-transparent:rgba(12,14,18,0);--palette-link:#ff8fa6;--palette-grayscale-50:#0c0e12;--palette-grayscale-100:#101216;--palette-grayscale-200:#23262c;--palette-grayscale-300:#33363d;--palette-grayscale-400:#565a63;--palette-grayscale-500:#6b6f78;--palette-grayscale-600:#9a9ea7;--palette-grayscale-700:#c7c9d0;--palette-grayscale-800:#e7e8ec;--palette-grayscale-900:#f2f3f5;background-color:#0a0b0e;color:#e7e8ec}html[data-theme=sepia]{--palette-theme:#f1718c;--palette-text:#1c1b19;--palette-highlight:#e85c7a;--palette-background:#f6f1e1;--palette-navigation-background:hsla(46,54%,92%,.8);--palette-background-transparent:hsla(46,54%,92%,0);--palette-background-dimmed:#efe7d0;--palette-selection:#ece0c4;--palette-main:#b0a99c;--palette-main-opacity:rgba(40,38,33,.06);--palette-sub:#6c6a64;--palette-sub-opacity:rgba(40,38,33,.13);--palette-list-text:#2e2c28;--palette-comment:#ece0c4;--palette-comment-2:#f1ebd8;--palette-comment-text:#6f6d66;--palette-scroll:#bdb6a6;--palette-masonry-alt:#efe7d0;--palette-masonry-alt-transparent:hsla(45,49%,88%,0);--palette-link:#f1718c;--palette-grayscale-50:#faf4e6;--palette-grayscale-100:#f3ecd8;--palette-grayscale-200:#e7dcc2;--palette-grayscale-300:#d8c8a8;--palette-grayscale-400:#a8a399;--palette-grayscale-500:#847f74;--palette-grayscale-600:#66625a;--palette-grayscale-700:#4e4b45;--palette-grayscale-800:#333230;--palette-grayscale-900:#1c1b19;background-color:#f6f1e1;color:#1c1b19}body,html{height:100%}body{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}a{color:var(--palette-text);text-decoration:none}@media(any-hover:hover)and (any-pointer:fine){a:hover{color:var(--palette-highlight)}}a,button{cursor:pointer}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.typography-h1{font-size:2.0275rem;line-height:3.04125rem}.typography-h2{font-size:1.801875rem;line-height:2.7028125rem}.typography-h3{font-size:1.601875rem;line-height:2.4028125rem}.typography-h4{font-size:1.42375rem;line-height:2.135625rem}.typography-h5{font-size:1.265625rem;line-height:1.8984375rem}.typography-h6{font-size:1.125rem;line-height:1.6875rem}.typography-b1{font-size:1rem;line-height:1.625rem}.typography-b2{font-size:.88875rem;line-height:1.44421875rem}.typography-c1{font-size:.79rem;line-height:1.027rem}.typography-c2{font-size:.67875rem;line-height:.882375rem}::view-transition-group(post-cover){animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){::view-transition-group(post-cover),::view-transition-group(root),::view-transition-new(post-cover),::view-transition-new(root),::view-transition-old(post-cover),::view-transition-old(root){animation:none!important}}.global-navigation{left:0;padding:0 12px;position:fixed;top:0;width:100%;z-index:1000}.global-navigation__container{display:flex;height:40px}.global-navigation__left,.global-navigation__right{align-items:center;display:flex;flex:1 0 0}.global-navigation__left{justify-content:flex-start}.global-navigation__right{justify-content:flex-end}.global-navigation__logo{margin-left:8px}.global-navigation__category{align-items:center;display:none;height:40px}@media screen and ((min-width:720px)){.global-navigation__category{display:flex}}.global-navigation__category a{border-radius:3px;color:var(--palette-sub);font-family:var(--font-mono);font-size:.8125rem;font-weight:500;padding:7px 12px;text-transform:lowercase;transition:color .15s,background-color .15s}.global-navigation__category a:before{color:var(--palette-theme);content:"/";margin-right:1px;opacity:.7}@media(any-hover:hover)and (any-pointer:fine){.global-navigation__category a:hover{background-color:var(--palette-main-opacity);color:var(--palette-text)}}.global-navigation__item{align-items:center;display:inline-flex}.global-navigation__item:not(:last-child){margin-right:12px}.global-navigation__background{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);background-color:var(--palette-navigation-background);box-shadow:0 5px 10px 0 rgba(0,0,0,.25);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s cubic-bezier(.645,.045,.355,1);width:100%;z-index:-1}.global-navigation--scrolled .global-navigation__background{opacity:1}.logo__text{fill:var(--palette-text)}@media(any-hover:hover)and (any-pointer:fine){.logo--hover-animation path{transition:transform .5s}.logo--hover-animation:hover .logo__image>path{transform:translate3d(331px,0,0)}.logo--hover-animation:hover .logo__text>path{transform:translate3d(0,-600px,0)}.logo--hover-animation:hover .logo__text>path:nth-child(2n){transform:translate3d(0,600px,0)}}.hamburger{align-items:center;display:flex;flex-direction:column;height:30px;justify-content:center;transition:opacity .35s cubic-bezier(.645,.045,.355,1);width:30px}@media(any-hover:hover)and (any-pointer:fine){.hamburger:not(.hamburger--open):hover .hamburger__line--top{transform:rotate(45deg) scaleX(.7) translate3d(calc(50% - 4px),-2px,0)}.hamburger:not(.hamburger--open):hover .hamburger__line--bottom{transform:rotate(-45deg) scaleX(.7) translate3d(calc(50% - 4px),2px,0)}}.hamburger__line{background-color:var(--palette-text);border-radius:5px;height:3px;transition:background-color .35s cubic-bezier(.645,.045,.355,1),transform .35s cubic-bezier(.645,.045,.355,1),opacity .35s cubic-bezier(.645,.045,.355,1);width:20px}.hamburger__line--middle{margin:3px 0}.hamburger--open .hamburger__line,.hamburger--open:hover .hamburger__line{background-color:#fff}.hamburger--open .hamburger__line--top,.hamburger--open:hover .hamburger__line--top{transform:translate3d(0,6px,0) rotate(-135deg)}.hamburger--open .hamburger__line--middle,.hamburger--open:hover .hamburger__line--middle{opacity:0;transform:rotate(135deg)}.hamburger--open .hamburger__line--bottom,.hamburger--open:hover .hamburger__line--bottom{transform:translate3d(0,-6px,0) rotate(-45deg)}.drawer{background-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent);bottom:0;height:100%;opacity:0;overflow-y:auto;pointer-events:none;position:fixed;top:0;transition:opacity .3s cubic-bezier(.645,.045,.355,1);visibility:hidden;width:100%;z-index:1000}.drawer .hamburger{left:12px;position:absolute;top:5px;z-index:10}.drawer--open{opacity:1;pointer-events:auto;visibility:visible}.drawer__content{left:0;min-height:100%;padding:40px 0;position:absolute;top:0;transition:opacity .3s cubic-bezier(.645,.045,.355,1);width:clamp(0px,100%,350px)}.drawer__nav{background-color:var(--palette-background-dimmed);border-radius:8px;display:flex;flex-direction:column;margin:8px 8px 24px;overflow:hidden}.drawer__nav:last-child{margin-bottom:0}.drawer__nav>li{align-items:center;display:flex;padding:16px 8px}.drawer__nav>li:not(:last-child){border-bottom:1px solid var(--palette-sub)}.drawer__nav>li>a:first-child{align-items:center;color:var(--palette-text);display:flex;font-size:1rem;font-weight:500;line-height:1.625rem;width:100%}.drawer__nav>li>a:first-child>i{align-items:center;display:inline-flex;margin-right:4px}.page-header{padding:24px 0 36px;text-align:center}.page-header h1{font-weight:700}.page-header p{font-size:.79rem;line-height:1.027rem;margin-top:8px}.footer{background-color:var(--palette-background-dimmed);margin-top:auto;text-align:center}.footer__curve{display:block;height:60px;width:100%}.footer__curve path{fill:var(--palette-background)}.footer__logo .footer__name-text{fill:var(--palette-text)}.footer__content{padding:24px 48px 68px}.footer__contact{margin:16px 0}.footer__contact button,.footer__contact>a{background:var(--palette-background);border-radius:50%;font-size:1rem;line-height:2rem;margin:0 5px}.footer__contact button,.footer__contact button>i,.footer__contact>a,.footer__contact>a>i{align-items:center;display:inline-flex;height:2rem;justify-content:center;width:2rem}.footer__copyright{color:var(--palette-grayscale-600);font-size:.79rem;line-height:1.027rem;margin-top:16px}.page--top-padding{padding-top:40px}.contents{margin:0 auto;width:clamp(0px,1140px,100%)}#main{margin-bottom:32px}.theme-toggle{cursor:pointer}.theme-toggle__icon circle,.theme-toggle__icon path{fill:#f2c94c;transform-origin:center center;transition:fill .25s ease-in-out,transform .25s ease-in-out,opacity .25s ease-in-out}.theme-toggle__ray{filter:blur(2px);opacity:0}html:not([data-theme=dark]) .theme-toggle__ray{opacity:1}html[data-theme=dark] .theme-toggle__sun{fill:#515255}html[data-theme=dark] .theme-toggle__rays>circle{fill:#25282f}html:not([data-theme=dark]) .theme-toggle__moon{opacity:0}html:not([data-theme=light]) .theme-toggle__rays>circle:first-child{transform:translate(4px,-2px)}html:not([data-theme=light]) .theme-toggle__rays>circle:nth-child(2){transform:translate(0) scale(.5)}html:not([data-theme=light]) .theme-toggle__rays>circle:nth-child(3){transform:translate(-3px,1px) scale(.8)}html:not([data-theme=light]) .theme-toggle__rays>circle:nth-child(4){transform:translateY(5.5px) scale(1.1)}html:not([data-theme=light]) .theme-toggle__rays>circle:nth-child(5){transform:translate(-.8px,-1.7px) scale(.3)}html:not([data-theme=light]) .theme-toggle__rays>circle:nth-child(6){transform:translate(-9.9px,9.4px) scale(1.5)}html:not([data-theme=light]) .theme-toggle__rays>circle:nth-child(7){transform:translate(-1px) scale(.6)}html:not([data-theme=light]) .theme-toggle__rays>circle:nth-child(8){transform:translate(3.8px,-4.4px) scale(1.2)}.button{align-items:center;background-color:var(--palette-background);border:1px solid var(--palette-grayscale-300);border-radius:4px;color:var(--palette-text);justify-content:center;padding:5px 11px;text-decoration:none}.button,.button--resizing-hug{display:inline-flex}.button--resizing-fill{display:flex;width:100%}.button--size-large{padding:13px 21px}.button--size-medium{padding:9px 15px}.button--size-small{padding:5px 11px}.button--variant-base{border:none;padding:0}.button--variant-base.button--disabled{color:var(--palette-grayscale-500)}.button--variant-text{border-color:transparent}.button--variant-text.button--disabled{color:var(--palette-grayscale-500)}.button--variant-primary{background-color:var(--palette-theme);border-color:var(--palette-theme);color:var(--palette-comment-2)}.button--variant-primary.button--disabled{background-color:var(--palette-grayscale-200);border-color:var(--palette-grayscale-200);color:var(--palette-grayscale-500)}.button--variant-secondary{background-color:var(--palette-grayscale-50);border-color:var(--palette-grayscale-200);color:var(--palette-text)}.button--variant-secondary.button--disabled{color:var(--palette-grayscale-500)}.button--variant-outline{background-color:var(--palette-background);border-color:var(--palette-grayscale-300);color:var(--palette-text)}.button--variant-outline.button--disabled{color:var(--palette-grayscale-500)}.button--radius-square{border-radius:0}.button--radius-rounded{border-radius:4px}.button--radius-capsule{border-radius:9999px}.button--radius-circle{border-radius:50%}.scroll-to-top{background-color:var(--palette-background);border:none;border-radius:6px;bottom:46px;box-shadow:0 2px 10px rgba(0,0,0,.12);display:grid;height:36px;opacity:0;padding:0;place-items:center;position:fixed;right:20px;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;visibility:hidden;width:36px;z-index:1100}.scroll-to-top--visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-to-top__ring{height:100%;inset:0;position:absolute;width:100%}.scroll-to-top__track{fill:none;stroke:var(--palette-grayscale-200);stroke-width:2}.scroll-to-top__progress{fill:none;stroke:var(--palette-theme);stroke-linecap:round;stroke-width:2;transition:stroke-dashoffset 80ms linear}.scroll-to-top__arrow{fill:var(--palette-text);height:18px;width:18px}.terminal{background:var(--palette-background-dimmed);border:1px solid var(--palette-sub-opacity);border-radius:6px;overflow:hidden}.terminal__bar{align-items:center;background:var(--palette-main-opacity);border-bottom:1px solid var(--palette-sub-opacity);color:var(--palette-comment-text);display:flex;font-family:var(--font-mono);font-size:11px;gap:8px;padding:9px 14px}.terminal__dots{display:flex;gap:6px}.terminal__dots span{background:var(--palette-grayscale-300);border-radius:50%;height:9px;width:9px}.terminal__dots span:last-child{background:var(--palette-theme);opacity:.6}.terminal__prefix,.terminal__tag{color:var(--palette-theme)}.terminal__tag{border:1px solid color-mix(in srgb,var(--palette-theme) 35%,transparent);border-radius:9999px;font-size:.6875rem;margin-left:auto;padding:3px 9px}.terminal__body{font-family:var(--font-mono);padding:26px}.terminal-cmd{color:var(--palette-comment-text);font-family:var(--font-mono);font-size:.8125rem}.terminal-cmd--block{margin-bottom:16px}.terminal-cmd__path,.terminal-cmd__prompt{color:var(--palette-theme)}.terminal-cmd__hl{color:var(--palette-grayscale-800)}.terminal-cmd__comment{color:var(--palette-grayscale-400)}.terminal-caret{animation:terminal-blink 1.1s steps(1) infinite;background:var(--palette-theme);display:inline-block;height:1em;margin-left:3px;vertical-align:-.12em;width:9px}@keyframes terminal-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.terminal-caret{animation:none}}.bg-decoration{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.bg-decoration__grid{background-image:linear-gradient(hsla(0,0%,50%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,50%,.05) 1px,transparent 0);background-size:44px 44px;inset:0;mask-image:radial-gradient(ellipse 110% 80% at 50% 0,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 110% 80% at 50% 0,#000 30%,transparent 100%);position:absolute}.bg-decoration__glow{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--palette-theme) 15%,transparent),transparent 70%);filter:blur(20px);height:520px;left:50%;position:absolute;top:-260px;transform:translateX(-50%);width:900px}.status-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--palette-navigation-background);border-top:1px solid var(--palette-sub-opacity);bottom:0;color:var(--palette-comment-text);font-family:var(--font-mono);font-size:11px;gap:16px;height:30px;justify-content:space-between;left:0;overflow:hidden;padding:0 18px;position:fixed;right:0;white-space:nowrap;z-index:55}.status-bar,.status-bar__group{align-items:center;display:flex}.status-bar__group{gap:18px}.status-bar__item{align-items:center;display:flex;gap:6px}.status-bar__item--live{color:var(--palette-sub)}.status-bar__hl{color:var(--palette-theme)}.status-bar__dot{background:var(--palette-theme);border-radius:50%;box-shadow:0 0 6px var(--palette-theme);height:7px;width:7px}@media(max-width:560px){.status-bar{display:none}}.profile-card{background:var(--palette-background-dimmed);border:1px solid var(--palette-sub-opacity);border-radius:6px;display:flex;flex-direction:column;padding:22px}.profile-card__head{align-items:center;display:flex;gap:14px}.profile-card__avatar{border:1px solid var(--palette-sub-opacity);border-radius:6px;flex-shrink:0;height:56px;overflow:hidden;width:56px}.profile-card__avatar img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.profile-card__name{color:var(--palette-grayscale-900);font-family:var(--font-mono);font-size:1.0625rem;font-weight:700}.profile-card__sub{color:var(--palette-sub);font-size:.8125rem;margin-top:3px}.profile-card__divider{background:var(--palette-sub-opacity);height:1px;margin:18px 0}.profile-card__socials{display:flex;font-family:var(--font-mono);font-size:.75rem;gap:8px}.profile-card__social{align-items:center;background:var(--palette-main-opacity);border:1px solid var(--palette-sub-opacity);border-radius:4px;color:var(--palette-sub);display:flex;flex:1;gap:5px;justify-content:center;padding:8px 4px;transition:color .15s ease,border-color .15s ease,background-color .15s ease;white-space:nowrap}@media(any-hover:hover)and (any-pointer:fine){.profile-card__social:hover{border-color:var(--palette-theme);color:var(--palette-theme)}}.profile-card__contacts{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:.8125rem;gap:11px}.profile-card__contact{align-items:center;color:var(--palette-sub);display:flex;gap:10px}.profile-card__contact i{color:var(--palette-theme)}.profile-card__contact--link{transition:color .15s ease}@media(any-hover:hover)and (any-pointer:fine){.profile-card__contact--link:hover{color:var(--palette-theme)}}.profile-card__updated{color:var(--palette-grayscale-400);font-family:var(--font-mono);font-size:.6875rem;margin-top:auto;padding-top:18px}