:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--bg-alt:#fbfbfa;--text:#37352f;--muted:#787774;--border:#e9e9e7;--line-strong:#d9d8d6;--accent:#0b6e99;--shadow:#1118270d;--sidebar-width:160px;--right-width:220px;--layout-gap:32px;--content-width:1240px;--radius:6px;--notion-default:#37352f;--notion-gray:#787774;--notion-brown:#9f6b53;--notion-orange:#d9730d;--notion-yellow:#cb912f;--notion-green:#448361;--notion-blue:#337ea9;--notion-purple:#9065b0;--notion-pink:#c14c8a;--notion-red:#d44c47;--pill-bg:#f1f1ef;--code-bg:#f7f6f3;--code-border:#e9e9e7;--code-text:#37352f;--code-meta:#787774}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191919;--bg-alt:#202020;--text:#e9e9e7;--muted:#9b9a97;--border:#373737;--line-strong:#4a4a4a;--accent:#5ba9d6;--shadow:#00000059;--notion-default:#e9e9e7;--notion-gray:#9b9a97;--notion-brown:#937264;--notion-orange:#ffa344;--notion-yellow:#ffdc49;--notion-green:#4dad84;--notion-blue:#529cca;--notion-purple:#9a6dd7;--notion-pink:#e255a1;--notion-red:#ff7369;--pill-bg:#2c2c2c;--code-bg:#2a2b2e;--code-border:#3a3d42;--code-text:#e9e9e7;--code-meta:#9b9a97}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191919;--bg-alt:#202020;--text:#e9e9e7;--muted:#9b9a97;--border:#373737;--line-strong:#4a4a4a;--accent:#5ba9d6;--shadow:#00000059;--notion-default:#e9e9e7;--notion-gray:#9b9a97;--notion-brown:#937264;--notion-orange:#ffa344;--notion-yellow:#ffdc49;--notion-green:#4dad84;--notion-blue:#529cca;--notion-purple:#9a6dd7;--notion-pink:#e255a1;--notion-red:#ff7369;--pill-bg:#2c2c2c;--code-bg:#2a2b2e;--code-border:#3a3d42;--code-text:#e9e9e7;--code-meta:#9b9a97}}
*{box-sizing:border-box}html{scrollbar-gutter:stable}body{color:var(--text);background:var(--bg);margin:0;font-family:Pretendard,IBM Plex Sans KR,system-ui,-apple-system,sans-serif;overflow-y:scroll}a{color:inherit;text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}img{max-width:100%;display:block}.page{min-height:100vh}.meta{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}
.header{z-index:40;background:color-mix(in srgb,var(--bg)92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.header__inner{max-width:var(--content-width);justify-content:space-between;align-items:center;margin:0 auto;padding:16px 24px;display:flex}.header__logo{letter-spacing:-.02em;font-family:inherit;font-size:20px;font-weight:700}.header__nav{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:20px;font-family:inherit;font-size:12px;display:flex}.header__nav a{align-items:center;min-height:32px;display:inline-flex}.header__menu-toggle{border:1px solid var(--border);background:var(--bg-alt);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:stretch;padding:7px 6px;display:none}.header__menu-toggle span{background:currentColor;border-radius:999px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.header__menu-toggle.is-open span:first-child{transform:translateY(9px)rotate(45deg)}.header__menu-toggle.is-open span:nth-child(2){opacity:0}.header__menu-toggle.is-open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.header__menu-backdrop{opacity:0;pointer-events:none;z-index:39;background:#00000047;border:none;transition:opacity .2s;display:none;position:fixed;inset:0}.header__menu-backdrop.is-open{opacity:1;pointer-events:auto;display:block}.header__menu-panel{background:var(--bg);border-left:1px solid var(--border);z-index:40;width:min(340px,90vw);height:100dvh;padding:18px 18px 24px;transition:transform .24s;display:none;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.header__menu-panel.is-open{display:block;transform:translate(0)}.header__menu-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.header__menu-head button{border:1px solid var(--border);background:var(--bg-alt);color:var(--muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.header__menu-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:14px 0 10px;font-size:12px}.header__menu-section{flex-direction:column;gap:2px;display:flex}.header__menu-section a{border-radius:8px;padding:10px 8px;transition:background-color .18s,color .18s}.header__menu-section a:hover{background:color-mix(in srgb,var(--bg-alt)82%,transparent)}.theme-toggle{appearance:none;border:1px solid var(--border);background:var(--bg-alt);color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;line-height:1;display:inline-flex}.theme-toggle:hover{color:var(--accent);border-color:var(--line-strong)}.theme-toggle__icon{width:16px;height:16px;display:inline-flex}.theme-toggle__icon svg{width:100%;height:100%;display:block}
.layout{max-width:var(--content-width);grid-template-columns:var(--sidebar-width)minmax(0,1fr)var(--right-width);gap:var(--layout-gap);background:0 0;margin:0 auto;padding:32px 24px 80px;display:grid}.sidebar-left,.sidebar-right{position:relative}.sidebar-left__inner{flex-direction:column;gap:28px;display:flex;position:sticky;top:120px}.main{min-width:0}
.sidebar-profile{flex-direction:column;gap:32px;display:flex;position:sticky;top:120px}.profile{background:0 0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.profile__image{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:96px;height:96px}.profile__placeholder{background:var(--border)}.profile__name{font-size:18px;font-weight:600}.profile__role{color:var(--muted);font-size:13px}.profile-section h3{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 12px;font-size:12px}.profile-section ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.profile-section{border-top:1px solid color-mix(in srgb,var(--border)80%,transparent);padding-top:16px}.profile-section a,.profile-section__item{border-bottom:none;align-items:center;gap:8px;padding-bottom:8px;font-size:14px;display:flex}.project-icon,.contact-icon{background:var(--pill-bg);border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.contact-list img,.project-icon img{border-radius:4px;width:18px;height:18px}.category-menu h3,.toc h3,.related h3{text-transform:uppercase;letter-spacing:.12em;font-size:12px}.category-menu ul{flex-direction:column;gap:2px;margin:12px 0 0;padding:0;list-style:none;display:flex}.category-menu li a{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:0;padding:8px 0;font-size:14px;transition:color .2s;display:block;overflow:hidden}.category-menu li a:hover{color:var(--accent)}.category-menu li a.is-active{color:var(--text);font-weight:600}.toc__list{gap:12px;display:flex}.toc__line{background:var(--border);border-radius:0;width:1px}.toc__list ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.toc__item a{color:var(--muted);border-radius:6px;margin-left:-6px;padding:2px 6px;font-size:13px;transition:color .18s,background-color .18s,transform .18s;display:inline-block}.toc__item a:hover{color:var(--text);background:color-mix(in srgb,var(--pill-bg)75%,transparent);transform:translate(2px)}.toc__item.level-2 a{color:var(--text);font-weight:600}.related li{border-bottom:1px solid var(--border);padding:10px 0}
.feed{flex-direction:column;gap:24px;display:flex}.feed__search{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-alt)94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:static}.feed__search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:14px}.feed__list{flex-direction:column;gap:0;display:flex}.feed__item{border-bottom:1px solid var(--border);justify-content:space-between;gap:24px;min-height:168px;padding:24px 0;display:flex}.feed__item:last-child{border-bottom:none}.feed__text{flex-direction:column;flex:1;min-width:0;display:flex}.feed__text h2{letter-spacing:-.02em;margin:0 0 8px;font-size:28px}.feed__text h2 a{transition:color .2s}.feed__text p{color:var(--muted);margin:0 0 14px}.feed__meta-group{flex-direction:column;gap:8px;margin-top:auto;display:flex}.feed__categories{flex-wrap:wrap;gap:6px;display:flex}.feed__categories .category-pill{font-size:11px}.feed__thumb{border-radius:10px;flex-shrink:0;width:180px;margin-left:auto;overflow:hidden}.feed__thumb img{object-fit:cover;background:var(--border);border:none;border-radius:10px;width:100%;height:120px;transition:transform .28s}.feed__item .meta{transition:color .2s}.feed__item:hover .feed__text h2 a{color:var(--accent)}.feed__item:hover .feed__thumb img{transform:scale(1.03)}.feed__item:hover .meta{color:color-mix(in srgb,var(--muted)70%,var(--text))}.home__content{flex-direction:column;gap:16px;display:flex}.home__empty{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:24px}
.post-detail{flex-direction:column;gap:24px;display:flex}.post-detail__header h1{letter-spacing:-.03em;margin:8px 0;font-size:42px;line-height:1.1}.post-detail__categories{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.category-pill{background:var(--pill-bg);border-radius:999px;padding:5px 10px;font-size:12px}.post-detail__hero img{border:none;border-radius:12px;width:100%;height:auto;margin-top:24px}.post-detail__content p{margin:12px 0;line-height:1.8}.post-detail__content h2,.post-detail__content h3,.post-detail__content h4{border-top:none;margin:32px 0 10px;padding-top:0;scroll-margin-top:110px}.post-detail__content blockquote{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--bg-alt)75%,var(--bg));border-top:none;border-bottom:none;margin:20px 0;padding:12px 16px}.post-detail__content-loading{place-items:center;min-height:240px;display:grid}.callout{background:color-mix(in srgb,var(--bg-alt)85%,var(--bg));border:1px solid var(--border);border-radius:10px;gap:12px;padding:16px;display:flex}.callout-icon{font-size:20px}table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}td{border:1px solid var(--border);padding:8px 12px}.code-block{background:var(--code-bg);color:var(--code-text);border:1px solid var(--code-border);border-radius:8px;padding:14px 16px;font-size:13px;line-height:1.6;overflow-x:auto}.code-block__meta{color:var(--code-meta);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:11px}.code-block__content{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:block}.embed iframe{border:none;border-radius:12px;width:100%;min-height:360px}.post-detail__nav{border-top:1px solid var(--border);justify-content:space-between;gap:20px;padding-top:16px;font-size:13px;display:flex}.post-detail__related ul,.category-list ul,.series-detail ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.category-list li,.series-detail li{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:12px 16px}.post-detail__related-item{border-bottom:1px solid var(--border);padding:14px 0}.post-detail__related-item a{font-weight:600}.post-detail__related-summary{color:var(--muted);min-height:1.6em;margin:6px 0 0;line-height:1.6}.post-detail__related-date{color:var(--muted);margin-top:6px;font-size:12px;display:inline-block}.post-detail__series ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.post-detail__series,.post-detail__related{min-height:140px}.post-detail__series-empty,.post-detail__related-empty{height:100px}.toc,.related,.category-menu,.post-detail__related,.post-detail__series,.category-detail__header,.series-detail__header{background:0 0;border:none;padding:0}.category-detail__header,.series-detail__header{margin-bottom:16px}.post-detail__related{border-top:1px solid var(--border);padding-top:20px}
.color-default{color:var(--notion-default);border:1px solid var(--border)}.color-gray{color:var(--notion-gray);border:1px solid var(--border)}.color-brown{color:var(--notion-brown);border:1px solid var(--notion-brown)}.color-orange{color:var(--notion-orange);border:1px solid var(--notion-orange)}.color-yellow{color:var(--notion-yellow);border:1px solid var(--notion-yellow)}.color-green{color:var(--notion-green);border:1px solid var(--notion-green)}.color-blue{color:var(--notion-blue);border:1px solid var(--notion-blue)}.color-purple{color:var(--notion-purple);border:1px solid var(--notion-purple)}.color-pink{color:var(--notion-pink);border:1px solid var(--notion-pink)}.color-red{color:var(--notion-red);border:1px solid var(--notion-red)}:root[data-theme=light] .category-pill{font-weight:500}:root[data-theme=light] .category-pill.color-default{color:var(--notion-default);border-color:color-mix(in srgb,var(--notion-default)22%,#fff);background:color-mix(in srgb,var(--notion-default)10%,#fff)}:root[data-theme=light] .category-pill.color-gray{color:var(--notion-gray);border-color:color-mix(in srgb,var(--notion-gray)36%,#fff);background:color-mix(in srgb,var(--notion-gray)14%,#fff)}:root[data-theme=light] .category-pill.color-brown{color:var(--notion-brown);border-color:color-mix(in srgb,var(--notion-brown)58%,#fff);background:color-mix(in srgb,var(--notion-brown)18%,#fff)}:root[data-theme=light] .category-pill.color-orange{color:var(--notion-orange);border-color:color-mix(in srgb,var(--notion-orange)58%,#fff);background:color-mix(in srgb,var(--notion-orange)18%,#fff)}:root[data-theme=light] .category-pill.color-yellow{color:color-mix(in srgb,var(--notion-yellow)80%,#4e3a00);border-color:color-mix(in srgb,var(--notion-yellow)58%,#fff);background:color-mix(in srgb,var(--notion-yellow)22%,#fff)}:root[data-theme=light] .category-pill.color-green{color:var(--notion-green);border-color:color-mix(in srgb,var(--notion-green)58%,#fff);background:color-mix(in srgb,var(--notion-green)18%,#fff)}:root[data-theme=light] .category-pill.color-blue{color:var(--notion-blue);border-color:color-mix(in srgb,var(--notion-blue)58%,#fff);background:color-mix(in srgb,var(--notion-blue)18%,#fff)}:root[data-theme=light] .category-pill.color-purple{color:var(--notion-purple);border-color:color-mix(in srgb,var(--notion-purple)58%,#fff);background:color-mix(in srgb,var(--notion-purple)18%,#fff)}:root[data-theme=light] .category-pill.color-pink{color:var(--notion-pink);border-color:color-mix(in srgb,var(--notion-pink)58%,#fff);background:color-mix(in srgb,var(--notion-pink)18%,#fff)}:root[data-theme=light] .category-pill.color-red{color:var(--notion-red);border-color:color-mix(in srgb,var(--notion-red)58%,#fff);background:color-mix(in srgb,var(--notion-red)18%,#fff)}@media (prefers-color-scheme:light){:root:not([data-theme]) .category-pill{font-weight:500}:root:not([data-theme]) .category-pill.color-default{color:var(--notion-default);border-color:color-mix(in srgb,var(--notion-default)22%,#fff);background:color-mix(in srgb,var(--notion-default)10%,#fff)}:root:not([data-theme]) .category-pill.color-gray{color:var(--notion-gray);border-color:color-mix(in srgb,var(--notion-gray)36%,#fff);background:color-mix(in srgb,var(--notion-gray)14%,#fff)}:root:not([data-theme]) .category-pill.color-brown{color:var(--notion-brown);border-color:color-mix(in srgb,var(--notion-brown)58%,#fff);background:color-mix(in srgb,var(--notion-brown)18%,#fff)}:root:not([data-theme]) .category-pill.color-orange{color:var(--notion-orange);border-color:color-mix(in srgb,var(--notion-orange)58%,#fff);background:color-mix(in srgb,var(--notion-orange)18%,#fff)}:root:not([data-theme]) .category-pill.color-yellow{color:color-mix(in srgb,var(--notion-yellow)80%,#4e3a00);border-color:color-mix(in srgb,var(--notion-yellow)58%,#fff);background:color-mix(in srgb,var(--notion-yellow)22%,#fff)}:root:not([data-theme]) .category-pill.color-green{color:var(--notion-green);border-color:color-mix(in srgb,var(--notion-green)58%,#fff);background:color-mix(in srgb,var(--notion-green)18%,#fff)}:root:not([data-theme]) .category-pill.color-blue{color:var(--notion-blue);border-color:color-mix(in srgb,var(--notion-blue)58%,#fff);background:color-mix(in srgb,var(--notion-blue)18%,#fff)}:root:not([data-theme]) .category-pill.color-purple{color:var(--notion-purple);border-color:color-mix(in srgb,var(--notion-purple)58%,#fff);background:color-mix(in srgb,var(--notion-purple)18%,#fff)}:root:not([data-theme]) .category-pill.color-pink{color:var(--notion-pink);border-color:color-mix(in srgb,var(--notion-pink)58%,#fff);background:color-mix(in srgb,var(--notion-pink)18%,#fff)}:root:not([data-theme]) .category-pill.color-red{color:var(--notion-red);border-color:color-mix(in srgb,var(--notion-red)58%,#fff);background:color-mix(in srgb,var(--notion-red)18%,#fff)}}
@media (max-width:1280px){.layout{grid-template-columns:148px minmax(0,1fr) 200px;gap:24px;padding:28px 20px 72px}.header__inner{padding:14px 20px}.feed__text h2{font-size:24px}.post-detail__header h1{font-size:36px}}@media (max-width:1080px){.layout{grid-template-columns:1fr;gap:20px}.sidebar-left,.sidebar-right{display:none}.header__menu-toggle{display:inline-flex}.feed__item{flex-direction:column;gap:16px;min-height:0}.feed__thumb{width:100%;margin-left:0}.feed__thumb img{height:180px}.post-detail__header h1{font-size:34px}}@media (max-width:900px){.layout{padding:20px 16px 56px}.header__inner{padding:12px 16px}.header__logo{font-size:18px}.header__nav{letter-spacing:.1em;gap:14px;font-size:11px}.meta{flex-wrap:wrap;row-gap:4px}.feed{gap:18px}.feed__item{padding:18px 0}.feed__text h2{font-size:22px}.post-detail{gap:20px}.post-detail__header h1{font-size:30px;line-height:1.15}.post-detail__nav{flex-direction:column;align-items:flex-start;gap:10px}.post-detail__related,.post-detail__series{min-height:120px}}@media (max-width:640px){.layout{padding:16px 12px 44px}.header__inner{padding:10px 12px}.header__logo{white-space:nowrap;text-overflow:ellipsis;max-width:64vw;overflow:hidden}.header__nav{gap:10px}.theme-toggle{width:30px;height:30px}.feed{gap:16px}.feed__search{gap:8px;padding:10px 12px}.feed__search input{font-size:13px}.feed__text h2{margin-bottom:6px;font-size:20px;line-height:1.25}.feed__text p{margin-bottom:10px;font-size:14px}.feed__thumb img{height:150px}.post-detail{gap:16px}.post-detail__header h1{letter-spacing:-.02em;margin:6px 0;font-size:28px}.post-detail__content p{margin:10px 0;font-size:15px;line-height:1.75}.post-detail__content h2,.post-detail__content h3,.post-detail__content h4{margin:24px 0 8px;scroll-margin-top:92px}.post-detail__content blockquote{margin:16px 0;padding:10px 12px}.post-detail__content-loading{min-height:180px}.embed iframe{min-height:240px}.code-block{padding:12px;font-size:12px}table{white-space:nowrap;display:block;overflow-x:auto}td{padding:6px 8px}.post-detail__related-item{padding:12px 0}.post-detail__related-summary{font-size:14px}.post-detail__series,.post-detail__related{min-height:100px}.post-detail__series-empty,.post-detail__related-empty{height:72px}}

@font-face{font-family:pretendard;src:url(../media/Pretendard_Thin-s.p.45f5c70a.woff2)format("woff2");font-display:swap;font-weight:100;font-style:normal}@font-face{font-family:pretendard;src:url(../media/Pretendard_ExtraLight-s.p.7d9b9f02.woff2)format("woff2");font-display:swap;font-weight:200;font-style:normal}@font-face{font-family:pretendard;src:url(../media/Pretendard_Light-s.p.82264629.woff2)format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:pretendard;src:url(../media/Pretendard_Regular-s.p.98693f35.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:pretendard;src:url(../media/Pretendard_Medium-s.p.a8afae48.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:pretendard;src:url(../media/Pretendard_SemiBold-s.p.7aee1e7a.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:pretendard;src:url(../media/Pretendard_Bold-s.p.7242dd56.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:pretendard;src:url(../media/Pretendard_ExtraBold-s.p.fab6a4c3.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:pretendard;src:url(../media/Pretendard_Black-s.p.66060dc9.woff2)format("woff2");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_7836a486-module__Br20eW__className{font-family:pretendard,pretendard Fallback}