@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--bg:#f8f4ec;--font-sans:"Plus Jakarta Sans", "Noto Sans KR", "Pretendard", "Trebuchet MS", sans-serif;--bg-glow:rgba(224, 184, 145, 0.32);--surface:#fffdf8;--surface-soft:#fbf5eb;--surface-strong:#f2e6d7;--text:#1a1a1a;--muted:#6f6559;--line:#decfbc;--accent:#9c513f;--accent-soft:rgba(156, 81, 63, 0.13);--accent-2:#4d7a72;--code-bg:#f3e7d9;--code-text:#4f3c2f;--quote-line:#c59063;--shadow:0 22px 44px rgba(60, 38, 23, 0.09);--radius:26px;--radius-sm:12px;--max-width:1040px}:root.theme-dark{--bg:#181513;--bg-glow:rgba(189, 129, 98, 0.24);--surface:#211d1a;--surface-soft:#29231f;--surface-strong:#352d27;--text:#f2e8da;--muted:#c0af9b;--line:#4a4036;--accent:#e2a27e;--accent-soft:rgba(226, 162, 126, 0.16);--accent-2:#86b7ac;--code-bg:#352d26;--code-text:#f8e7d5;--quote-line:#dfa97f;--shadow:0 24px 56px rgba(3, 2, 1, 0.5)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 7% 2%,rgba(255,255,255,.68),transparent 34%),radial-gradient(circle at 82% -2%,var(--bg-glow),transparent 36%),linear-gradient(170deg,rgba(255,255,255,.42),transparent 45%),var(--bg);color:var(--text)}body{min-height:100vh;line-height:1.8;font-size:1.05rem;font-weight:400;position:relative}body::before{content:"";position:fixed;inset:-20% -12%;background:radial-gradient(circle at 15% 25%,rgba(245,220,192,.28),transparent 26%),radial-gradient(circle at 88% 14%,rgba(214,176,140,.2),transparent 24%),radial-gradient(circle at 52% 88%,rgba(229,197,167,.22),transparent 28%);pointer-events:none;z-index:-1}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.16em;transition:color .25s ease,text-decoration-color .25s ease}a:hover{color:var(--accent-2)}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-shell{max-width:var(--max-width);margin:0 auto;padding:1.9rem 1.1rem 3.4rem}.site-header{margin-bottom:2.2rem}.site-header-inner{border-radius:calc(var(--radius) + 8px);border:1px solid var(--line);padding:1.1rem 1.9rem;background:linear-gradient(145deg,rgba(255,255,255,.82),var(--surface-soft));box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}.brand{font-family:var(--font-sans);font-size:1.75rem;font-weight:700;letter-spacing:.008em;text-decoration:none;color:var(--text)}.top-nav{display:flex;align-items:center;gap:.82rem;flex-wrap:wrap}.top-nav a{color:var(--muted);text-decoration:none;font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.top-nav a:hover{color:var(--accent)}.top-nav .divider{color:var(--line)}#dark-mode-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.95rem;height:1.95rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--muted);cursor:pointer;transition:transform .22s ease,color .22s ease,border-color .22s ease}#dark-mode-toggle:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-1px)}.top-nav .feather{width:16px;height:16px}.feather{width:18px;height:18px;vertical-align:middle}.content-section,.content-page,.post-content{width:100%}.post-container,.content-page>.post-container{display:grid;gap:1.25rem}.post-content,.post-list{background:linear-gradient(180deg,rgba(255,255,255,.72),var(--surface));border-radius:var(--radius);border:1px solid var(--line);padding:2.8rem 3.6rem;box-shadow:var(--shadow);animation:reveal .56s ease;backdrop-filter:blur(2px)}.section-header{margin:0 0 .95rem}.section-header h1,.title h1,.post-card h2{font-family:var(--font-sans);letter-spacing:.005em}.section-header h1{margin:0;font-size:clamp(2.1rem,4.3vw,2.7rem);font-weight:700}.title{margin:0}.title h1{margin:0;font-size:clamp(2.2rem,4.5vw,3rem);line-height:1.15;font-weight:700}.meta{color:var(--muted);font-size:.9rem;margin-top:.8rem}.meta-item{display:inline-flex;align-items:center;gap:.34rem}.meta .meta-item+.meta-item{margin-left:.72rem}.meta-icon{width:14px;height:14px;color:color-mix(in srgb,var(--muted) 80%,var(--line));flex-shrink:0}.meta-reading{margin-top:.24rem}.tldr{margin-top:2rem;padding:.8rem .95rem;border-left:4px solid var(--accent-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-2) 11%,var(--surface))}.body{margin-top:2.5rem}.body p,.summary{max-width:69ch;margin-top:1.4rem;margin-bottom:1.4rem}.body ul,.body ol{margin-top:1.4rem;margin-bottom:1.4rem;padding-left:2rem}.body li{margin-bottom:.6rem;list-style-position:outside}.body li>ul,.body li>ol{margin-top:.4rem;margin-bottom:0}.summary{color:color-mix(in srgb,var(--text) 86%,var(--muted))}.body h1{margin-top:2.5rem}.body h2,.body h3,.body h4{margin-top:1.8rem}.body h1,.body h2,.body h3,.body h4{margin-bottom:.8rem;line-height:1.3;scroll-margin-top:5rem}.body h1+h2,.body h2+h3,.body h3+h4{margin-top:1rem}.body h1+p,.body h2+p,.body h3+p,.body h4+p,.body h1+ul,.body h2+ul,.body h3+ul,.body h4+ul,.body h1+ol,.body h2+ol,.body h3+ol,.body h4+ol{margin-top:.5rem}.body h2{font-size:1.64rem}.body h3{font-size:1.36rem}.body h1,.body h2,.body h3,.body h4{font-family:var(--font-sans);font-weight:500}.body img,.body video{max-width:100%;height:auto;border-radius:calc(var(--radius-sm) + 2px);margin:1.8rem 0}.body hr{border:0;border-top:1px dashed var(--line);margin:1.85rem 0}.body blockquote{margin:2rem 0;padding:1rem 1.4rem;border-left:4px solid var(--quote-line);background:color-mix(in srgb,var(--quote-line) 11%,var(--surface));border-radius:0 var(--radius-sm)var(--radius-sm)0}.body pre,.body code,.body kbd{font-family:ibm plex mono,sfmono-regular,Consolas,monospace}.body pre{background:var(--code-bg);color:var(--code-text);border:1px solid color-mix(in srgb,var(--line) 76%,var(--surface));border-radius:var(--radius-sm);padding:1.2rem 1.4rem;overflow-x:auto;margin:1.8rem 0}.body :not(pre)>code{background:color-mix(in srgb,var(--code-bg) 80%,var(--surface));color:var(--code-text);border-radius:6px;padding:.08rem .36rem;border:1px solid color-mix(in srgb,var(--line) 86%,var(--surface))}.body table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.96rem}.body th,.body td{border:1px solid var(--line);padding:.48rem .62rem}.body th{background:var(--surface-strong);text-align:left}.post-tags{margin-top:1.15rem}.post-list .post-card+.post-card{margin-top:2rem;padding-top:2rem;border-top:1px dashed var(--line)}.post-card h2{margin:0;font-size:clamp(1.45rem,2.8vw,1.88rem);font-weight:700}.post-card .meta{margin-bottom:.36rem}.read-more{display:inline-flex;align-items:center;gap:.34rem;margin-top:.72rem;color:var(--accent);text-decoration:none;font-weight:700;letter-spacing:.02em}.read-more .meta-icon{color:currentColor;transform:translateX(0);transition:transform .2s ease}.read-more:hover .meta-icon{transform:translateX(4px)}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:.72rem 0 0}.tag-list li a,.term-list a{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.3rem .72rem;font-size:.78rem;text-decoration:none;color:var(--muted);background:color-mix(in srgb,var(--surface-soft) 70%,transparent);transition:border-color .2s ease,color .2s ease}.tag-list li a:hover,.term-list a:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.draft-label{background:color-mix(in srgb,var(--accent-2) 55%,#d1f1ed);color:#14302d;border-radius:4px;padding:.1rem .45rem;font-size:.72rem;margin-left:.55rem}.toc{margin-top:.2rem;border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 86%,#fff),var(--surface));position:sticky;top:1rem}.toc ul{margin:.55rem 0 0;padding-left:1.05rem}.toc-title{display:inline-flex;align-items:center;gap:.35rem}.comments-section{margin-top:2.25rem;padding-top:1.25rem;border-top:1px dashed var(--line)}.comments-section #giscus_thread{margin-top:.4rem}.toc li+li{margin-top:.28rem}.pagination{margin-top:1.2rem;display:flex;justify-content:space-between;gap:.5rem}.pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:5.8rem;padding:.52rem .95rem;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--muted);background:color-mix(in srgb,var(--surface-soft) 72%,transparent)}.pagination a:hover{color:var(--accent)}footer{margin-top:2.4rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:1.15rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.soc{text-decoration:none;color:var(--muted);transition:color .2s ease,transform .2s ease}.soc:hover{color:var(--accent);transform:translateY(-1px)}.soc+.soc{margin-left:.4rem}.border{border-left:1px solid var(--line);margin:0 .72rem;min-height:1rem}.footer-links .border:last-child{display:none}.language-switcher{display:inline-flex;gap:.32rem}.language-switcher a{padding:.18rem .52rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--muted);font-size:.78rem;background:color-mix(in srgb,var(--surface-soft) 65%,transparent)}.language-switcher a:hover{color:var(--accent)}@keyframes reveal{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:980px){.post-container.with-toc{grid-template-columns:minmax(0,1fr)minmax(220px,280px);align-items:start}.post-container.with-toc .post-content{grid-column:1}.post-container.with-toc .toc{grid-column:2}}@media(max-width:900px){.site-shell{padding:1.05rem .9rem 2.5rem}.site-header-inner{padding:1rem 1.36rem}.title h1{font-size:clamp(1.75rem,8vw,2.26rem)}.post-content,.post-list{padding:1.52rem 1.36rem 1.64rem}}@media(max-width:720px){body{font-size:.99rem}.site-header-inner{flex-direction:column;align-items:flex-start}.top-nav{width:100%;gap:.72rem}.top-nav .divider{display:none}.footer-links{gap:.15rem}.border{margin:0 .48rem}.toc{position:static}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}