@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color-scheme:light;--bg:#f6f7fb;--surface:#fff;--surface-soft:#eef1f7;--text:#1c2434;--muted:#687386;--line:#e1e5ec;--accent:#5b61e6;--accent-soft:#ebeaff;--sidebar:#fff;--sidebar-text:#1c2434;--sidebar-muted:#6f788a;--sidebar-hover:#eef1f7;--sidebar-border:#e1e5ec;--shadow:0 14px 40px #1b203814;--radius:18px}:root[data-theme=dark]{color-scheme:dark;--bg:#11131a;--surface:#191c25;--surface-soft:#232733;--text:#e8eaf1;--muted:#9ba3b4;--line:#2d3240;--accent:#9297ff;--accent-soft:#292c55;--sidebar:#0b0d13;--sidebar-text:#d8dbea;--sidebar-muted:#9199ac;--sidebar-hover:#252938;--sidebar-border:#ffffff17;--shadow:0 18px 50px #0000003d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);text-rendering:optimizelegibility;margin:0;font-family:Noto Sans KR,system-ui,-apple-system,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}.sidebar{z-index:20;background:var(--sidebar);width:270px;color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);flex-direction:column;padding:44px 28px 28px;display:flex;position:fixed;inset:0 auto 0 0}.profile{text-align:center;justify-items:center;gap:9px;margin-bottom:38px;display:grid}.profile img{object-fit:cover;border:3px solid var(--sidebar-border);border-radius:28px;width:104px;height:104px;box-shadow:0 12px 28px #1b203824}.profile strong{color:var(--sidebar-text);margin-top:6px;font-size:1.18rem}.profile span{color:var(--sidebar-muted);font-size:.88rem}.sidebar nav{gap:6px;display:grid}.sidebar nav a{color:var(--sidebar-muted);border-radius:10px;padding:10px 14px;font-size:.94rem;font-weight:500;transition:all .18s}.sidebar nav a:hover,.sidebar nav a[aria-current=page]{background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar nav a[aria-current=page]{box-shadow:inset 3px 0 var(--accent)}.sidebar-footer{border-top:1px solid var(--sidebar-border);color:var(--sidebar-muted);align-items:center;gap:14px;margin-top:auto;padding:16px 8px 0;font-size:.83rem;display:flex}.sidebar-footer a:hover{color:var(--sidebar-text)}.theme-toggle{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:1.15rem}.site-main{min-height:100vh;margin-left:270px;padding:64px clamp(28px,6vw,90px) 32px}.content-shell{width:min(900px,100%);margin:0 auto}.content-shell.wide{width:min(1080px,100%)}.page-header{margin-bottom:34px}.page-header .eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.page-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3.8vw,2.5rem);line-height:1.2}.page-header p{max-width:640px;color:var(--muted);margin:11px 0 0;font-size:.94rem}.section-title{justify-content:space-between;align-items:baseline;margin:0 0 18px;display:flex}.section-title h2{margin:0;font-size:1.15rem}.section-title span{color:var(--muted);font-size:.82rem}.post-list{gap:11px;display:grid}.post-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;padding:19px 22px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.post-card:hover{border-color:color-mix(in srgb, var(--accent), var(--line) 55%);box-shadow:var(--shadow);transform:translateY(-2px)}.post-card-meta{color:var(--muted);gap:7px;font-size:.78rem;display:flex}.post-card h2{letter-spacing:-.02em;margin:6px 0 7px;font-size:clamp(1.06rem,2.3vw,1.28rem);line-height:1.4}.post-card h2 a:after{border-radius:var(--radius);content:"";position:absolute;inset:0}.post-card h2 a:focus-visible{outline:none}.post-card h2 a:focus-visible:after{outline:3px solid var(--accent);outline-offset:3px}.post-card h2 a:hover{color:var(--accent)}.post-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:.87rem;line-height:1.55;display:-webkit-box;overflow:hidden}.chips{flex-wrap:wrap;gap:7px;display:flex}.chips a,.chip{z-index:1;background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:.72rem;position:relative}.chips a:hover,.chip:hover{background:var(--accent-soft);color:var(--accent)}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:30px;display:flex}.pagination>a,.pagination>span{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:38px;height:38px;padding:0 11px;font-size:.88rem;display:inline-flex}.pagination>a:hover{border-color:var(--accent);color:var(--accent)}.pagination>[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.pagination>.is-disabled{color:var(--muted);opacity:.45}.pagination>.pagination-gap{min-width:20px;color:var(--muted);background:0 0;border:0;padding:0}.pagination-step [aria-hidden=true],.pagination-step.is-disabled span:not(.pagination-label){font-size:1.15rem;line-height:1}.post-layout{grid-template-columns:minmax(0,820px) 240px;align-items:start;gap:42px;width:min(1180px,100%);margin:0 auto;display:grid}.post{min-width:0}.post-header{border-bottom:1px solid var(--line);margin-bottom:32px;padding-bottom:25px}.post-header h1{letter-spacing:-.045em;margin:11px 0 15px;font-size:clamp(1.65rem,3.6vw,2.4rem);line-height:1.25}.post-meta{color:var(--muted);flex-wrap:wrap;gap:8px 14px;font-size:.85rem;display:flex}.post-content{overflow-wrap:anywhere;font-size:.94rem}.post-content h2,.post-content h3,.post-content h4{letter-spacing:-.025em;scroll-margin-top:24px;line-height:1.35}.post-content h2{border-bottom:1px solid var(--line);margin:2.5em 0 .8em;padding-bottom:.38em;font-size:1.35rem}.post-content h3{margin:2em 0 .7em;font-size:1.12rem}.post-content p{margin:1em 0}.post-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.post-content strong{font-weight:700}.post-content blockquote{border-left:4px solid var(--accent);background:var(--surface-soft);color:var(--muted);border-radius:0 10px 10px 0;margin:1.5em 0;padding:.6em 1.2em}.post-content :not(pre)>code{background:var(--surface-soft);color:#d14;border-radius:6px;padding:.16em .42em;font-family:JetBrains Mono,monospace;font-size:.88em}:root[data-theme=dark] .post-content :not(pre)>code{color:#ff9aae}.post-content pre{border:1px solid #303544;border-radius:14px;margin:1.45em 0;padding:19px 21px;overflow-x:auto;box-shadow:0 8px 24px #0000001f}.post-content pre code{font-family:JetBrains Mono,monospace;font-size:.84rem;line-height:1.65}.code-block{margin:1.45em 0;position:relative}.post-content .code-block pre{margin:0}.code-copy{color:#c9d1d9;cursor:pointer;opacity:0;background:#161b22e0;border:1px solid #ffffff2e;border-radius:8px;padding:3px 10px;font-size:.74rem;transition:opacity .15s,border-color .15s,color .15s;position:absolute;top:10px;right:10px}.code-block:hover .code-copy,.code-copy:focus-visible,.code-copy.is-done{opacity:1}.code-copy:hover{color:#fff;border-color:#fff6}.code-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:none){.code-copy{opacity:1}}.post-content table{border-collapse:collapse;width:100%;margin:1.5em 0;display:block;overflow-x:auto}.post-content th,.post-content td{border:1px solid var(--line);text-align:left;white-space:nowrap;padding:10px 13px}.post-content th{background:var(--surface-soft)}.post-content img{box-shadow:var(--shadow);border-radius:12px;margin:1.7em auto;display:block}.post-content hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}.post-content li+li{margin-top:.35em}.toc{border-left:1px solid var(--line);padding-left:18px;position:sticky;top:34px}.toc strong{margin-bottom:10px;font-size:.82rem;display:block}.toc ol{margin:0;padding:0;list-style:none}.toc li{margin:7px 0}.toc li.depth-3{padding-left:12px}.toc a{color:var(--muted);font-size:.77rem;line-height:1.45}.toc a:hover{color:var(--accent)}.post-footer{border-top:1px solid var(--line);margin-top:44px;padding-top:24px}.post-nav{grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;display:grid}.post-nav a{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 17px;font-size:.86rem}.post-nav a:last-child{text-align:right}.post-nav a:hover{border-color:var(--accent);color:var(--accent)}.comments{margin-top:36px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:20px}.stat-card strong{color:var(--accent);font-size:1.65rem;display:block}.stat-card span{color:var(--muted);font-size:.82rem}.taxonomy-list{flex-wrap:wrap;gap:10px;display:flex}.taxonomy-list a{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.taxonomy-list a:hover{border-color:var(--accent);color:var(--accent)}.taxonomy-list small{color:var(--muted)}.category-tree{gap:14px;display:grid}.category-group{border:1px solid var(--line);background:var(--surface);border-radius:15px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.category-group:hover{border-color:color-mix(in srgb, var(--accent), var(--line) 62%);box-shadow:var(--shadow)}.category-row{align-items:stretch;min-height:70px;display:flex}.category-link{flex:1;align-items:center;gap:12px;min-width:0;padding:19px 22px;display:flex}.category-link:hover .category-name{color:var(--accent)}.category-folder{fill:none;width:21px;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:0 0 21px}.category-name{color:var(--accent);font-size:.94rem;font-weight:600}.category-link small{color:var(--muted);font-size:.82rem}.category-arrow{fill:none;width:20px;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;margin-left:auto}.category-toggle{width:64px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:0 0 64px;place-items:center;display:grid}.category-toggle:hover{color:var(--accent)}.category-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:22px;transition:transform .18s}.category-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.category-children{border-top:1px solid var(--line)}.category-children .category-link{border-bottom:1px solid var(--line);min-height:62px;padding-left:42px}.category-children .category-link:last-child{border-bottom:0}.category-children[hidden]{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.archive-year{color:var(--accent);margin:32px 0 10px;font-size:1.3rem}.archive-list{border-left:1px solid var(--line);margin-left:7px;padding-left:22px}.archive-item{grid-template-columns:68px 1fr;gap:15px;padding:9px 0;display:grid}.archive-item time{color:var(--muted);font-size:.78rem}.archive-item a{font-size:.94rem}.archive-item a:hover{color:var(--accent)}.search-box{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:13px;outline:none;padding:13px 16px;font-size:.94rem}.search-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-status{color:var(--muted);margin:12px 2px 20px;font-size:.85rem}.home-search{margin-bottom:28px;position:relative}.home-search svg{fill:none;width:20px;stroke:var(--muted);stroke-linecap:round;stroke-width:1.8px;pointer-events:none;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.home-search .search-box{padding-left:48px}.home-search-status{margin-top:-10px}.about-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:32px}.about-card h2{margin-top:0}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:14px;padding:28px}.site-footer{border-top:1px solid var(--line);width:min(900px,100%);color:var(--muted);justify-content:space-between;margin:64px auto 0;padding-top:22px;font-size:.78rem;display:flex}.mobile-header,.scrim{display:none}@media (width<=1050px){.post-layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}}@media (width<=760px){.mobile-header{z-index:15;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex;position:sticky;top:0}.mobile-brand{font-weight:700}.icon-button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:1.25rem}.sidebar{transition:transform .22s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.scrim{z-index:19;background:#00000073;position:fixed;inset:0}.scrim.is-open{display:block}.site-main{margin-left:0;padding:34px 18px 24px}.post-card{padding:17px 18px}.pagination{gap:5px}.pagination>a,.pagination>span{min-width:34px;height:36px;padding:0 8px}.pagination-label{display:none}.category-link{gap:9px;padding:17px 16px}.category-link small{margin-left:auto}.category-toggle{flex-basis:50px;width:50px}.category-children .category-link{padding-left:28px}.post-nav{grid-template-columns:1fr}.post-nav a:last-child{text-align:left}.site-footer{flex-direction:column;gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}