:root{--brand-accent:#0f766e;--brand-border:rgba(15, 23, 42, 0.08)}[data-scheme=dark]{--brand-accent:#5eead4;--brand-border:rgba(148, 163, 184, 0.16)}body{font-family:lato,noto sans kr,sans-serif}html.legacy-background-enabled body{background-color:#171a23}html[data-scheme=light].legacy-background-enabled{--body-background:#edf2f8;--card-background:rgba(255, 255, 255, 0.76);--card-background-selected:rgba(255, 255, 255, 0.92);--card-text-color-main:rgba(15, 23, 42, 0.92);--card-text-color-secondary:rgba(51, 65, 85, 0.82);--card-text-color-tertiary:rgba(71, 85, 105, 0.74);--card-separator-color:rgba(148, 163, 184, 0.28);--shadow-l1:0px 10px 30px rgba(148, 163, 184, 0.16), 0px 2px 10px rgba(255, 255, 255, 0.18);--shadow-l2:0px 18px 48px rgba(148, 163, 184, 0.22), 0px 4px 18px rgba(255, 255, 255, 0.2)}html[data-scheme=dark].legacy-background-enabled{--body-background:#171a23;--card-background:rgba(33, 39, 51, 0.72);--card-background-selected:rgba(58, 71, 93, 0.78);--card-text-color-main:rgba(248, 250, 252, 0.93);--card-text-color-secondary:rgba(226, 232, 240, 0.78);--card-text-color-tertiary:rgba(203, 213, 225, 0.62);--card-separator-color:rgba(148, 163, 184, 0.2);--shadow-l1:0px 12px 28px rgba(2, 6, 23, 0.28), 0px 2px 8px rgba(15, 23, 42, 0.24);--shadow-l2:0px 20px 44px rgba(2, 6, 23, 0.34), 0px 4px 16px rgba(15, 23, 42, 0.28)}html.legacy-background-enabled body::before,html.legacy-background-enabled body::after{content:"";position:fixed;inset:0;pointer-events:none}html.legacy-background-enabled body::before{z-index:0;background-image:var(--legacy-background-image);background-size:cover;background-position:50% 0;background-repeat:no-repeat;opacity:.88}html[data-scheme=light].legacy-background-enabled body::before{opacity:.76;filter:saturate(.88)brightness(1.24)contrast(.9)}html.legacy-background-enabled body::after{z-index:0;background:linear-gradient(180deg,rgba(15,23,42,.72) 0%,rgba(15,23,42,.82) 42%,rgba(15,23,42,.9) 100%),linear-gradient(90deg,rgba(15,23,42,.28) 0%,rgba(15,23,42,.14) 40%,rgba(15,23,42,.24) 100%)}html.legacy-background-enabled body .main-container,html.legacy-background-enabled body .stack-scroll-buttons{position:relative;z-index:1}html.legacy-background-enabled body .article-list article,html.legacy-background-enabled body .search-form.widget input,html.legacy-background-enabled body .sidebar.right-sidebar .widget,html.legacy-background-enabled body .left-sidebar,html.legacy-background-enabled body .sidebar-search-result,html.legacy-background-enabled body .main-article,html.legacy-background-enabled body .article-list--compact,html.legacy-background-enabled body .section-card,html.legacy-background-enabled body .subsection-list article{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}html[data-scheme=light].legacy-background-enabled body::after{background:linear-gradient(180deg,rgba(255,255,255,.54) 0%,rgba(255,255,255,.62) 24%,rgba(248,250,252,.68) 52%,rgba(241,245,249,.74) 100%),linear-gradient(90deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.26) 40%,rgba(255,255,255,.3) 100%)}.left-sidebar{--sidebar-avatar-size:132px}@media(min-width:768px){.left-sidebar{padding-top:2rem}}.left-sidebar .sidebar-home-link{align-self:center;display:inline-flex;align-items:center;gap:.7rem;color:var(--accent-color);font-size:2.35rem;font-weight:900;letter-spacing:.01em;text-decoration:none;margin-top:.8rem;margin-left:0}.left-sidebar .sidebar-home-link img{width:2.4rem;height:2.4rem;display:block;border-radius:.45rem}.left-sidebar .sidebar-home-link:hover{color:var(--accent-color);text-decoration:none}.left-sidebar>header{align-items:center;text-align:center;margin-top:1.2rem}.left-sidebar>header .site-avatar{margin-left:auto;margin-right:auto}.left-sidebar>header .site-meta{align-items:center;text-align:center}.left-sidebar .site-name,.left-sidebar .site-description{text-align:center}.menu-social{justify-content:center;margin-top:.6rem;margin-bottom:3.6rem}.sidebar-search-widget{display:flex;flex-direction:column;gap:1rem}.sidebar-search-result.hidden{display:none}.sidebar-search-result{display:flex;flex-direction:column;gap:.2rem;padding:.8rem;border-radius:var(--card-border-radius);background:var(--card-background);box-shadow:var(--shadow-l1)}.sidebar-search-result-list{display:flex;flex-direction:column}.sidebar-search-result-item{display:block;padding:1rem 1.1rem;border-radius:1rem;color:var(--card-text-color-main);font-size:1.45rem;font-weight:600;line-height:1.45;text-decoration:none;transition:background-color .18s ease,color .18s ease}.sidebar-search-result-item:hover{background:color-mix(in srgb,var(--card-background) 65%,var(--accent-color) 10%);color:var(--accent-color)}#main-menu{margin-top:1.8rem}#background-style-toggle{color:var(--body-text-color);display:flex;align-items:center;cursor:pointer;gap:var(--menu-icon-separation)}#background-style-toggle .icon-tabler-toggle-right{display:none}html.legacy-background-enabled #background-style-toggle{color:var(--accent-color);font-weight:700}html.legacy-background-enabled #background-style-toggle .icon-tabler-toggle-left{display:none}html.legacy-background-enabled #background-style-toggle .icon-tabler-toggle-right{display:unset}@media(min-width:1536px){.left-sidebar{--sidebar-avatar-size:144px}}@media(min-width:1024px){body:not(.article-page):not(.template-search){height:100dvh;overflow:hidden}body:not(.article-page):not(.template-search) .main-container{height:100dvh;max-height:100dvh;overflow:hidden;align-items:stretch}body:not(.article-page):not(.template-search) .left-sidebar,body:not(.article-page):not(.template-search) main.main,body:not(.article-page):not(.template-search) .right-sidebar{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--card-text-color-tertiary) 42%,transparent)transparent}body:not(.article-page):not(.template-search) .left-sidebar::-webkit-scrollbar,body:not(.article-page):not(.template-search) main.main::-webkit-scrollbar,body:not(.article-page):not(.template-search) .right-sidebar::-webkit-scrollbar{width:4px}body:not(.article-page):not(.template-search) .left-sidebar::-webkit-scrollbar-track,body:not(.article-page):not(.template-search) main.main::-webkit-scrollbar-track,body:not(.article-page):not(.template-search) .right-sidebar::-webkit-scrollbar-track{background:0 0}body:not(.article-page):not(.template-search) .left-sidebar::-webkit-scrollbar-thumb,body:not(.article-page):not(.template-search) main.main::-webkit-scrollbar-thumb,body:not(.article-page):not(.template-search) .right-sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--card-text-color-tertiary) 38%,transparent);border-radius:999px}body:not(.article-page):not(.template-search) .left-sidebar::-webkit-scrollbar-thumb:hover,body:not(.article-page):not(.template-search) main.main::-webkit-scrollbar-thumb:hover,body:not(.article-page):not(.template-search) .right-sidebar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent-color) 24%,var(--card-text-color-tertiary) 52%)}body:not(.article-page):not(.template-search) .left-sidebar,body:not(.article-page):not(.template-search) .right-sidebar{padding-bottom:2rem}body:not(.article-page):not(.template-search) .left-sidebar.sticky,body:not(.article-page):not(.template-search) .right-sidebar.sticky{position:relative;top:auto}}#main-menu .menu-group details{width:100%}#main-menu .menu-group-toggle{width:100%;display:inline-flex;align-items:center;color:var(--body-text-color);gap:var(--menu-icon-separation);cursor:pointer;list-style:none}#main-menu .menu-group-toggle::-webkit-details-marker{display:none}#main-menu .menu-group-toggle svg:last-child{width:16px;height:16px;margin-left:auto;transition:transform .2s ease}#main-menu .menu-group details[open]>.menu-group-toggle svg:last-child{transform:rotate(90deg)}#main-menu .menu-group.current>details>.menu-group-toggle{color:var(--accent-color);font-weight:700}#main-menu .menu-submenu{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-lg);margin:1rem 0 0 calc(20px + var(--menu-icon-separation));padding:0 0 0 1.2rem;border-left:1px solid var(--card-separator-color)}#main-menu .menu-submenu li a{gap:0;color:var(--body-text-color)}#main-menu .menu-submenu li.current a{color:var(--accent-color);font-weight:700}.site-footer--spacer{min-height:12rem}.site-footer--spacer::before{display:none}.site-description{min-height:1.6em;transition:opacity .35s ease,transform .35s ease}.article-content{font-size:1.7rem;line-height:1.85}body.article-page.inline-toc .article-toc{display:flex}.article-reading-meta{gap:.7rem!important}.article-page .main-article .article-header .article-image{display:flex;align-items:center;justify-content:center;padding:1.2rem 1.2rem 0;background:rgba(255,255,255,3%)}.article-page .main-article .article-header .article-image img{width:100%;height:auto;max-height:32rem;object-fit:contain;object-position:center}@media(min-width:1024px){.article-page{--toc-panel-width:38rem;--toc-toggle-width:8.4rem;--toc-toggle-compact:3.4rem;--toc-toggle-gap:0.8rem;--toc-closed-gap:1.2rem;--toc-open-gap:0.8rem;--toc-panel-inset:2.2rem;--toc-tab-bg:linear-gradient(
        180deg,
        rgb(108, 116, 128) 0%,
        rgb(87, 95, 107) 100%
      );--toc-tab-bg-hover:linear-gradient(
        180deg,
        rgb(121, 129, 141) 0%,
        rgb(98, 106, 118) 100%
      )}[data-scheme=light] .article-page{--toc-tab-bg:linear-gradient(
        180deg,
        color-mix(in srgb, var(--brand-accent) 32%, white 68%) 0%,
        color-mix(in srgb, var(--brand-accent) 48%, white 52%) 100%
      );--toc-tab-bg-hover:linear-gradient(
        180deg,
        color-mix(in srgb, var(--brand-accent) 38%, white 62%) 0%,
        color-mix(in srgb, var(--brand-accent) 54%, white 46%) 100%
      )}.article-page .main-container{padding-right:5rem}.article-page .main-container>main.main{margin-right:var(--toc-closed-gap);transition:margin-right .22s ease}body.article-page:has(.right-sidebar .toc-drawer[open]) .main-container>main.main{margin-right:calc(var(--toc-panel-width) + var(--toc-open-gap))}.article-page .right-sidebar{position:fixed;top:8.4rem;right:0;width:0;max-width:none;padding:0;gap:0;z-index:30;overflow:visible}.article-page .right-sidebar .toc-drawer-widget,.article-page .right-sidebar .toc-drawer{width:0;overflow:visible}.article-page .right-sidebar .toc-drawer{position:relative}.article-page .right-sidebar .toc-drawer-toggle{position:absolute;right:0;top:1.6rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:4.1rem;height:9.6rem;border:1px solid rgba(255,255,255,8%);padding:.9rem .55rem 1.35rem;background:var(--toc-tab-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-l1);color:#f8fafc;font-size:1.35rem;font-weight:700;font-family:lato,sans-serif;font-style:normal;line-height:1;font-synthesis:none;letter-spacing:.04em;cursor:pointer;list-style:none;writing-mode:vertical-rl;text-orientation:mixed;border-right:0;border-radius:1rem 0 0 1rem;transition:transform .2s ease,background-color .2s ease,color .2s ease}.article-page .right-sidebar .toc-drawer-toggle::before{content:"";position:absolute;top:.75rem;left:50%;width:.55rem;height:.55rem;margin-left:-.275rem;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 0 0 .16rem rgba(15,23,42,.14)}.article-page .right-sidebar .toc-drawer-toggle::after{display:none}.article-page .right-sidebar .toc-drawer-toggle span{display:inline-block}.article-page .right-sidebar .toc-drawer-toggle:hover{transform:none;border-color:rgba(255,255,255,.24);background:var(--toc-tab-bg-hover);box-shadow:var(--shadow-l1),inset 0 0 0 1px rgba(255,255,255,.12)}.article-page .right-sidebar .toc-drawer-toggle::-webkit-details-marker{display:none}.article-page .right-sidebar .toc-drawer-panel{position:absolute;top:0;right:var(--toc-panel-inset);width:var(--toc-panel-width);max-height:calc(100vh - 10rem);display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateX(calc(100% + 1rem));pointer-events:none;transition:transform .2s ease}.article-page .right-sidebar .toc-drawer[open] .toc-drawer-panel{opacity:1;transform:translateX(0);pointer-events:auto}.article-page .right-sidebar .toc-drawer[open] .toc-drawer-toggle{opacity:0;pointer-events:none}.article-page .right-sidebar .toc-drawer[open] .toc-drawer-toggle{font-size:0}.article-page .right-sidebar .toc-drawer[open] .toc-drawer-toggle::before{opacity:0}.article-page .right-sidebar .toc-drawer[open] .toc-drawer-toggle::after{display:none}.article-page .right-sidebar .widget.archives{gap:0}.article-page .right-sidebar .toc-drawer-panel .widget-title{margin:0;padding:0 .4rem;font-family:lato,sans-serif;font-style:normal;font-synthesis:none}html[lang=ko] .article-page .right-sidebar .toc-drawer-toggle,html[lang=ko] .article-page .right-sidebar .toc-drawer-panel .widget-title{font-family:lato,sans-serif!important;font-style:normal;font-synthesis:none;letter-spacing:.04em}}@media(min-width:768px){.article-list article.has-image{height:auto}.article-list article.has-image>.article-header{display:flex;flex-direction:row-reverse;align-items:stretch;height:auto}.article-list article.has-image>.article-header>.article-image{flex:0 0 38%;display:flex;align-items:center;justify-content:center;align-self:center;overflow:hidden;background:rgba(255,255,255,4%);padding:1.2rem}.article-list article.has-image>.article-header>.article-image a{display:flex;align-items:center;justify-content:center;width:100%}.article-list article.has-image>.article-header>.article-image img{width:100%;height:auto;max-height:22rem;object-fit:contain;object-position:center}.article-list article.has-image>.article-header>.article-details{flex:auto;min-width:0;justify-content:space-between}.article-list article.has-image .article-subtitle{font-size:1.45rem;line-height:1.55}}.article-content p,.article-content ul,.article-content ol{margin-bottom:1rem}.article-content h2,.article-content h3,.article-content h4{font-family:lato,noto sans kr,sans-serif}.article-content h2{margin-top:2.5rem;font-size:2rem}.article-content h3{margin-top:2rem;font-size:1.55rem}.article-content h4{margin-top:1.5rem;font-size:1.2rem}.article-content code{font-family:jetbrains mono,monospace}.stack-alert,.stack-carousel,.stack-chart,.stack-swatch-grid,.stack-article-card,.stack-youtube-lite{border:1px solid var(--brand-border)}.stack-alert{display:grid;grid-template-columns:2rem 1fr;gap:.85rem;padding:1rem 1.1rem;margin:1.4rem 0;border-radius:1rem}.stack-alert__icon{display:grid;place-items:center;font-size:1.1rem}.stack-alert__content>:first-child{margin-top:0}.stack-alert__content>:last-child{margin-bottom:0}.stack-alert--tip{background:rgba(14,165,233,8%)}.stack-alert--warning,.stack-alert--caution{background:rgba(245,158,11,.1)}.stack-alert--important{background:rgba(239,68,68,.1)}.stack-alert--note{background:rgba(99,102,241,8%)}.stack-lead{margin:1.5rem 0 2rem;padding-left:1rem;border-left:4px solid var(--brand-accent);font-size:1.18rem;font-weight:600}.stack-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:.85rem;overflow-x:auto;padding:.75rem;margin:1.5rem 0;border-radius:1rem;scroll-snap-type:x mandatory}.stack-carousel img{width:100%;height:100%;object-fit:cover;border-radius:.9rem;scroll-snap-align:start;aspect-ratio:var(--stack-carousel-ratio,16/9)}body.template-life-log .article-content figure{width:min(100%,78rem);margin:2rem auto}body.template-life-log .article-content figure img{display:block;width:100%;max-height:54rem;object-fit:contain;margin:0 auto;border-radius:1rem}body.template-life-log .article-content .stack-carousel{width:min(100%,90rem);margin:2rem auto;grid-auto-columns:minmax(30rem,1fr);align-items:center}body.template-life-log .article-content .stack-carousel img{width:100%;height:clamp(24rem,38vw,34rem);object-fit:contain;background:color-mix(in srgb,var(--card-background) 92%,var(--brand-border) 8%)}.stack-article-card{display:grid;gap:.45rem;padding:1rem 1.1rem;margin:1.4rem 0;border-radius:1rem}.stack-article-card__title{font-weight:700}.stack-icon{display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-right:.15em;vertical-align:-.15em}.stack-icon--emoji{font-size:1em}.stack-chart{margin:1.5rem 0;padding:1rem;border-radius:1rem}.stack-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.85rem;padding:1rem;margin:1.5rem 0;border-radius:1rem}.stack-swatch{min-height:110px;border-radius:.85rem;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.stack-swatch span{display:block;padding:.75rem;font-size:.84rem;font-family:jetbrains mono,monospace;background:rgba(255,255,255,.72)}[data-scheme=dark] .stack-swatch span{background:rgba(15,23,42,.72)}.stack-typeit{display:block;margin:1rem 0;min-height:1.6em}.stack-typeit-cursor::after{content:"|";margin-left:.08em;animation:stack-blink .8s infinite}@keyframes stack-blink{0%,49%{opacity:1}50%,100%{opacity:0}}.stack-youtube-lite{position:relative;width:100%;aspect-ratio:16/9;margin:1.5rem 0;overflow:hidden;border-radius:1rem}.stack-youtube-lite iframe{width:100%;height:100%;border:0}.stack-scroll-buttons{position:fixed;right:1.2rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:40}.stack-scroll-btn{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:0;border-radius:999px;color:var(--card-text-color-main);background:var(--card-background);box-shadow:var(--shadow-l1);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.stack-scroll-btn.visible{opacity:1;visibility:visible}.stack-scroll-btn:hover{transform:translateY(-2px)}@media(max-width:768px){.stack-scroll-buttons{right:.9rem;bottom:1rem}.article-page .main-article .article-header .article-image{padding:.8rem .8rem 0}.article-page .main-article .article-header .article-image img{max-height:22rem}.article-content{font-size:1.6rem}}