@font-face{font-family:D2Coding;font-style:normal;font-weight:400;font-display:swap;src:local(D2Coding),url(/fonts/d2coding/D2Coding-subset.woff2)format("woff2")}@font-face{font-family:D2Coding;font-style:normal;font-weight:700;font-display:swap;src:local(D2Coding Bold),local(D2Coding),url(/fonts/d2coding/D2CodingBold-subset.woff2)format("woff2")}:root{color-scheme:light;--bg:#eff1f5;--surface:#e6e9ef;--surface-alt:#dce0e8;--ink:#4c4f69;--muted:#5c5f77;--soft:#6c6f85;--line:#ccd0da;--line-strong:#bcc0cc;--accent:#8839ef;--accent-strong:#8839ef;--accent-warm:#fe640b;--code-bg:#e6e9ef;--code-border:#ccd0da;--code-ink:#4c4f69;--code-muted:#6c6f85;--hue-blue:#1e66f5;--hue-green:#40a02b;--hue-mauve:#8839ef;--hue-sky:#04a5e5;--hue-red:#d20f39;--hue-peach:#fe640b;--font-prose:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Helvetica Neue", Arial, sans-serif;--font-mono:"D2Coding", "D2 coding subset", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--max-width:1120px;--reading-width:680px}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--font-prose);font-size:16px}body{text-rendering:optimizelegibility;min-width:320px;margin:0;line-height:1.6}body,button,input,textarea{font:inherit}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:.08em}img{max-width:100%;display:block}code,pre,.eyebrow,.brand-mark,.primary-nav,.status-list,.card-meta,.post-meta,.tag-list,.timeline-period,.draft-badge,.home-project span,.simple-post-list time,.simple-post-list em,.post-log time,.article-meta,.article-toc h2,.article-nav span,.archive-list time,.tag-card span,.tag-filter__choice small{font-family:var(--font-mono)}pre{background:var(--code-bg);color:var(--code-ink);border-radius:8px;margin:0;padding:1.1rem;overflow-x:auto}.site-shell{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.skip-link{z-index:20;background:var(--ink);color:var(--surface);border-radius:6px;padding:.6rem .85rem;text-decoration:none;position:absolute;top:1rem;left:1rem;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.site-header{z-index:10;border-bottom:1px solid color-mix(in srgb, var(--line) 86%, transparent);background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(18px);position:sticky;top:0}.site-header__inner{width:min(100% - 2rem, var(--max-width));justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.85rem 0;display:flex}.brand{align-items:center;gap:.65rem;font-weight:760;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);width:2.25rem;height:2.25rem;color:var(--surface);border-radius:8px;place-items:center;font-size:.78rem;font-weight:820;display:grid}.primary-nav{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.primary-nav a{color:var(--muted);border-radius:6px;padding:.45rem .6rem;text-decoration:none}.primary-nav a:hover,.primary-nav a[aria-current=page]{background:var(--surface-alt);color:var(--ink)}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:2.3rem;height:2.3rem;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{border-color:var(--line-strong);color:var(--accent-strong)}.theme-toggle:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.theme-toggle__icon{display:none}.theme-toggle__icon--system{display:inline-flex}:root[data-theme-pref=light] .theme-toggle__icon--system,:root[data-theme-pref=dark] .theme-toggle__icon--system{display:none}:root[data-theme-pref=light] .theme-toggle__icon--light,:root[data-theme-pref=dark] .theme-toggle__icon--dark{display:inline-flex}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:760}.personal-hero,.home-section,.page-section,.page-header,.article-header,.article-toc,.article-body,.article-nav,.site-footer__inner{width:min(100% - 2rem, var(--max-width));margin:0 auto}.personal-hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:3rem;padding:4.25rem 0 3.25rem;display:grid}.personal-hero__copy{max-width:46rem}.personal-hero h1{margin:0;font-size:3rem;line-height:1.05}.personal-hero p{max-width:43rem;color:var(--muted);margin:.9rem 0 0}.personal-hero .lede{color:var(--ink);font-size:1.22rem;line-height:1.55}.personal-links{flex-wrap:wrap;gap:.65rem 1rem;margin-top:1.35rem;display:flex}.personal-links a{color:var(--accent-strong);font-weight:720}.personal-hero__aside{gap:1rem;display:grid}.personal-photo{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);object-fit:contain;border-radius:8px;width:100%}.now-panel{border-left:3px solid var(--accent);background:var(--surface);padding:1rem 1.1rem}.now-panel .eyebrow{margin-bottom:.75rem}.status-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.status-list li{color:var(--muted)}.status-list li:before{color:var(--accent-strong);content:"/ ";font-weight:800}.home-section{border-top:1px solid var(--line);padding:3rem 0}.home-section__header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.35rem;display:flex}.home-section__header h2{margin:0;font-size:1.85rem;line-height:1.15}.home-section__header p{max-width:45rem;color:var(--muted);margin:.55rem 0 0}.home-section__header>a{color:var(--accent-strong);white-space:nowrap;font-weight:720}.simple-post-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.simple-post-list li{border-bottom:1px solid var(--line)}.simple-post-list li:first-child{border-top:1px solid var(--line)}.simple-post-list a{grid-template-columns:8rem minmax(0,1fr);align-items:baseline;gap:1rem;padding:1rem 0;text-decoration:none;display:grid}.simple-post-list time,.simple-post-list em{color:var(--soft);font-size:.9rem;font-style:normal;font-weight:680}.simple-post-list strong,.simple-post-list small{display:block}.simple-post-list strong{font-size:1.05rem;line-height:1.25}.simple-post-list small{color:var(--muted);margin-top:.25rem;font-size:.95rem}.simple-post-list a:hover strong,.profile-link-list a:hover strong{color:var(--accent-strong)}.index-links{flex-wrap:wrap;gap:.5rem 1.1rem;margin-top:1.35rem;display:flex}.index-links a{color:var(--muted);font-weight:680;text-decoration:none}.index-links a:hover{color:var(--accent-strong)}.post-log{border-top:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.post-log li{border-bottom:1px solid var(--line)}.post-log a{grid-template-columns:8rem minmax(0,1fr);align-items:baseline;gap:1.25rem;padding:1.1rem 0;text-decoration:none;display:grid}.post-log time{color:var(--soft);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:680}.post-log__body{display:block}.post-log strong{font-size:1.1rem;line-height:1.3;display:block}.post-log small{color:var(--muted);margin-top:.3rem;font-size:.95rem;line-height:1.5;display:block}.post-log a:hover strong{color:var(--accent-strong)}.profile-project-grid{grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);align-items:start;gap:2rem;display:grid}.profile-link-list{border-top:1px solid var(--line);display:grid}.profile-link-list a{border-bottom:1px solid var(--line);gap:.2rem;padding:.85rem 0;text-decoration:none;display:grid}.profile-link-list span{color:var(--muted)}.home-project-list{gap:.8rem;display:grid}.home-project{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:.85rem;padding:1rem;display:grid}.home-project span{color:var(--soft);font-size:.84rem;font-weight:720}.home-project h3{margin:.2rem 0 0;font-size:1.12rem;line-height:1.25}.home-project p{color:var(--muted);margin:.35rem 0 0}.page-section{padding:3.5rem 0}.page-section+.page-section{border-top:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem;display:flex}.section-heading h2,.page-header h1,.article-header h1{margin:0;line-height:1.12}.section-heading h2{font-size:1.85rem}.section-heading p,.page-header p,.article-header p{max-width:44rem;color:var(--muted);margin:.55rem 0 0}.page-header{padding:3.5rem 0 2.25rem}.page-header h1,.article-header h1{font-size:2.65rem}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.section-card,.post-card,.project-card,.timeline-item,.uses-card{border:1px solid var(--line);background:var(--surface);border-radius:8px}.section-card,.project-card,.timeline-item,.uses-card{padding:1.1rem}.section-card{gap:.85rem;text-decoration:none;display:grid}.section-card:hover,.post-card:hover,.project-card:hover{border-color:var(--line-strong)}.card-meta,.post-meta,.tag-list,.timeline-period{color:var(--soft);font-size:.86rem;font-weight:680}.draft-badge{border:1px solid color-mix(in srgb, var(--accent-warm) 45%, var(--line));background:color-mix(in srgb, var(--accent-warm) 12%, var(--surface));width:fit-content;color:var(--accent-warm);text-transform:uppercase;border-radius:999px;align-items:center;padding:.16rem .48rem;font-size:.72rem;font-weight:780;line-height:1.2;display:inline-flex}.section-card h3,.post-card h3,.project-card h2,.uses-card h2{margin:0;font-size:1.15rem;line-height:1.25}.section-card p,.post-card p,.project-card p,.timeline-item p,.uses-card p{color:var(--muted);margin:0}.example-list,.tag-list{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.example-list li,.tag-list li{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:.25rem .55rem}.tag-list a{color:inherit;text-decoration:none}.tag-list a:hover{color:var(--accent-strong)}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.post-list{gap:.9rem;display:grid}.post-card{text-decoration:none;display:block;overflow:hidden}.post-card--draft{border-color:color-mix(in srgb, var(--accent-warm) 42%, var(--line));background:color-mix(in srgb, var(--surface) 92%, var(--accent-warm))}.post-card__inner{gap:.7rem;padding:1.1rem;display:grid}.post-meta{flex-wrap:wrap;gap:.35rem .65rem;display:flex}.empty-state{border:1px dashed var(--line-strong);background:color-mix(in srgb, var(--surface-alt) 72%, transparent);color:var(--muted);border-radius:8px;padding:1.5rem}.draft-section{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-warm) 6%, transparent), transparent 8rem)}.article-header{max-width:var(--reading-width);padding:3.5rem 0 2rem}.article-header--draft{border-bottom:1px solid color-mix(in srgb, var(--accent-warm) 30%, var(--line))}.article-kicker{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.article-kicker .eyebrow{margin:0}.article-header .draft-note{border-left:3px solid var(--accent-warm);max-width:fit-content;color:var(--accent-warm);padding-left:.75rem;font-weight:680}.article-meta{color:var(--soft);flex-wrap:wrap;align-items:center;gap:.55rem .8rem;margin-top:1rem;font-size:.92rem;display:flex}.article-tags{margin:0}.article-toc{max-width:var(--reading-width);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0}.article-toc h2{color:var(--soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .7rem;font-size:.78rem;font-weight:760}.article-toc ol{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.article-toc li{line-height:1.35}.article-toc a{color:var(--muted);text-decoration:none}.article-toc a:hover{color:var(--accent-strong)}.article-toc__depth-3{padding-left:1rem}.article-body{max-width:var(--reading-width);padding:1rem 0 2.5rem}.prose{color:var(--ink);font-size:1.05rem;line-height:1.75}.prose h2,.prose h3{margin-top:2.1em;line-height:1.2}.prose p,.prose ul,.prose ol,.prose blockquote{margin:1.1rem 0}.prose blockquote{border-left:4px solid var(--accent);color:var(--muted);padding-left:1rem}.prose a{color:var(--accent-strong);font-weight:650}.prose :not(pre)>code{border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:color-mix(in srgb, var(--surface-alt) 78%, transparent);color:var(--accent-strong);overflow-wrap:anywhere;border-radius:5px;padding:.12rem .32rem;font-size:.9em}.prose .expressive-code{margin:1.45rem 0}.prose .expressive-code+.expressive-code{margin-top:1.1rem}.prose kbd{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:var(--font-mono);border-bottom-width:2px;border-radius:5px;padding:.1rem .34rem;font-size:.86em;font-weight:650}.mermaid-figure{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:1.6rem 0;overflow:hidden}.mermaid-figure__title,.mermaid-figure__caption{color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.mermaid-figure__title{border-bottom:1px solid var(--line);color:var(--ink);padding:.75rem 1rem;font-weight:720}.mermaid-figure__canvas{background:color-mix(in srgb, var(--surface-alt) 42%, var(--surface));padding:1rem;overflow-x:auto}.prose pre.mermaid{min-width:100%;color:var(--ink);text-align:center;background:0 0;margin:0}.prose pre.mermaid svg{max-width:100%;height:auto;margin:0 auto;display:block}.prose pre.mermaid[data-mermaid-error=true]{color:var(--accent-warm);text-align:left}.mermaid-figure__caption{border-top:1px solid var(--line);padding:.7rem 1rem}.callout{--callout-color:var(--accent);--callout-bg:color-mix(in srgb, var(--surface-alt) 68%, transparent);border:1px solid var(--line);border-left:4px solid var(--callout-color);background:var(--callout-bg);border-radius:8px;margin:1.35rem 0;padding:1rem}.callout--warning{--callout-color:var(--accent-warm)}.callout--decision{--callout-color:var(--hue-blue)}.callout--reference{--callout-color:var(--line-strong)}.callout--tip{--callout-color:var(--hue-green)}.callout--question{--callout-color:var(--hue-mauve)}.callout--todo{--callout-color:var(--hue-sky)}.callout--danger{--callout-color:var(--hue-red)}.callout__header{align-items:center;gap:.55rem;margin-bottom:.65rem;display:flex}.callout__marker{width:1.15rem;height:1.15rem;color:var(--callout-color);flex:none;justify-content:center;align-items:center;display:inline-flex}.callout__icon{width:100%;height:100%}.callout__header strong{font-size:.95rem;line-height:1.2}.callout__body>:first-child{margin-top:0}.callout__body>:last-child{margin-bottom:0}.archive-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.archive-list a{border-bottom:1px solid var(--line);grid-template-columns:9.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem 0;text-decoration:none;display:grid}.archive-list a:hover strong{color:var(--accent-strong)}.article-nav{max-width:var(--reading-width);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:4rem;display:grid}.article-nav a{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:1rem;text-decoration:none}.article-nav a:hover{border-color:var(--line-strong)}.article-nav span{color:var(--soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:760;display:block}.article-nav strong{line-height:1.3;display:block}.article-nav__older{text-align:right}.tag-filter{border:0;margin:0 0 1.1rem;padding:0}.tag-filter__choices{flex-wrap:wrap;gap:.65rem;display:flex}.tag-filter__choice{border:1px solid var(--line);background:var(--surface);min-height:2.35rem;color:var(--ink);cursor:pointer;user-select:none;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .8rem;font-weight:720;display:inline-flex;position:relative}.tag-filter__choice:has(input:checked){border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}.tag-filter__choice input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.tag-filter__choice:has(input:focus-visible){outline:2px solid var(--accent-strong);outline-offset:3px}.tag-filter__label{line-height:1}.tag-filter__choice small{color:var(--soft);font-size:.82rem;font-weight:720}.tag-filter__choice:has(input:checked) small{color:color-mix(in srgb, #fff 82%, var(--accent))}.tag-filter__clear{border:1px solid var(--line);background:var(--surface);min-height:2.35rem;color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;padding:.5rem .8rem;font-size:.9rem;font-weight:720}.tag-filter__clear:hover{border-color:var(--line-strong);color:var(--accent-strong)}.tag-filter__results{margin-top:1rem}.tag-cloud{flex-wrap:wrap;gap:.75rem;display:flex}.tag-card{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:baseline;gap:.5rem;padding:.55rem .85rem;text-decoration:none;display:flex}.tag-card:hover{border-color:var(--line-strong)}.tag-card span{color:var(--soft);font-size:.86rem;font-weight:680}.site-footer{border-top:1px solid var(--line);background:var(--surface)}.site-footer__inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:2rem 0;font-size:.92rem;display:flex}.site-footer a{color:var(--ink);font-weight:650}[data-theme=dark]{color-scheme:dark;--bg:#24273a;--surface:#1e2030;--surface-alt:#181926;--ink:#cad3f5;--muted:#b8c0e0;--soft:#a5adcb;--line:#363a4f;--line-strong:#494d64;--accent:#c6a0f6;--accent-strong:#c6a0f6;--accent-warm:#f5a97f;--code-bg:#1e2030;--code-border:#363a4f;--code-ink:#cad3f5;--code-muted:#a5adcb;--hue-blue:#8aadf4;--hue-green:#a6da95;--hue-mauve:#c6a0f6;--hue-sky:#91d7e3;--hue-red:#ed8796;--hue-peach:#f5a97f}@media (width<=860px){.site-header__inner{flex-direction:column;align-items:flex-start}.primary-nav{justify-content:flex-start}.personal-hero,.profile-project-grid,.card-grid,.card-grid--two,.post-grid,.article-nav{grid-template-columns:1fr}.personal-hero{gap:2rem;padding:3rem 0 2.5rem}.personal-hero h1{font-size:2.35rem}.personal-photo{max-width:32rem}.home-section__header{flex-direction:column;align-items:flex-start}.simple-post-list a,.post-log a{grid-template-columns:1fr;gap:.35rem}.section-heading{flex-direction:column;align-items:flex-start}.archive-list a{grid-template-columns:1fr;gap:.25rem}.article-nav__older{text-align:left}}@media (width<=540px){.site-header__inner,.personal-hero,.home-section,.page-section,.page-header,.article-header,.article-toc,.article-body,.article-nav,.site-footer__inner{width:min(100% - 1.25rem, var(--max-width))}.primary-nav a{padding:.4rem .5rem}.personal-hero .lede{font-size:1.08rem}.page-header h1,.article-header h1{font-size:2.1rem}}