:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--color-bg:#fff;--color-fg:#464646;--color-muted:#9f9f9f;--color-surface:#eee;--color-border:#eee;--color-info:#6086b4;--color-accent:#2563eb;--color-accent-fg:#fff;--shadow:0 8px 16px #0a0a0a1a;--sidebar-ratio:35%;--content-ratio:65%;--breakpoint:961px;--radius:8px}:root[data-theme=dark]{--color-bg:#152028;--color-fg:#eee;--color-muted:#9f9f9f;--color-surface:#464646;--color-border:#464646;--color-info:#6086b4;--color-accent:#60a5fa;--color-accent-fg:#0b0c0e;--shadow:0 8px 16px #e2e2e21a}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:62.5%;line-height:1.6}body{background:var(--color-bg);color:var(--color-fg);margin:0;font-size:1.6rem;transition:background-color .2s,color .2s}a{color:var(--color-fg);text-decoration:none}a:hover{color:var(--color-info)}p{line-height:1.9em}img{max-width:100%;height:auto}code,pre{font-family:var(--font-mono)}pre{background:var(--color-surface);border-radius:2px;padding:.8rem;overflow-x:auto}code{background:var(--color-surface);border-radius:4px;padding:.15em .35em;font-size:.9em}pre code{background:0 0;padding:0}blockquote{border-left:1px solid var(--color-border);color:var(--color-muted);margin:1rem 0;padding:0 1em}hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.wrapper{flex-direction:column;min-height:100vh;display:flex}@media screen and (width>=961px){.wrapper{flex-direction:row}}.wrapper__sidebar{width:100%;padding:16px 0}.wrapper__main{flex-direction:column;width:100%;display:flex}@media screen and (width>=961px){.wrapper__sidebar{width:var(--sidebar-ratio);padding:0}.wrapper__main{width:var(--content-ratio)}}.wrapper__main--fullscreen{width:100%}.sidebar{margin-top:40px}@media screen and (width>=961px){.sidebar{height:100%;width:var(--sidebar-ratio);border-right:1px solid var(--color-border);z-index:2;flex-direction:column;margin-top:0;margin-right:4px;display:flex;position:fixed;top:0}}.sidebar__content{text-align:center}@media screen and (width>=961px){.sidebar__content{flex-direction:column;flex-grow:1;justify-content:center;display:flex}}.sidebar__profileimage{object-fit:cover;border-radius:50%;width:127px;height:127px}.sidebar__title{text-transform:uppercase;letter-spacing:2px;margin:1em;font-weight:700;line-height:1}.sidebar__title a{font-size:3.2rem}.sidebar__title h1{margin:0;font-size:3.2rem}.sidebar__description{color:var(--color-muted);margin:0 1em;font-size:1.6rem}.sidebar__list{text-align:center;margin:1.5em 0 0;padding:0;list-style:none}.sidebar__list-item{padding:0 4px;display:inline}.sidebar__nav{text-align:center;margin:1.5em 0 0;padding:0;list-style:none}.sidebar__nav-item{text-transform:uppercase;letter-spacing:1px;padding:0 10px;font-size:1.4rem;display:inline-block}.sidebar__actions{justify-content:center;gap:.5rem;margin-top:1.5em;display:flex}.sidebar__taggraph{width:100%;margin-top:1.5em}.sidebar__taggraph-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-muted);margin:0 0 .25em;font-size:1.3rem}.taggraph{width:100%;overflow:visible}.taggraph__svg{touch-action:none;width:100%;height:auto;display:block;overflow:visible}.taggraph__link{stroke:var(--color-muted);stroke-opacity:.3;transition:stroke-opacity .15s,stroke .15s}.taggraph__link.is-active{stroke:var(--color-accent);stroke-opacity:.9}.taggraph__link.is-dim{stroke-opacity:.06}.taggraph__node{cursor:pointer}.taggraph__label{fill:var(--color-fg);stroke:var(--color-bg);stroke-width:3px;paint-order:stroke fill;stroke-linejoin:round;font-weight:600;transition:fill .15s,opacity .15s}.taggraph__node:hover .taggraph__label,.taggraph__node.is-active .taggraph__label{fill:var(--color-accent)}.taggraph__node.is-dim{opacity:.28}.header{background:var(--color-bg);z-index:1;border-bottom:1px solid var(--color-border);width:100%;position:sticky;top:0}.nav{max-width:var(--body-max-width,1200px);justify-content:space-between;align-items:center;margin:0 auto;padding:0 30px;display:flex}.nav__brand{text-transform:uppercase;letter-spacing:1px;padding:20px 0;font-size:1.8rem;font-weight:700}.nav__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav__list-item{text-transform:uppercase;white-space:nowrap;letter-spacing:1px;padding:24px 0;font-size:1.4rem}.nav__list-item:not(:last-child){padding-right:20px}.nav__burger{display:none}@media screen and (width<=960px){.nav{flex-wrap:wrap;padding:0 16px}.nav__burger{color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;font:inherit;background:0 0;justify-content:center;align-items:center;padding:.3rem .6rem;display:inline-flex}.nav__list{flex-direction:column;align-items:center;width:100%;display:none}.nav__list.nav__list--active{display:flex}.nav__list-item{padding:12px 0}.nav__list-item:not(:last-child){padding-right:0}}.post{margin:30px}@media screen and (width<=960px){.post{margin:20px 16px}}.post-list{margin:0;padding:0;list-style:none}.post-card{border-bottom:1px solid var(--color-border);margin:30px;padding-bottom:12px}@media screen and (width<=960px){.post-card{margin:20px 16px}}.post-card h2,.post-card h3{letter-spacing:1px;margin:0 0 .25rem;font-size:2.4rem;font-weight:600;line-height:1.1}.post-meta{color:var(--color-muted);margin:.5rem 0;padding:0;font-size:1.4rem;list-style:none}.post-desc{color:var(--color-fg);margin:.5rem 0 0}.post__content h1{letter-spacing:1px;font-size:3.6rem;line-height:1.1}.post__content h2{letter-spacing:1px;font-size:2.4rem;font-weight:600;line-height:1.2}.post__content h3{letter-spacing:1px;font-size:2rem;font-weight:600}.post__content a{color:var(--color-info)}.post__content ul,.post__content ol{word-wrap:break-word;line-height:1.9em}.post__content img{max-width:100%;margin:0 auto;display:block}.prose>:first-child{margin-top:0}.post-header h1{letter-spacing:1px;margin-bottom:.25rem;font-size:3.6rem;line-height:1.1}.post-header .post-meta{margin-bottom:1.5rem}.post-comments{margin:30px}.tag-list{flex-wrap:wrap;gap:.25rem .5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.tag{color:var(--color-muted);margin:5px 8px 5px 0;font-size:1.4rem;display:inline-block}.tag:before{content:"#"}.tag a{color:var(--color-muted)}.tag a:hover{color:var(--color-info)}.pagination{text-align:center;justify-content:center;align-items:center;gap:1rem;margin:30px;padding:0 0 56px;display:flex}.pagination .page-info{color:var(--color-muted);font-size:1.4rem}.site-footer{text-align:center;color:var(--color-muted);margin-top:auto;padding:20px 0;font-size:1.4rem}.site-footer .footer__list{flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.site-footer .footer__item:not(:first-of-type):before{content:"·";padding:0 4px}.social-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.btn-icon{color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;font:inherit;background:0 0;justify-content:center;align-items:center;padding:.3rem .6rem;font-size:1.3rem;line-height:1;display:inline-flex}.btn-icon:hover{background:var(--color-surface)}.site-main{flex-grow:1;padding:1rem 0}:root{--content-measure:760px;--toc-width:240px}.post-layout{width:100%}.post-layout .post-article{max-width:var(--content-measure);margin-left:auto;margin-right:auto}.toc-mobile{border:1px solid var(--color-border);border-radius:var(--radius);margin:0 0 1.5rem;padding:.5rem .9rem}.toc-mobile>summary{cursor:pointer;text-transform:uppercase;letter-spacing:1px;color:var(--color-muted);font-size:1.4rem;font-weight:600}.toc-mobile .toc{margin-top:.75rem}.post-layout__toc{display:none}@media screen and (width>=961px){.post-layout--with-toc{grid-template-columns:1fr minmax(0, var(--content-measure)) 1fr;align-items:start;display:grid}.post-layout--with-toc .post-article{max-width:var(--content-measure);grid-column:2;margin-left:auto;margin-right:auto}.post-layout--with-toc .post-layout__toc{width:var(--toc-width);grid-column:1;justify-self:end;max-height:calc(100vh - 110px);margin-top:30px;padding:0 24px;display:block;position:sticky;top:90px;overflow-y:auto}.toc-mobile{display:none}}.toc{background:0 0;font-size:1.4rem;display:block}.toc .toc__title{text-transform:uppercase;letter-spacing:1px;color:var(--color-muted);margin:0 0 .5rem;font-weight:600}.toc ul{margin:0;padding-left:0;line-height:1.9em;list-style:none}.toc li a{color:var(--color-info);display:inline-block}.toc li a:hover{color:var(--color-info);text-decoration:underline}.toc .toc__item--depth-1{padding-left:12px}.toc .toc__item--depth-2{padding-left:24px}