@layer components{.bn-reader-nav{display:grid;gap:8px;margin:4px 8px 20px;padding-block-end:20px;border-block-end:1px solid var(--bn-line);min-width:0}.bn-reader-nav__label{margin:0 4px 2px;color:var(--bn-muted);font-size:13px;line-height:1.5}.bn-reader-nav__create,.bn-reader-nav__explore{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;text-align:center;text-decoration:none}.bn-reader-nav__create{background:var(--bn-ink);color:#fff}.bn-reader-nav__create:hover{background:var(--bn-ink-hover)}.bn-reader-nav__explore{border:1px solid var(--bn-line-strong);color:var(--bn-heading)}.bn-reader-nav__explore:hover{background:var(--bn-fill-soft)}.bn-reader-nav a:focus-visible{outline:2px solid var(--bn-accent);outline-offset:2px}.bn-root,.bn-tokens{--bn-paper:#fff;--bn-ink:#111214;--bn-ink-hover:#2b2d33;--bn-ink-soft:#4b4e56;--bn-heading:#191b20;--bn-title:var(--bn-heading);--bn-text:#26282c;--bn-body:#3a3d42;--bn-muted:#6b6e76;--bn-subtle:#8b8d94;--bn-line:#ededf0;--bn-line-strong:#dcdde2;--bn-rule:var(--bn-line);--bn-guide:#ececef;--bn-fill:#f2f3f5;--bn-field:var(--bn-fill);--bn-fill-soft:#f7f8fa;--bn-scrim:rgba(17,18,20,.42);--bn-accent:#7c3aed;--bn-on-accent:#fff;--bn-accent-ink:#6931c9;--bn-link:var(--bn-accent-ink);--bn-link-underline:#d8c4fa;--bn-tint:#f5effe;--bn-tint-strong:#e5d8fc;--bn-font:"Pretendard Variable",Pretendard,var(--font-inter),-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans JP","Noto Sans TC","Noto Sans SC","Noto Sans Thai","Noto Sans Arabic","Noto Sans Devanagari","Noto Sans Bengali",system-ui,sans-serif;--bn-fs-xs:13px;--bn-fs-ui:14px;--bn-fs-label:15px;--bn-fs-body:16px;--bn-fs-lead:18px;--bn-fs-prose:18px;--bn-fs-title:20px;--bn-fs-h2:27px;--bn-fs-section:36px;--bn-fs-h1:37px;--bn-fs-hero:38px;--bn-r-sm:8px;--bn-r-md:10px;--bn-r-lg:12px;--bn-r-xl:16px;--bn-header-h:60px;--bn-sidebar-w:260px;--bn-main-w:880px;--bn-article-w:680px;--bn-gutter:20px}.bn-root[data-bn-accent=blue],.bn-tokens[data-bn-accent=blue]{--bn-accent:#2f6bff}@supports (color:color-mix(in srgb,red 50%,blue)){.bn-root,.bn-tokens{--bn-accent-ink:color-mix(in srgb,var(--bn-accent) 85%,#000);--bn-link-underline:color-mix(in srgb,var(--bn-accent) 30%,#fff);--bn-tint:color-mix(in srgb,var(--bn-accent) 8%,#fff);--bn-tint-strong:color-mix(in srgb,var(--bn-accent) 20%,#fff)}}@media (max-width:767px){.bn-root,.bn-tokens{--bn-fs-prose:17px}}.bn-root{position:relative;font-family:var(--bn-font);font-size:var(--bn-fs-body);line-height:1.5;color:var(--bn-ink);background:var(--bn-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bn-root :where([id]){scroll-margin-top:calc(var(--bn-header-h) + 16px)}.bn-root :where(a,button,input,[tabindex]):focus-visible,.bn-tokens :where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--bn-accent);outline-offset:2px}body:has(.bn-root)>a[href="#main-content"]{display:none}.bn-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bn-skip{position:absolute;inset-inline-start:12px;top:-120px;z-index:70;padding:10px 14px;border-radius:var(--bn-r-md);background:var(--bn-ink);color:#fff;font-size:var(--bn-fs-ui);font-weight:600}.bn-skip:focus{top:12px;color:#fff}.bn-header{position:sticky;top:0;z-index:30;background:hsla(0,0%,100%,.96);box-shadow:inset 0 -1px 0 var(--bn-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bn-header__row{display:flex;align-items:center;gap:12px;height:var(--bn-header-h);padding-inline:4px 8px}.bn-header__spacer{flex:1 1 auto}.bn-brand{display:flex;align-items:center;gap:5px;flex:none;min-width:0}.bn-brand__blog,.bn-brand__logo{display:inline-flex;align-items:center;min-height:44px;color:var(--bn-ink);font-size:var(--bn-fs-lead);font-weight:700;letter-spacing:-.03em;white-space:nowrap}.bn-brand__logo{gap:1px}.bn-brand__logo img{display:block;width:24px;height:24px;object-fit:contain}.bn-brand__blog:hover,.bn-brand__logo:hover{color:var(--bn-ink);opacity:.8}.bn-header__menu,.bn-header__mobile{display:flex;flex:none;align-items:center}.bn-header__desktop{display:none;align-items:center;gap:12px}.bn-search{display:flex;margin:0}.bn-search__field{display:flex;align-items:center;gap:8px;height:38px;width:min(320px,34vw);flex:none;padding-inline:12px;border-radius:var(--bn-r-md);background:var(--bn-fill);color:var(--bn-subtle);cursor:text}.bn-search__field:focus-within{box-shadow:inset 0 0 0 2px var(--bn-accent)}.bn-search__field svg{flex:none}.bn-search__input{flex:1 1 auto;min-width:0;height:100%;border:0;padding:0;background:transparent;font:inherit;font-size:var(--bn-fs-label);color:var(--bn-ink);outline:none;-webkit-appearance:none;appearance:none}.bn-search__input::placeholder{color:var(--bn-muted);opacity:1}.bn-search__input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.bn-search__input:focus-visible{outline:none}.bn-cta{display:inline-flex;align-items:center;justify-content:center;height:38px;flex:none;padding-inline:14px;border-radius:var(--bn-r-md);background:var(--bn-ink);color:#fff;font-size:var(--bn-fs-ui);font-weight:600;white-space:nowrap;transition:background-color .15s}.bn-cta:hover{background:var(--bn-ink-hover);color:#fff}.bn-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:0;border-radius:999px;background:transparent;color:var(--bn-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bn-icon-btn:hover,.bn-icon-btn[aria-expanded=true]{background:var(--bn-fill)}.bn-mobile-search{position:absolute;top:100%;inset-inline:0;padding:8px 16px 12px;background:hsla(0,0%,100%,.98);box-shadow:inset 0 -1px 0 var(--bn-line),0 12px 24px -16px rgba(17,18,20,.25)}.bn-mobile-search .bn-search__field{width:100%;height:44px}.bn-mobile-search .bn-search__input{font-size:16px}.bn-progress{position:relative;height:2px;margin-top:-2px;overflow:hidden;pointer-events:none}.bn-progress__bar{height:2px;background:var(--bn-accent);transform:scaleX(0);transform-origin:left center;will-change:transform}[dir=rtl] .bn-progress__bar{transform-origin:right center}.bn-layout{display:flex;align-items:stretch;width:100%;min-height:calc(100vh - var(--bn-header-h))}.bn-sidebar{display:none}.bn-column{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.bn-column:focus{outline:none}.bn-main{width:100%;max-width:var(--bn-main-w);margin-inline:auto;padding:20px var(--bn-gutter) 64px}.bn-footer{margin-top:auto}.bn-nav,.bn-nav__subs{list-style:none;margin:0;padding:0}.bn-nav,.bn-nav__group{display:flex;flex-direction:column;gap:2px}.bn-nav__item{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px;border-radius:var(--bn-r-lg);color:var(--bn-ink-soft);font-size:var(--bn-fs-label);font-weight:500;line-height:1.35;transition:background-color .15s}.bn-nav__item:hover{background:var(--bn-fill)}.bn-nav__item[data-active]{background:var(--bn-fill);color:var(--bn-ink);font-weight:600}.bn-nav__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:var(--bn-r-md);background:var(--bn-tint)}.bn-nav__item[data-active] .bn-nav__icon{background:var(--bn-paper);box-shadow:inset 0 0 0 1.5px var(--bn-accent)}.bn-nav__icon img{display:block;width:20px;height:20px}.bn-nav__label{min-width:0;overflow-wrap:anywhere}.bn-nav__subs{position:relative;display:flex;flex-direction:column;gap:2px;margin-top:2px;margin-bottom:6px;margin-inline-start:26px;padding-inline-start:10px}.bn-nav__subs:before{content:"";position:absolute;inset-inline-start:0;top:2px;bottom:2px;width:1.5px;border-radius:2px;background:var(--bn-guide)}.bn-nav__sub{position:relative;display:flex;align-items:center;min-height:36px;padding-block:6px;padding-inline:18px 12px;border-radius:var(--bn-r-md);color:var(--bn-muted);font-size:var(--bn-fs-ui);font-weight:400;line-height:1.35;transition:background-color .15s}.bn-nav__sub:before{content:"";position:absolute;inset-inline-start:-10px;top:8px;bottom:8px;width:1.5px;border-radius:2px;background:transparent}.bn-nav__sub:hover{background:var(--bn-fill)}.bn-nav__sub[data-active]{background:var(--bn-fill);color:var(--bn-ink);font-weight:600}.bn-nav__sub[data-active]:before{background:var(--bn-accent)}.bn-drawer-layer{position:fixed;inset:0;z-index:60}.bn-drawer__scrim{position:absolute;inset:0;background:var(--bn-scrim);animation:bn-fade-in .2s ease-out}.bn-drawer{position:absolute;top:0;bottom:0;inset-inline-start:0;display:flex;flex-direction:column;width:min(320px,86vw);background:var(--bn-paper);color:var(--bn-ink);font-family:var(--bn-font);font-size:var(--bn-fs-body);line-height:1.5;box-shadow:0 8px 40px rgba(17,18,20,.18);animation:bn-drawer-in .24s cubic-bezier(.16,1,.3,1);-webkit-font-smoothing:antialiased}.bn-drawer:focus{outline:none}[dir=rtl] .bn-drawer{animation-name:bn-drawer-in-rtl}.bn-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;height:var(--bn-header-h);padding-inline:18px 6px;box-shadow:inset 0 -1px 0 var(--bn-line)}.bn-drawer__title{margin:0;font-size:var(--bn-fs-body);font-weight:700;letter-spacing:-.02em}.bn-drawer__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 8px 24px}.bn-drawer .bn-nav__sub{min-height:44px}.bn-drawer__foot{flex:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));box-shadow:inset 0 1px 0 var(--bn-line)}.bn-drawer__foot .bn-cta{width:100%;height:48px;font-size:var(--bn-fs-label)}@keyframes bn-drawer-in{0%{transform:translateX(-100%)}to{transform:none}}@keyframes bn-drawer-in-rtl{0%{transform:translateX(100%)}to{transform:none}}@keyframes bn-fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:768px){.bn-header__row{padding-inline:12px 24px}.bn-header__desktop{display:flex}.bn-header__mobile,.bn-mobile-search,.bn-search-toggle{display:none}.bn-main{padding:32px 24px 80px}}@media (min-width:1024px){.bn-header__row{padding-inline:24px}.bn-header__menu{display:none}.bn-main{padding:40px 40px 106px}.bn-sidebar{display:flex;flex-direction:column;flex:none;position:sticky;top:var(--bn-header-h);align-self:flex-start;width:var(--bn-sidebar-w);max-height:calc(100vh - var(--bn-header-h));overflow-y:auto;overscroll-behavior:contain;padding:24px 8px 40px}.bn-drawer-layer{display:none}}@media (prefers-reduced-motion:reduce){.bn-home-art{transform:none!important;rotate:none!important;translate:none!important;transition:none!important}.bn-drawer,.bn-drawer__scrim{animation:none}.bn-cta,.bn-nav__item,.bn-nav__sub{transition:none}}}