.theme-toggle[data-astro-cid-l6lhmie6]{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:inline-flex}.theme-toggle[data-astro-cid-l6lhmie6]:hover{background-color:#0000000d}html.dark .theme-toggle[data-astro-cid-l6lhmie6]:hover{background-color:#ffffff1a}.sun-icon[data-astro-cid-l6lhmie6]{width:20px;height:20px;display:block}.moon-icon[data-astro-cid-l6lhmie6]{width:20px;height:20px;display:none}html.dark .sun-icon[data-astro-cid-l6lhmie6]{display:none}html.dark .moon-icon[data-astro-cid-l6lhmie6]{display:block}:root{--bg-primary:#f5f5f5;--bg-card:#fff;--text-primary:#000;--text-secondary:#515151;--text-tertiary:#707070;--text-content:#111;--text-muted:#333;--border-color:#e5e5e5;--rule-color:#000;--input-bg:#fff;--tag-bg:#e9e9e9;--tag-hover-bg:#000;--tag-hover-color:#fff;--border-btn:#000;--bg-btn-hover:#000;--text-btn-hover:#fff;--tag-count-hover:#ccc}html.dark{--bg-primary:#121212;--bg-card:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-tertiary:gray;--text-content:#d8d8d8;--text-muted:silver;--border-color:#333;--rule-color:#fff;--input-bg:#2d2d2d;--tag-bg:#2d2d2d;--tag-hover-bg:#fff;--tag-hover-color:#000;--border-btn:#fff;--bg-btn-hover:#fff;--text-btn-hover:#000;--tag-count-hover:#888}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:var(--bg-primary);width:100%;min-height:100%;color:var(--text-primary);margin:0;font-family:Google Sans Flex,Google Sans,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;transition:background-color .3s,color .3s}.blog-shell{--page-gutter:24px;--content-max-width:768px;--content-width:min(var(--content-max-width), calc(100vw - (var(--page-gutter) * 2)));--content-left:max(var(--page-gutter), calc((100vw - var(--content-width)) / 2));--label-width:100%;--section-gap:0px;--content-column:100%;--nav-width:var(--content-width);background:var(--bg-primary);min-height:100vh;padding-top:1px;padding-bottom:56px;transition:background-color .3s;position:relative}.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}.top-nav{width:var(--nav-width);margin:16px 0 0 var(--content-left);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 22px;font-size:15px;font-weight:700;line-height:1.2;display:flex}.top-nav a{color:var(--text-primary);text-underline-position:from-font;text-decoration-skip-ink:auto;text-decoration:underline 1px}.top-nav a:hover{text-decoration-thickness:2px}.hero{width:var(--content-width);margin-left:var(--content-left);margin-top:48px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.045em;font-size:clamp(34px,10vw,40px);font-weight:700;line-height:1.2}.hero p{max-width:34rem;color:var(--text-secondary);letter-spacing:-.018em;margin-top:9px;font-size:16px;line-height:1.45}.major-rule,.minor-rule{width:var(--content-width);margin-left:var(--content-left);background:var(--rule-color)}.major-rule{height:4px;margin-top:28px}.minor-rule{height:2px;margin-top:34px}.post-section{width:var(--content-width);margin-left:var(--content-left);grid-template-columns:1fr;gap:14px;margin-top:14px;display:grid}.post-section h2{letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1.2}@media (width>=768px){.blog-shell{--page-gutter:64px;--content-width:min(var(--content-max-width), calc(100vw - (var(--page-gutter) * 2)));--content-left:max(var(--page-gutter), calc((100vw - var(--content-width)) / 2));--label-width:86px;--section-gap:20px;--content-column:calc(var(--content-width) - var(--label-width) - var(--section-gap));min-height:1120px;padding-bottom:56px}.top-nav{width:var(--content-width);margin-left:var(--content-left);justify-content:flex-end;gap:30px;font-size:16px}.hero{margin-top:58px}.post-section{grid-template-columns:var(--label-width) minmax(0, var(--content-column));gap:var(--section-gap)}}.pinned-item a:hover .pinned-title,.post-card a:hover h3,.article-item a:hover .article-title,.category-post-item a:hover .post-title,.search-result-item a:hover .post-title{text-underline-offset:3px;text-decoration:underline 1px}.pinned-item a:active .pinned-title,.post-card a:active h3,.article-item a:active .article-title,.category-post-item a:active .post-title,.search-result-item a:active .post-title{color:var(--text-tertiary)}