#toggleDarkMode:where(.astro-b5wftkml){&[data-theme=dark]{.system:where(.astro-b5wftkml){display:none}.dark:where(.astro-b5wftkml){display:block}}&[data-theme=light]{.system:where(.astro-b5wftkml){display:none}.light:where(.astro-b5wftkml){display:block}}}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,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}@keyframes fade-in-up{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}.animate{opacity:0;animation:.3s fade-in-up;animation-fill-mode:forwards}@media(prefers-reduced-motion){.animate{opacity:0;animation:.1s fade-in-up;animation-fill-mode:forwards}}#content-header{animation-delay:50ms}#content{animation-delay:.1s}#sidebar{animation-delay:.15s}span.katex-display{overflow-y:scroll;padding:.5rem}.katex-html{overflow:auto hidden;padding:3px}.katex-html .base{margin-block:0;margin-inline:auto}.katex-html .tag{position:relative!important;display:inline-block;padding-inline-start:.5rem}.astro-code{margin-top:.5rem;margin-bottom:.5rem;border-radius:var(--radius);background-color:hsl(var(--muted) / var(--un-bg-opacity, 1))!important;display:flex;flex-direction:column;& pre{margin:0;padding-top:.85rem;padding-bottom:.85rem;padding-inline:0;background:none;overflow-x:scroll;& code{display:block;width:fit-content;min-width:100%;min-height:1.5rem;counter-reset:step;counter-increment:step 0;&:before{position:absolute;inset-inline-start:0;width:2.75rem;top:.8571429em;bottom:0;content:"";display:block;background-color:hsl(var(--muted) / var(--un-bg-opacity, 1));z-index:1}.line{padding-inline-end:3rem;&:before{position:sticky;content:counter(step);counter-increment:step;color:hsl(var(--muted-foreground) / .6);background-color:hsl(var(--muted) / var(--un-bg-opacity, 1));inset-inline-start:0;justify-content:end;display:inline-flex;width:2rem;padding-inline-end:.75rem;box-sizing:content-box;z-index:2}&:last-child:empty,&:last-child:has(>span:empty:only-child){display:none}}}}}.dark{.astro-code pre span{color:var(--shiki-dark)!important}}.astro-code{&:has(code){position:relative}&:has(div.title){padding-top:2rem;& code:before{top:calc(2rem + .8571429em)}}.title{position:absolute;top:0;left:0;margin:.5rem}.language{transition:opacity .3s;position:absolute;top:.75rem;right:0}& button.copy{transition:opacity .3s;opacity:0;position:absolute;top:.75rem;right:.75rem;user-select:none;.success:before{content:"Copied!";position:absolute;right:100%;top:0;bottom:0;display:flex;justify-content:center;align-items:center;font-size:.75rem;padding:.5rem;margin-right:.5rem;border-radius:.25rem;color:hsl(var(--muted-foreground) / var(--un-text-opacity, 1));background-color:hsl(var(--card) / var(--un-bg-opacity, 1));border:1px solid hsl(var(--border) / var(--un-border-opacity, 1))}&.copied{.success{display:block}.ready{display:none}}}&:hover,&:focus-within{& button.copy{opacity:1}.language{opacity:0}}.highlighted,.diff{min-width:100%;display:inline-block}.highlighted,.highlighted:before{background-color:#95a6b752!important}.diff{&.remove{background-color:#f43f5e29;&:before{background-color:#f43f5e29;content:"-"}}&.add{background-color:#10b98129;&:before{background-color:#10b98129;content:"+"}}}.collapse-toggle{z-index:3;padding:.25rem;user-select:none;display:flex;justify-content:center;align-items:center;column-gap:.3rem;box-sizing:border-box;margin:0;border-top:1px solid hsl(var(--border) / var(--un-border-opacity, 1));.desc:before{content:"Collapse"}& svg{transition:transform .2s ease;transform:rotate(180deg)}}&.collapsed{& pre{max-height:15rem;overflow:hidden}.collapse-toggle{margin:.5rem;border:1px solid hsl(var(--border) / var(--un-border-opacity, 1));.desc:before{content:"Show all"}& svg{transform:rotate(0)}}.collapse-fade{z-index:2;user-select:none;pointer-events:none;position:absolute;bottom:0;left:0;right:0;height:8rem;background:linear-gradient(to bottom,transparent 0%,hsl(var(--muted) / var(--un-bg-opacity, 1)) 60%)}}}:root{--scrollbar-thumb: hsl(var(--muted-foreground) / var(--un-bg-opacity, .3))}:not(html){::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px}}.prose :where(h2){margin-top:2.125em;margin-bottom:.65em;letter-spacing:-.03em}.prose :where(h3){margin-top:1.65em;margin-bottom:.5em;letter-spacing:-.025em}.prose :where(li>p){margin-block:.35em}.prose :where(li>p:first-child){margin-top:0}.prose :where(li>p:last-child){margin-bottom:0}.prose :where(a code){color:inherit}:root{--primary: 217 91% 53%;--primary-foreground: 0 0% 100%;--foreground: 222 22% 11%;--muted-foreground: 220 9% 40%;--background: 0 0% 100%;--muted: 220 14% 92%;--card: 0 0% 100%;--elevated: 0 0% 100%;--border: 220 12% 88%;--input: 220 12% 90%;--ring: 217 91% 53%;--radius: 1.125rem;--radius-lg: 1.5rem;--radius-pill: 624.9375rem;--shadow-sm: 0 1px 2px rgb(15 23 42 / .04);--shadow-md: 0 8px 30px rgb(15 23 42 / .06);--shadow-nav: 0 1px 0 rgb(15 23 42 / .06)}.dark{--primary: 212 96% 68%;--primary-foreground: 222 22% 11%;--foreground: 210 25% 98%;--muted-foreground: 220 9% 64%;--background: 222 18% 7%;--muted: 222 14% 14%;--card: 222 16% 11%;--elevated: 222 14% 13%;--border: 222 12% 18%;--input: 222 12% 16%;--ring: 212 96% 68%;--shadow-sm: 0 1px 2px rgb(0 0 0 / .35);--shadow-md: 0 12px 40px rgb(0 0 0 / .45);--shadow-nav: 0 1px 0 rgb(255 255 255 / .06)}:root{--un-default-border-color: hsl(var(--border) / 1)}html.dark{color-scheme:dark}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;line-height:1.6;letter-spacing:-.02em;background-color:hsl(var(--background))}html:not(.dark) body{background-image:none}.dark body{background-image:radial-gradient(100% 50% at 50% -15%,hsl(var(--primary) / .12),transparent 55%)}a{transition:color .15s ease;&:hover{color:hsl(var(--primary) / var(--un-text-opacity, 1))}}:focus-visible{outline:2px solid hsl(var(--ring) / .45);outline-offset:3px}.layout-pad-x{padding-left:calc(1rem + env(safe-area-inset-left,0px));padding-right:calc(1rem + env(safe-area-inset-right,0px))}@media(min-width:640px){.layout-pad-x{padding-left:calc(1.5rem + env(safe-area-inset-left,0px));padding-right:calc(1.5rem + env(safe-area-inset-right,0px))}}@media(min-width:1024px){.layout-pad-x{padding-left:calc(2rem + env(safe-area-inset-left,0px));padding-right:calc(2rem + env(safe-area-inset-right,0px))}}.layout-content{box-sizing:border-box;display:flex;flex-direction:column;gap:76px;max-width:1140px;width:100%;margin:0 auto;align-self:stretch;flex:1 1 auto;padding:40px 60px 160px}@media(max-width:639px){.layout-content{padding:16px 0 56px;gap:28px}}#site-header.site-header--scrolled{border-bottom-color:hsl(var(--border) / .55);box-shadow:0 1px #0f172a0d,0 6px 16px #0f172a0f}.dark #site-header.site-header--scrolled{border-bottom-color:hsl(var(--border) / .45);box-shadow:0 1px #ffffff0d,0 8px 24px #0006}@media(prefers-reduced-motion:reduce){#site-header{transition:none}}.home-magazine{--home-gap-section: 76px}@media(max-width:639px){.home-magazine{--home-gap-section: 28px}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.home-aside-title{font-size:1.125rem;font-weight:800;letter-spacing:-.03em;color:hsl(var(--foreground));padding-bottom:.5rem;margin-bottom:.25rem;border-bottom:2px solid hsl(var(--foreground) / .08)}.home-popular-panel{border-radius:1.75rem;background-color:hsl(var(--muted) / .65);padding:1.5rem 1.35rem 1.35rem;border:1px solid hsl(var(--border) / .3)}.dark .home-popular-panel{background-color:hsl(var(--muted) / .35);border-color:hsl(var(--border) / .45)}.home-popular-panel__title{margin:0;font-size:1.125rem;font-weight:800;letter-spacing:-.03em;color:hsl(var(--foreground))}.home-popular-rank{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:#fff;font-size:.875rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:hsl(var(--primary));box-shadow:0 1px 2px #0f172a12}.dark .home-popular-rank{background:hsl(var(--card));box-shadow:0 1px 3px #00000059}.recent-carousel{width:100%}.recent-carousel-viewport{position:relative;display:flex;flex-direction:column;max-height:280px;height:min(280px,70vw);border-radius:1.25rem;overflow:hidden;background:hsl(var(--card))}@media(min-width:769px){.recent-carousel-viewport{height:280px}}@media(max-width:768px){.recent-carousel-viewport{max-height:none;height:auto;overflow:hidden;border-radius:0;background:transparent;border:none;box-shadow:none}}.recent-carousel-track{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%;flex:1 1 auto;min-height:0;width:100%;position:relative}@media(max-width:768px){.recent-carousel-track{grid-template-rows:auto;height:auto;flex:0 0 auto;min-height:0;overflow:hidden}}.recent-carousel-slide{grid-area:1 / 1;min-height:0;min-width:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:0;transition:opacity .45s cubic-bezier(.25,.1,.25,1)}.recent-carousel-slide[aria-hidden=false]{opacity:1;pointer-events:auto;z-index:1}@media(prefers-reduced-motion:reduce){.recent-carousel-slide{transition:none}}@media(max-width:768px){.recent-carousel-slide{height:auto}}.recent-carousel-link{display:flex;height:100%;min-height:0;flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:.75rem .75rem .75rem 1rem;text-decoration:none;color:inherit}@media(min-width:769px){.recent-carousel-link{position:relative;z-index:0;align-items:center;align-self:stretch;max-width:64rem;margin-inline:auto;gap:4rem;padding:0 1rem;justify-content:flex-start}}@media(max-width:768px){.recent-carousel-link{flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:flex-start;gap:1.5rem;max-width:100%;padding:0}}.recent-carousel-copy{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-self:stretch;padding-top:0;padding-bottom:0}@media(max-width:768px){.recent-carousel-copy{display:flex;flex:none;flex-direction:column;order:1;align-items:flex-start;align-self:stretch;width:100%;padding:0;justify-content:space-between;overflow:hidden}}@media(min-width:769px){.recent-carousel-copy{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;align-self:stretch;min-width:0;max-width:none;padding-top:1.5rem;padding-bottom:0;justify-content:flex-start;overflow:hidden}}.recent-carousel-copy-text{display:flex;flex-direction:column;gap:.5rem;text-align:left}@media(min-width:769px){.recent-carousel-copy-text{gap:.75rem;width:100%;flex:1 1 auto;min-height:0;align-items:flex-start}}@media(max-width:768px){.recent-carousel-copy-text{margin-top:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.5rem;min-height:0;width:100%;text-align:left}}.recent-carousel-title{margin:0;font-size:clamp(1.125rem,3.8vw,1.75rem);font-weight:800;line-height:1.22;letter-spacing:-.035em;color:hsl(var(--foreground))}@media(min-width:769px){.recent-carousel-title{font-size:2.25rem;font-weight:700;line-height:1.35;letter-spacing:-.02em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:#191f28}.dark .recent-carousel-title{color:hsl(var(--foreground))}}@keyframes recent-carousel-title-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:769px){.recent-carousel-title.recent-carousel-title--anim{animation:recent-carousel-title-in .4s ease-in-out}}@media(prefers-reduced-motion:reduce){.recent-carousel-title.recent-carousel-title--anim{animation:none}}@media(max-width:768px){.recent-carousel-title{width:100%;font-size:1.25rem;font-weight:700;line-height:1.35;letter-spacing:-.02em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;color:#191f28}.dark .recent-carousel-title{color:hsl(var(--foreground))}}.group:hover .recent-carousel-title{color:hsl(var(--primary) / 1)}.recent-carousel-desc{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;line-height:1.55;color:hsl(var(--muted-foreground))}@media(min-width:769px){.recent-carousel-desc{font-size:.875rem;line-clamp:2;-webkit-line-clamp:2;max-width:36rem}}@media(max-width:768px){.recent-carousel-desc{margin-top:0;max-width:100%;font-size:.9375rem;line-height:1.5;line-clamp:3;-webkit-line-clamp:3;text-align:left}}.recent-carousel-media{flex-shrink:0;width:42%;max-width:400px;min-height:0;align-self:stretch;border-radius:1.25rem;overflow:hidden;background:#f3f4f6}@media(min-width:769px){.recent-carousel-media{position:relative;pointer-events:none;width:min(520px,48%);max-width:520px;height:280px;flex-shrink:0;align-self:center;border-radius:16px}}.dark .recent-carousel-media{background:hsl(var(--muted))}@media(max-width:768px){.recent-carousel-media{order:-1;width:100%;max-width:none;height:auto;aspect-ratio:312 / 175.5;align-self:stretch;border-radius:12px}}.recent-carousel-img{height:100%;width:100%;object-fit:cover}.recent-carousel-img--placeholder{min-height:8rem;background:linear-gradient(135deg,hsl(var(--primary) / .15),#e8eaed)}.dark .recent-carousel-img--placeholder{background:linear-gradient(135deg,hsl(var(--primary) / .2),hsl(var(--muted)))}.recent-carousel-controls{position:absolute;left:1rem;bottom:0;display:flex;gap:.5rem;z-index:2}@media(min-width:769px){.recent-carousel-controls{left:1.25rem;bottom:0rem}}@media(max-width:768px){.recent-carousel-controls{position:static;display:flex;flex-shrink:0;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding:.625rem 0 .5rem;margin:0;background:transparent;border:none;border-radius:0}}.recent-carousel-arrow{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;border:none;background:#f3f4f6;color:#4b5563;cursor:pointer;transition:background .15s ease,color .15s ease}@media(max-width:768px){.recent-carousel-arrow{width:2.75rem;height:2.75rem;min-width:44px;min-height:44px}}.dark .recent-carousel-arrow{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.recent-carousel-arrow:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.dark .recent-carousel-arrow:hover{background:hsl(var(--border) / .5);color:hsl(var(--foreground))}.highlight{--highlight-fg: color-mix( in srgb, var(--highlightColor) 40%, hsl(var(--foreground)/var(--un-text-opacity, 1)) );color:var(--highlight-fg, hsl(var(--primary) / var(--un-text-opacity)))!important}.highlight-bg{background-color:var( --highlightColor, hsl(var(--primary) / var(--un-text-opacity)) )!important}#main-container:where(.astro-37fxchfa){padding-top:env(safe-area-inset-top)}