.layout-wrapper[data-v-f0bb8f3b]{background-color:var(--color-bg);flex-direction:column;min-block-size:100vh;display:flex}.main-header[data-v-f0bb8f3b]{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--color-border);background-color:oklch(12% .015 250/.85);position:sticky;top:0}.header-container[data-v-f0bb8f3b]{padding-block:16px;padding-inline:var(--padding-md);max-inline-size:1200px;justify-content:space-between;align-items:center;width:100%;margin-inline:auto;display:flex;position:relative}@media (width>=768px){.header-container[data-v-f0bb8f3b]{padding-block:20px}}.brand-link[data-v-f0bb8f3b]{color:var(--color-text);z-index:110;align-items:center;gap:10px;display:flex}.brand-link:hover .brand-logo[data-v-f0bb8f3b]{transform:rotate(15deg)}.brand-logo[data-v-f0bb8f3b]{transition:transform var(--transition-speed) ease}.brand-name[data-v-f0bb8f3b]{letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.header-actions[data-v-f0bb8f3b]{z-index:110;align-items:center;gap:12px;display:flex}@media (width>=768px){.header-actions[data-v-f0bb8f3b]{display:none}}.hamburger-btn[data-v-f0bb8f3b]{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;block-size:18px;inline-size:24px;padding:0;display:none}@media (width<=767px){.hamburger-btn[data-v-f0bb8f3b]{display:flex}}.hamburger-bar[data-v-f0bb8f3b]{background-color:var(--color-text);transform-origin:50%;border-radius:2px;block-size:2px;inline-size:100%;transition:transform .3s,opacity .3s}.hamburger-btn[aria-expanded=true] .hamburger-bar[data-v-f0bb8f3b]:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-btn[aria-expanded=true] .hamburger-bar[data-v-f0bb8f3b]:nth-child(2){opacity:0}.hamburger-btn[aria-expanded=true] .hamburger-bar[data-v-f0bb8f3b]:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.lang-selector[data-v-f0bb8f3b]{margin-block-start:var(--padding-xs);margin-block-end:var(--margin-md);display:inline-flex}@media (width>=768px){.lang-selector[data-v-f0bb8f3b]{margin-block:0;margin-inline-start:12px}}.lang-select[data-v-f0bb8f3b]{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text);font-family:var(--font-sans);cursor:pointer;transition-property:border-color;transition-duration:var(--transition-speed);background-color:oklch(16% .02 250);outline:none;padding-block:4px;padding-inline:8px;font-size:.85rem}.lang-select[data-v-f0bb8f3b]:focus,.lang-select[data-v-f0bb8f3b]:hover{border-color:var(--color-primary)}.nav-menu[data-v-f0bb8f3b]{align-items:center;gap:20px;display:flex}@media (width<=767px){.nav-menu[data-v-f0bb8f3b]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--color-border);inline-size:100%;padding-block:0;padding-inline:var(--padding-md);opacity:0;z-index:99;background-color:oklch(12% .015 250/.98);flex-direction:column;align-items:flex-start;gap:12px;max-block-size:0;transition:max-block-size .3s ease-in-out,opacity .2s ease-in-out,padding .3s ease-in-out;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 20px #0000004d}.nav-menu[data-v-f0bb8f3b].is-open[data-v-f0bb8f3b]{opacity:1;max-block-size:380px;padding-block:var(--padding-md)}}.nav-link[data-v-f0bb8f3b]{color:var(--color-text-muted);transition-property:color;transition-duration:var(--transition-speed);flex-shrink:0;padding-block:6px;padding-inline:4px;font-size:.95rem;font-weight:500;position:relative}.nav-link[data-v-f0bb8f3b]:hover{color:var(--color-primary)}.nav-link.active[data-v-f0bb8f3b]{color:var(--color-primary)}.nav-link.active[data-v-f0bb8f3b]:after{transform:scaleX(1)}.nav-link[data-v-f0bb8f3b]:after{content:"";background-color:var(--color-primary);transform-origin:50%;block-size:2px;inline-size:100%;transition-property:transform;transition-duration:var(--transition-speed);border-radius:9999px;position:absolute;inset-block-end:-2px;inset-inline-start:0;transform:scaleX(0)}@media (width<=767px){.nav-link[data-v-f0bb8f3b]{inline-size:100%;padding-block:8px;padding-inline:0}.nav-link[data-v-f0bb8f3b]:after{display:none}}.main-content[data-v-f0bb8f3b]{flex-direction:column;flex-grow:1;display:flex}.content-container[data-v-f0bb8f3b]{padding-block:var(--padding-lg);padding-inline:var(--padding-md);max-inline-size:1200px;width:100%;margin-inline:auto}.main-footer[data-v-f0bb8f3b]{border-block-start:1px solid var(--color-border);padding-block:var(--padding-lg);padding-inline:var(--padding-md);background-color:oklch(10% .015 250)}.footer-container[data-v-f0bb8f3b]{max-inline-size:1200px;text-align:center;width:100%;margin-inline:auto}.footer-text[data-v-f0bb8f3b]{color:var(--color-text);margin-block-end:4px;font-size:.95rem}.footer-subtext[data-v-f0bb8f3b]{color:var(--color-text-muted);margin-block-end:0;font-size:.82rem}.fade-enter-active[data-v-f0bb8f3b],.fade-leave-active[data-v-f0bb8f3b]{transition-property:opacity;transition-duration:.15s}.fade-enter-from[data-v-f0bb8f3b],.fade-leave-to[data-v-f0bb8f3b]{opacity:0}:root{--color-bg:oklch(12% .015 250);--color-bg-card:oklch(16% .02 250/.85);--color-bg-hover:oklch(20% .025 250/.85);--color-border:oklch(24% .02 250);--color-border-hover:oklch(32% .03 250);--color-primary:oklch(78% .16 150);--color-primary-muted:oklch(78% .16 150/.15);--color-primary-border:oklch(78% .16 150/.4);--color-secondary:oklch(60% .15 220);--color-secondary-muted:oklch(60% .15 220/.15);--color-text:oklch(95% .01 250);--color-text-muted:oklch(72% .02 250);--color-text-dark:oklch(8% .01 250);--color-react:oklch(74% .14 200);--color-react-muted:oklch(74% .14 200/.15);--color-react-border:oklch(74% .14 200/.4);--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-size-h1:clamp(2.2rem, 5vw, 4rem);--font-size-h2:clamp(1.6rem, 3.5vw, 2.4rem);--font-size-h3:clamp(1.25rem, 2.5vw, 1.6rem);--font-size-body:clamp(.95rem, 1.2vw, 1.12rem);--font-size-code:clamp(.82rem, 1vw, .92rem);--padding-xs:6px;--padding-sm:12px;--padding-md:20px;--padding-lg:32px;--padding-xl:48px;--margin-xs:.25rem;--margin-sm:.5rem;--margin-md:1rem;--margin-lg:1.5rem;--margin-xl:3rem;--border-radius:12px;--border-radius-sm:6px;--transition-speed:.25s}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin-block-start:0;margin-block-end:var(--margin-md);font-weight:600;line-height:1.25}h1{font-size:var(--font-size-h1);letter-spacing:-.03em}h2{font-size:var(--font-size-h2);letter-spacing:-.02em}h3{font-size:var(--font-size-h3)}p{color:var(--color-text-muted);margin-block-start:0;margin-block-end:var(--margin-md)}a{color:var(--color-primary);transition-property:color;transition-duration:var(--transition-speed);text-decoration-line:none}a:hover{color:var(--color-secondary)}ul,ol{margin-block-start:0;margin-block-end:var(--margin-md);padding-inline-start:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary-border)}#app{flex-direction:column;min-height:100vh;display:flex}pre{font-family:var(--font-mono);font-size:var(--font-size-code);border-style:solid;border-width:1px;border-color:var(--color-border);border-radius:var(--border-radius-sm);background-color:oklch(8% .01 250);margin-block-start:0;margin-block-end:var(--margin-md);padding-block:16px;padding-inline:20px;overflow-x:auto}code{font-family:var(--font-mono);background-color:oklch(8% .01 250);border-radius:4px;padding-block:2px;padding-inline:6px;font-size:.9em}.token-comment{color:oklch(55% .01 250);font-style:italic}.token-keyword{color:oklch(70% .15 320)}.token-string{color:oklch(82% .11 85)}.token-tag{color:oklch(78% .16 150)}.token-attr-name{color:oklch(60% .15 220)}.token-attr-value{color:oklch(82% .11 85)}.token-hook{color:oklch(74% .14 200)}.token-expression{color:oklch(82% .14 55)}