:root{color-scheme:light;--bg:#fff;--surface:#f7f7f8;--surface-hover:#f1f2f4;--text:#292a2d;--heading:#151619;--muted:#6f737a;--faint:#666b73;--line:#e7e8ea;--accent:#2563d9;--accent-hover:#1749a6;--accent-soft:#edf3ff;--code-bg:#191b20;--code-text:#f2f3f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}html[data-theme=dark]{color-scheme:dark;--bg:#141516;--surface:#1d1f21;--surface-hover:#24272a;--text:#dfe1e4;--heading:#f5f6f7;--muted:#a1a5ab;--faint:#9ca1a8;--line:#2d3034;--accent:#82aaff;--accent-hover:#b2c9ff;--accent-soft:#1d2940;--code-bg:#0d0f12;--code-text:#f2f3f5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.7}::selection{color:var(--heading);background:var(--accent-soft)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{width:min(920px,100% - 2.5rem);margin-inline:auto}.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}.skip-link{z-index:1;min-height:2.75rem;color:var(--bg);background:var(--accent);border-radius:.45rem;padding:.65rem .9rem;font-weight:700;position:absolute;top:.75rem;left:50%;transform:translate(-50%,-150%)}.skip-link:focus{transform:translate(-50%)}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.site-header__inner{justify-content:space-between;align-items:center;gap:1.25rem;min-height:4.25rem;display:flex}.brand{border-radius:.45rem;justify-content:center;align-items:center;display:inline-flex}.brand__image{object-fit:contain;width:2.75rem;height:2.75rem;display:block}.theme-toggle{width:2.75rem;min-height:2.75rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.45rem;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:color .15s,background-color .15s;display:inline-flex}.theme-toggle:hover{color:var(--heading);background:var(--surface)}.theme-toggle__sun{display:none}.theme-toggle__moon,html[data-theme=dark] .theme-toggle__sun{display:inline}html[data-theme=dark] .theme-toggle__moon{display:none}.page-main{padding-block:clamp(3.5rem,7vw,5.25rem) 6rem}.intro{max-width:720px;margin-bottom:clamp(1rem,3vw,1.75rem)}.eyebrow{color:var(--faint);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .9rem;font-size:.74rem;font-weight:700}.intro h1,.tag-page h1,.post__header h1{color:var(--heading);letter-spacing:-.055em;word-break:keep-all;margin:0;font-size:clamp(2.25rem,6vw,3.55rem);line-height:1.18}.intro h1{font-size:clamp(2.1rem,5vw,2.8rem)}.intro__description{max-width:610px;color:var(--muted);margin:1.25rem 0 0;font-size:clamp(1rem,2vw,1.08rem)}.tag-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tag{min-height:2.75rem;color:var(--muted);background:var(--surface);border-radius:999px;align-items:center;padding:.24rem .6rem;font-size:.78rem;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex}.tag:hover{color:var(--accent-hover);background:var(--accent-soft)}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;padding-block:clamp(2.5rem,5vw,3.5rem) .35rem;display:flex}.section-heading h2{color:var(--heading);letter-spacing:-.025em;margin:0;font-size:1.15rem}.section-heading span{color:var(--faint);font-size:.82rem}.post-list__items{display:grid}.post-card{border-bottom:1px solid var(--line);padding-block:1.8rem}.post-card__body{min-width:0}.post-card time,.post__header time{color:var(--faint);font-size:.8rem;font-weight:550}.post-card h3{color:var(--heading);letter-spacing:-.035em;margin:.4rem 0 .45rem;font-size:clamp(1.3rem,3vw,1.55rem);line-height:1.35}.post-card h3 a{transition:color .15s}.post-card h3 a:hover{color:var(--accent)}.post-card p{max-width:680px;color:var(--muted);margin:0}.post-card>.tag-list{margin-top:.9rem}.pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding-top:2rem;display:grid}.pagination__link{min-height:2.75rem;color:var(--muted);align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;transition:color .15s;display:inline-flex}a.pagination__link:hover{color:var(--accent)}.pagination__link:last-child{justify-self:end}.pagination__link.is-disabled{color:var(--faint);opacity:.45}.pagination__status{color:var(--heading);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:650}.empty-state{border-bottom:1px solid var(--line);color:var(--muted);padding:2rem 0}.back-link{color:var(--muted);align-items:center;gap:.4rem;margin-bottom:2.5rem;font-size:.88rem;font-weight:600;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--accent)}.post{width:min(720px,100%);margin-inline:auto}.post__header{border-bottom:1px solid var(--line);margin-bottom:3rem;padding-bottom:2.5rem}.post__header h1{margin-top:.65rem;font-size:clamp(2.2rem,6vw,3.4rem)}.post__header>p{color:var(--muted);margin:1rem 0 1.35rem;font-size:1.05rem}.prose{color:var(--text);font-size:1.03rem;line-height:1.82}.prose h2,.prose h3,.prose h4{color:var(--heading);letter-spacing:-.035em;line-height:1.35}.prose h2{margin:2.8em 0 .85em;font-size:1.65rem}.prose h3{margin:2.4em 0 .75em;font-size:1.3rem}.prose h4{margin:2em 0 .7em;font-size:1.1rem}.prose p,.prose ul,.prose ol,.prose blockquote{margin:1.1em 0}.prose ul,.prose ol{padding-left:1.45rem}.prose li+li{margin-top:.35em}.prose a{color:var(--accent);text-underline-offset:.2em;text-decoration:underline 1px}.prose a:hover{color:var(--accent-hover)}.prose code:not(pre code){color:var(--heading);background:var(--surface);border-radius:.3rem;padding:.15em .38em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.prose pre{color:var(--code-text);border-radius:.6rem;padding:1.25rem;font-size:.88rem;line-height:1.7;overflow-x:auto;background:var(--code-bg)!important}.prose blockquote{border-left:3px solid var(--line);color:var(--muted);padding-left:1.1rem}.prose hr{border:0;border-top:1px solid var(--line);margin-block:3rem}.prose img{border-radius:.4rem;max-width:100%;height:auto}.prose table{border-collapse:collapse;width:100%;font-size:.94rem}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:.65rem .75rem}.prose th{color:var(--heading);background:var(--surface)}.callout{border-left:3px solid var(--accent);background:var(--surface);margin:1.5rem 0;padding:1rem 1.1rem}.callout strong{color:var(--heading);margin-bottom:.25rem;display:block}.callout p:first-child{margin-top:0}.callout p:last-child{margin-bottom:0}.tag-page{width:min(760px,100%);margin-inline:auto}.tag-page h1{font-size:clamp(2.1rem,5vw,3rem)}.tag-page>p:not(.eyebrow){color:var(--muted);margin:.7rem 0 2.25rem}.tag-page .post-list__items{border-top:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);background:var(--bg)}.site-footer__inner{color:var(--faint);justify-content:space-between;gap:1rem;padding-block:1.5rem 2.25rem;font-size:.78rem;display:flex}.site-footer__inner p{margin:0}@media (width<=680px){.shell{width:min(100% - 1.5rem,920px)}.site-header__inner{min-height:3.9rem}.brand__image{width:2.5rem;height:2.5rem}.page-main{padding-block:3.5rem 4.5rem}.intro{margin-bottom:2.75rem}.intro h1{font-size:clamp(2rem,10vw,2.6rem)}.tag-nav{gap:.75rem}.post-card{padding-block:1.5rem}.post__header{margin-bottom:2.5rem}.prose{font-size:1rem}.site-footer__inner{flex-direction:column;align-items:flex-start;gap:.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}