:root{--font-sans:"Nunito", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", sans-serif;--font-mono:"Noto Sans Mono", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", monospace;--brand:#2e7eee;--brand-hover:#1169e3;--brand-strong:#2f55d4;--brand-soft:#eaf2fd;--brand-ink:#12366b;--surface:#f8f9fc;--background:#fff;--foreground:#161c2d;--card:#fff;--card-foreground:#161c2d;--popover:#fff;--muted:#eef0f3;--muted-foreground:#546986;--border:#dee2e6;--input:#adb5bd;--ring:#2e7eee;--code-background:#151817;--code-foreground:#f3f5f2;--shadow-card:0 10px 35px #161c2d0f;--shadow-card-hover:0 18px 45px #161c2d1f;--shadow-raised:0 18px 55px #161c2d17;--shadow-floating:0 16px 40px #0f140c29}.dark{--brand-hover:#64a2f5;--brand-strong:#7bb0f7;--brand-soft:#1b3155;--surface:#0d0f10;--background:#121415;--foreground:#f3f5f2;--card:#1b1e1f;--card-foreground:#f3f5f2;--popover:#202425;--muted:#292d2e;--muted-foreground:#aab1ac;--border:#ffffff1a;--input:#ffffff26;--ring:var(--brand);--code-background:#090a0a;--code-foreground:#f3f5f2;--shadow-card:0 10px 30px #0000002e;--shadow-card-hover:0 18px 42px #00000047;--shadow-raised:0 18px 50px #00000042;--shadow-floating:0 18px 48px #0000006b}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:200 900}*,:before,:after{box-sizing:border-box}html{background:var(--surface);color-scheme:light;min-width:320px;font-family:var(--font-sans);scroll-behavior:smooth;text-rendering:optimizelegibility}html.dark{color-scheme:dark}body{background:var(--surface);min-height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{color:inherit;font:inherit}button:not(:disabled),[role=button]:not([aria-disabled=true]){cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:3px}.skip-link{z-index:100;background:var(--foreground);color:var(--background);border-radius:.625rem;padding:.65rem .9rem;font-size:.875rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-frame{flex-direction:column;min-height:100vh;display:flex}.product-shell{width:min(100%,1180px);margin-inline:auto;padding-inline:1.25rem}.site-header{z-index:50;border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--background) 92%, transparent);backdrop-filter:blur(20px);position:sticky;top:0}.site-header__inner{align-items:center;gap:1rem;min-height:68px;display:flex}.brand-link,.footer-logo{flex:none;align-items:center;text-decoration:none;display:inline-flex}.brand-logo{width:auto;height:32px;display:block}.brand-logo--dark,.dark .brand-logo--light{display:none}.dark .brand-logo--dark{display:block}.primary-nav{align-items:center;gap:.25rem;display:flex}.primary-nav a,.header-link{min-height:40px;color:var(--muted-foreground);border-radius:999px;align-items:center;padding-inline:1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.primary-nav a:hover,.header-link:hover{background:var(--muted);color:var(--foreground)}.primary-nav a.is-active{background:var(--brand-soft);color:var(--brand-ink)}.dark .primary-nav a.is-active{color:#eaf2fd}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.language-menu{position:relative}.language-menu summary{cursor:pointer;gap:.45rem;list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-popover{border:1px solid var(--border);background:var(--popover);width:12rem;max-height:min(28rem,100vh - 6rem);box-shadow:var(--shadow-floating);border-radius:.9rem;padding:.45rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0;overflow-y:auto}.language-popover a{color:var(--muted-foreground);border-radius:.6rem;padding:.65rem .75rem;font-size:.875rem;text-decoration:none}.language-popover a:hover,.language-popover a[aria-current=page]{background:var(--muted);color:var(--foreground)}.theme-toggle{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--muted) 35%, transparent);border-radius:999px;place-items:center;width:40px;height:40px;transition:background-color .15s,border-color .15s,transform .15s;display:grid}.theme-toggle:hover{border-color:var(--border);background:color-mix(in srgb, var(--muted) 65%, transparent)}.theme-toggle:active{transform:translateY(1px)}.theme-icon{fill:currentColor;width:16px;height:16px}.theme-icon--sun,.dark .theme-icon--moon{display:none}.dark .theme-icon--sun{display:block}main{flex:1}.index-hero{padding-block:3.5rem 3rem}.index-hero>div{max-width:42rem}.eyebrow,.post-meta{color:var(--brand-strong);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:700}.index-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,6vw,3rem);font-weight:700;line-height:1.05}.index-introduction{color:var(--muted-foreground);margin:1rem 0 0;font-size:1.125rem;line-height:1.75}.posts-section{padding-bottom:7rem}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:1.75rem;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:1.875rem;font-weight:650}.section-heading span{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.875rem}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.post-card{border:1px solid var(--border);background:var(--card);height:100%;color:var(--card-foreground);box-shadow:var(--shadow-card);border-radius:1.4rem;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.post-card:hover{border-color:color-mix(in srgb, var(--brand) 70%, transparent);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.post-card>a{flex-direction:column;height:100%;text-decoration:none;display:flex}.post-card__media{aspect-ratio:1;border-bottom:1px solid var(--border);background:var(--surface);overflow:hidden}.post-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.post-card:hover .post-card__media img{transform:scale(1.015)}.post-card__content{flex-direction:column;flex:1;min-height:0;padding:1.25rem;display:flex}.post-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.post-card h2{letter-spacing:-.03em;margin:.75rem 0 0;font-size:1.3rem;font-weight:650;line-height:1.3}.post-card p{color:var(--muted-foreground);margin:.75rem 0 0;font-size:.925rem;line-height:1.65}.post-card__action{align-items:center;gap:.35rem;margin-top:auto;padding-top:1.25rem;font-size:.875rem;font-weight:650;transition:color .15s;display:inline-flex}.post-card__action span{transition:transform .15s}.post-card:hover .post-card__action{color:var(--brand-strong)}.post-card:hover .post-card__action span{transform:translate(.2rem)}.empty-state{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);box-shadow:var(--shadow-card);border-radius:1.4rem;margin:0;padding:2rem}.article-shell{width:min(100% - 2.5rem,1120px);margin-inline:auto;padding-block:clamp(3rem,7vw,6rem) clamp(5rem,10vw,9rem)}.article-header,.prose{width:min(100%,720px);margin-inline:auto}.back-link{color:var(--muted-foreground);font-size:.875rem;font-weight:650;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--brand-strong)}.article-meta{margin-top:clamp(2.5rem,6vw,4.5rem)}.article-header h1{letter-spacing:-.055em;margin:1rem 0 0;font-size:clamp(2.5rem,6.5vw,4.25rem);font-weight:700;line-height:1.04}.article-description{color:var(--muted-foreground);margin:1.5rem 0 0;font-size:clamp(1.075rem,2.4vw,1.25rem);line-height:1.75}.article-cover{border-radius:2rem;margin:clamp(2.5rem,6vw,4.5rem) 0 0;overflow:hidden}.article-cover img{width:100%;height:auto;display:block}.prose{margin-top:clamp(3rem,7vw,5.5rem);font-size:1.075rem;line-height:1.82}.prose>:first-child{margin-top:0}.prose h2,.prose h3{letter-spacing:-.035em;text-wrap:balance;line-height:1.2}.prose h2{margin:3.3rem 0 1rem;font-size:clamp(1.65rem,4vw,2.15rem)}.prose h3{margin:2.4rem 0 .8rem;font-size:1.35rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose table{margin-block:1.35rem}.prose p,.prose li{text-wrap:pretty}.prose ul,.prose ol{padding-left:1.45rem}.prose li+li{margin-top:.45rem}.prose a{color:var(--brand-strong);text-underline-offset:.16em;font-weight:620;text-decoration-thickness:.08em}.prose blockquote{border-left:3px solid var(--brand);color:var(--muted-foreground);margin-inline:0;padding:.15rem 0 .15rem 1.25rem}.prose :not(pre)>code{background:var(--muted);font-family:var(--font-mono);border-radius:.35rem;padding:.14em .35em;font-size:.88em}.prose pre{color:var(--code-foreground);font-family:var(--font-mono);border-radius:.9rem;padding:1.2rem;font-size:.88rem;line-height:1.65;overflow-x:auto;background:var(--code-background)!important}.prose img{border-radius:1.4rem;max-width:100%;height:auto;margin-block:2rem;display:block}.prose table{border-collapse:collapse;width:100%;font-size:.94rem;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:.75rem 1rem .75rem 0}.prose hr{border:0;border-top:1px solid var(--border);margin-block:3rem}.article-cta{border:1px solid var(--border);background:var(--card);width:min(100%,820px);color:var(--card-foreground);box-shadow:var(--shadow-card);border-radius:2rem;justify-content:space-between;align-items:center;gap:2rem;margin:clamp(4rem,8vw,7rem) auto 0;padding:clamp(1.5rem,4vw,2.25rem);display:flex}.article-cta h2{letter-spacing:-.025em;margin:0;font-size:1.25rem}.article-cta p{max-width:540px;color:var(--muted-foreground);margin:.55rem 0 0;font-size:.92rem;line-height:1.6}.button-link{border:1px solid color-mix(in srgb, var(--brand) 75%, #000);background:var(--brand);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:48px;padding-inline:1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px #1c58aa,0 9px 18px #2f55d42e}.button-link:hover{background:var(--brand-hover);transform:translateY(-2px);box-shadow:0 6px #174b92,0 13px 24px #2f55d438}.button-link:active{transform:translateY(3px);box-shadow:0 1px #1c58aa,0 3px 7px #2f55d429}.standalone-main{background:var(--surface);place-items:center;min-height:100vh;padding-inline:1.5rem;display:grid}.not-found{text-align:center;max-width:28rem}.not-found .eyebrow{letter-spacing:.2em;margin:0;font-size:.875rem;font-weight:500}.not-found h1{letter-spacing:-.025em;margin:.75rem 0 0;font-size:2.25rem;font-weight:700;line-height:2.5rem}.not-found>p:not(.eyebrow){color:var(--muted-foreground);margin:1rem 0 0;font-size:1rem;line-height:1.75}.not-found .button-link{margin-top:2rem;font-size:1rem;font-weight:600}.site-footer{border-top:1px solid var(--border);background:var(--card);color:var(--card-foreground);margin-top:auto}.site-footer__inner{grid-template-columns:1.6fr repeat(3,1fr);gap:2rem;padding-block:3.5rem;display:grid}.footer-introduction{max-width:24rem}.footer-logo .brand-logo{height:32px}.footer-introduction p{color:var(--muted-foreground);margin:1rem 0 0;font-size:.875rem;line-height:1.6}.footer-introduction .copyright{margin-top:1.5rem;font-size:.75rem}.footer-column h2{color:var(--foreground);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:650}.footer-column>div{gap:.75rem;margin-top:1rem;display:grid}.footer-column a{color:var(--muted-foreground);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.footer-column a:hover{color:var(--brand-strong)}@media (width>=640px){.product-shell{padding-inline:2rem}.site-header__inner{gap:1.5rem}}@media (width>=1024px){.product-shell{padding-inline:2.5rem}}@media (width<=1000px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 2rem}}@media (width<=700px){.site-header__inner{gap:.75rem;min-height:68px}.primary-nav{display:none}.header-actions{gap:.25rem}.header-link{padding-inline:.75rem;font-size:.8rem}.index-hero{padding-block:2.5rem 2.25rem}.index-hero h1{font-size:2.5rem}.posts-section{padding-bottom:5rem}.post-grid{grid-template-columns:1fr}.article-shell{width:min(100% - 2rem,1120px)}.article-cover{border-radius:1.4rem}.article-cta{flex-direction:column;align-items:flex-start}.site-footer__inner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.button-link,.post-card,.post-card__media img{transform:none!important}}