:root{color-scheme:light dark;--sidebar:#fff;--sidebar-text:#545454;--sidebar-muted:#717171;--sidebar-active:#1d1d1d;--sidebar-hover:#dfe9f1a3;--sidebar-border:#efefef;--site-title:#717171;--topbar-bg:#ffffffb3;--bg:#fff;--surface:#fff;--surface-2:#f8f9fa;--text:#34343c;--heading:#2a2a2a;--heading-1:#d9487d;--heading-2:#d97706;--heading-3:#b08700;--heading-4:#2f9e44;--heading-5:#0c8ea0;--heading-6:#7c5cc4;--muted:#757575;--border:#f3f3f3;--border-strong:#e2e6ea;--accent:#0056b2;--accent-2:#0550ae;--code-bg:#f6f8fa;--inline-code-bg:#19191c0d;--shadow:#6868680d 0 2px 6px 0, #d3d1d126 0 0 0 1px;--radius:8px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sidebar:#1b1b1e;--sidebar-text:#969696;--sidebar-muted:#868686;--sidebar-active:#fffffff2;--sidebar-hover:#262626;--sidebar-border:#292929;--site-title:#a0a0a0;--topbar-bg:#1b1b1eb8;--bg:#1b1b1e;--surface:#1b1b1e;--surface-2:#232328;--text:#b9babb;--heading:#d2d2d2;--heading-1:#ff8fb3;--heading-2:#ffb86c;--heading-3:#f4d35e;--heading-4:#8bdc7f;--heading-5:#66d9e8;--heading-6:#c792ea;--muted:#949494;--border:#2c2d2d;--border-strong:#36373a;--accent:#8ab4f8;--accent-2:#74b2f3;--code-bg:#151515;--inline-code-bg:#ffffff0d;--shadow:#151515b8 0 6px 18px 0, #8987873d 0 0 0 1px}}:root[data-theme=dark]{--sidebar:#1b1b1e;--sidebar-text:#969696;--sidebar-muted:#868686;--sidebar-active:#fffffff2;--sidebar-hover:#262626;--sidebar-border:#292929;--site-title:#a0a0a0;--topbar-bg:#1b1b1eb8;--bg:#1b1b1e;--surface:#1b1b1e;--surface-2:#232328;--text:#b9babb;--heading:#d2d2d2;--heading-1:#ff8fb3;--heading-2:#ffb86c;--heading-3:#f4d35e;--heading-4:#8bdc7f;--heading-5:#66d9e8;--heading-6:#c792ea;--muted:#949494;--border:#2c2d2d;--border-strong:#36373a;--accent:#8ab4f8;--accent-2:#74b2f3;--code-bg:#151515;--inline-code-bg:#ffffff0d;--shadow:#151515b8 0 6px 18px 0, #8987873d 0 0 0 1px}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:76px}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit}button,input{font:inherit}.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}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--sidebar-border);width:268px;min-height:100vh;color:var(--sidebar-text);z-index:40;flex-direction:column;padding:28px 22px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:26px;text-decoration:none;display:grid}.brand img{border-radius:14px;width:54px;height:54px;display:block}.brand span{min-width:0}.brand strong{color:var(--site-title);font-size:1.03rem;font-weight:900;line-height:1.25;display:block}.nav-list{gap:3px;display:grid}.nav-list a{color:var(--sidebar-text);border-radius:6px;padding:10px 12px;text-decoration:none}.nav-list a:hover,.nav-list a.is-active{color:var(--sidebar-active);background:var(--sidebar-hover)}.nav-list a.is-active{font-weight:800}.sidebar-footer{color:var(--sidebar-muted);gap:10px;margin-top:auto;padding:24px 12px 0;font-size:.78rem;line-height:1.5;display:grid}.sidebar-footer a{color:var(--accent);font-weight:800;text-decoration:none}.app-main{flex-direction:column;width:calc(100% - 268px);min-height:100vh;margin-left:268px;display:flex}.topbar{z-index:30;background:var(--topbar-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.menu-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;width:38px;height:38px;display:none}.search-wrap{flex:420px;width:min(620px,100%);position:relative}.search-wrap input{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;height:40px;color:var(--text);border-radius:8px;outline:none;padding:0 14px}.search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent), transparent 82%)}.search-results{background:var(--surface);border:1px solid var(--border);width:min(620px,100vw - 28px);max-height:min(70vh,620px);box-shadow:var(--shadow);border-radius:8px;position:absolute;top:48px;left:0;overflow-y:auto}.search-results a,.search-results p{border-bottom:1px solid var(--border);gap:4px;margin:0;padding:12px 14px;text-decoration:none;display:grid}.search-results a:hover{background:var(--surface-2)}.search-results small,.search-results p{color:var(--muted);font-size:.84rem}.topbar-theme{--theme-index:0;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-2), var(--text) 3%);border-radius:10px;flex:none;grid-template-columns:repeat(2,1fr);width:88px;height:40px;padding:3px;display:grid;position:relative;box-shadow:inset 0 1px 2px #0000000d}.topbar-theme[data-active-theme=dark]{--theme-index:1}.topbar-theme:before{content:"";z-index:0;border:1px solid color-mix(in srgb, var(--border-strong), var(--text) 7%);background:var(--surface);width:calc(50% - 3px);transform:translateX(calc(var(--theme-index) * 100%));border-radius:7px;transition:transform .18s,background-color .18s,border-color .18s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001f}.topbar-theme button{z-index:1;min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;transition:color .15s,transform .15s;display:grid;position:relative}.topbar-theme button:hover{color:var(--heading)}.topbar-theme button:active{transform:scale(.9)}.topbar-theme button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-theme button svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:18px;height:18px}.topbar-theme button[data-theme-option=light].is-active{color:#d58b1f}.topbar-theme button[data-theme-option=dark].is-active{color:#7894cf}.topbar-theme button:after{content:attr(data-tooltip);z-index:50;border:1px solid var(--border-strong);background:var(--heading);color:var(--surface);box-shadow:var(--shadow);white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:5px 7px;font-size:.72rem;font-weight:700;line-height:1;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-4px)}.topbar-theme button:hover:after,.topbar-theme button:focus-visible:after{opacity:1;transform:translate(-50%)}.content-shell{grid-template-columns:minmax(0,1fr) 294px;gap:28px;width:100%;max-width:1260px;margin:0 auto;padding:28px;display:grid}.primary-pane{min-width:0}.right-rail{align-self:start;gap:18px;display:grid;position:sticky;top:92px}.rail-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.rail-section h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:.78rem}.rail-section p,.rail-empty{color:var(--muted);margin:0;font-size:.86rem;line-height:1.6}.rail-list{gap:10px;display:grid}.rail-list a{color:var(--muted);gap:3px;font-size:.86rem;text-decoration:none;display:grid}.rail-list a:hover{color:var(--accent)}.rail-list small{color:var(--muted)}.category-navigation--mobile{display:none}.category-link-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.category-link-list a{color:var(--muted);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:flex}.category-link-list a:hover,.category-link-list a[aria-current=page]{color:var(--heading);background:var(--surface-2)}.category-link-list a[aria-current=page]{font-weight:800}.category-link-list small{min-width:1.8rem;color:var(--muted);text-align:right}.category-all-link,.back-link{color:var(--accent);margin-top:12px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-block}.category-navigation--mobile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:14px 16px}.category-navigation--mobile summary{color:var(--heading);cursor:pointer;font-weight:800}.category-navigation--mobile[open] summary{margin-bottom:12px}.page-stack{gap:22px;display:grid}.page-header,.note-header,.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px}.home-header h1,.page-header h1,.note-header h1{color:var(--heading);letter-spacing:0;margin:8px 0 10px;line-height:1.2}.home-header h1{font-size:2rem}.page-header p,.note-header p,.empty-state p{color:var(--muted);margin-bottom:0;line-height:1.65}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800}.post-list{gap:14px;display:grid}.post-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.post-card__title{color:var(--heading);font-size:1.08rem;font-weight:800;line-height:1.45;text-decoration:none;display:block}.post-card__title:hover{color:var(--accent)}.post-card__preview{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0 12px;line-height:1.65;display:-webkit-box;overflow:hidden}.post-card__meta,.note-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.84rem;display:flex}.post-card__meta a,.note-meta a{color:var(--accent);text-decoration:none}.tag-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tag-row span{color:var(--accent);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;padding:4px 8px;font-size:.8rem}.breadcrumbs{color:var(--muted);overflow-wrap:anywhere;font-size:.84rem}.breadcrumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs a{color:var(--accent);text-decoration:none}.breadcrumbs li+li:before{content:"›";color:var(--border-strong);margin-right:8px}.category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.category-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:20px}.category-card h2{margin:0;font-size:1.12rem}.category-card h2 a{color:var(--heading);text-decoration:none}.category-card h2 a:hover{color:var(--accent)}.category-card p{color:var(--muted);margin:10px 0;line-height:1.65}.category-card span,.category-count{color:var(--muted);font-size:.84rem}.author-disclosure,.author-profile>section,.related-posts{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-top:18px;padding:22px}.author-disclosure h2,.author-profile h2,.related-posts>h2{color:var(--heading);margin:0 0 14px;font-size:1.12rem}.author-disclosure dl{gap:7px;margin:0 0 14px;display:grid}.author-disclosure dl div{grid-template-columns:5rem minmax(0,1fr);gap:10px;display:grid}.author-disclosure dt{color:var(--muted);font-weight:700}.author-disclosure dd{margin:0}.author-disclosure a,.author-profile a{color:var(--accent)}.author-disclosure p,.author-profile p{color:var(--muted);margin:0;line-height:1.65}.author-disclosure p+p{margin-top:10px}.author-disclosure__notice{border-top:1px solid var(--border);padding-top:10px}.author-profile>section{box-shadow:none}.related-posts>.post-list{margin-top:0}.markdown-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:break-word;margin-top:18px;padding:34px;font-family:inherit;font-size:1.03rem;line-height:1.75}.article-hero{border:1px solid var(--border);background:var(--surface);border-radius:18px;margin:0 0 1.5rem;overflow:hidden;box-shadow:0 12px 30px #0a12231f}.article-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{letter-spacing:0;padding:0;font-family:inherit;font-weight:700;line-height:1.32}.markdown-body h1{color:var(--heading-1);margin:2rem 0 1rem;font-size:2rem}.markdown-body h2{color:var(--heading-2);margin:2.5rem 0 1.25rem;font-size:1.54rem}.markdown-body h3{color:var(--heading-3);margin:2rem 0 1rem;font-size:1.36rem}.markdown-body h4{color:var(--heading-4);margin:2rem 0 1rem;font-size:1.18rem}.markdown-body h5{color:var(--heading-5)}.markdown-body h6{color:var(--heading-6)}.markdown-body h2:first-child,.markdown-body h3:first-child{margin-top:0}.markdown-body p{margin:0 0 1rem}.markdown-body ul,.markdown-body ol{margin:0 0 1rem;padding-inline-start:1.75rem}.markdown-body li{margin:.25rem 0;padding-left:.25rem}.markdown-body ul.contains-task-list{padding-inline-start:0;list-style:none}.markdown-body li.task-list-item,.markdown-body li:has(>input[type=checkbox]){padding-left:0;list-style:none}.markdown-body li.task-list-item>input[type=checkbox],.markdown-body li>input[type=checkbox]{vertical-align:-.12rem;block-size:1.05rem;inline-size:1.05rem;accent-color:var(--accent);margin:0 .55rem 0 0}.markdown-body li>p:only-child{margin:0}.markdown-body li>ul,.markdown-body li>ol{margin-top:.4rem;margin-bottom:.4rem}.markdown-body ::marker{color:var(--muted)}.markdown-body a{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent), transparent 62%);text-decoration:none}.markdown-body a:hover{color:var(--accent-2);border-bottom-color:var(--accent-2)}.markdown-body blockquote{border-left:.125rem solid var(--border-strong);color:var(--muted);margin:0 0 1.5rem;padding-left:1rem}.markdown-body code{background:var(--inline-code-bg);border:1px solid var(--border-strong);border-radius:5px;padding:.12em .35em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}.markdown-body pre{background:var(--code-bg);color:var(--text);border:1px solid var(--border-strong);border-radius:8px;margin:0 0 1.5rem;padding:18px;overflow:auto}.markdown-body pre code{background:0 0;border:0;padding:0}.table-scroll{width:100%;margin:0 0 1.5rem;overflow-x:auto}.markdown-body table{border-collapse:collapse;width:100%}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 10px}.markdown-body th{background:var(--surface-2)}.markdown-body img{border-radius:8px;max-width:100%;height:auto;margin:1rem 0 1.5rem;display:block}.markdown-body hr{border:0;border-top:1px solid var(--border-strong);margin:2rem 0}.markdown-body del,.markdown-body s{color:var(--muted)}.note-neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.note-neighbor{border:1px solid var(--border-strong);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px;gap:5px;padding:16px;text-decoration:none;display:grid}.note-neighbor--next{text-align:right}.note-neighbor span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.note-neighbor strong{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-neighbor:hover strong{color:var(--accent)}.pagination{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.pagination a{border:1px solid var(--border-strong);background:var(--surface);width:fit-content;color:var(--text);border-radius:8px;padding:8px 14px;font-weight:700;text-decoration:none}.pagination>:last-child{justify-self:end}.site-footer{width:100%;max-width:1260px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:14px;margin:auto auto 0;padding:24px 28px 34px;font-size:.82rem;display:flex}.site-footer nav{flex-wrap:wrap;gap:14px;display:flex}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}.scrim{z-index:35;background:#0000006b;border:0;position:fixed;inset:0}@media (width<=1120px){.content-shell{grid-template-columns:minmax(0,1fr)}.right-rail{display:none}.category-navigation--mobile{display:block}}@media (width<=820px){.sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.app-main{width:100%;margin-left:0}.menu-button{flex:none;display:block}.search-wrap{min-width:0}.content-shell{padding:18px}.markdown-body{padding:22px}}@media (width<=560px){.topbar{gap:8px;padding:0 14px}.topbar-theme{width:80px;height:38px}.content-shell{padding:14px}.page-header,.note-header{padding:20px}.markdown-body{padding:20px;font-size:1rem}.note-neighbors,.category-card-grid{grid-template-columns:1fr}.author-disclosure,.author-profile>section,.related-posts{padding:18px}.author-disclosure dl div{grid-template-columns:1fr;gap:2px}.note-neighbor--next{text-align:left}.site-footer{padding-inline:14px}}