@layer theme{:root{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-family-sans);--default-font-feature-settings:var(--font-family-sans--font-feature-settings);--default-font-variation-settings:var(--font-family-sans--font-variation-settings);--default-mono-font-family:var(--font-family-mono);--default-mono-font-feature-settings:var(--font-family-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-family-mono--font-variation-settings);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--color-black:#000;--color-white:#fff;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--color-stone-50:#fafaf9;--color-stone-100:#f5f5f4;--color-stone-200:#e7e5e4;--color-stone-300:#d6d3d1;--color-stone-400:#a8a29e;--color-stone-500:#78716c;--color-stone-600:#57534e;--color-stone-700:#44403c;--color-stone-800:#292524;--color-stone-900:#1c1917;--color-stone-950:#0c0a09;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-red-950:#450a0a;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-orange-800:#9a3412;--color-orange-900:#7c2d12;--color-orange-950:#431407;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-800:#92400e;--color-amber-900:#78350f;--color-amber-950:#451a03;--color-yellow-50:#fefce8;--color-yellow-100:#fef9c3;--color-yellow-200:#fef08a;--color-yellow-300:#fde047;--color-yellow-400:#facc15;--color-yellow-500:#eab308;--color-yellow-600:#ca8a04;--color-yellow-700:#a16207;--color-yellow-800:#854d0e;--color-yellow-900:#713f12;--color-yellow-950:#422006;--color-lime-50:#f7fee7;--color-lime-100:#ecfccb;--color-lime-200:#d9f99d;--color-lime-300:#bef264;--color-lime-400:#a3e635;--color-lime-500:#84cc16;--color-lime-600:#65a30d;--color-lime-700:#4d7c0f;--color-lime-800:#3f6212;--color-lime-900:#365314;--color-lime-950:#1a2e05;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-300:#86efac;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-green-800:#166534;--color-green-900:#14532d;--color-green-950:#052e16;--color-emerald-50:#ecfdf5;--color-emerald-100:#d1fae5;--color-emerald-200:#a7f3d0;--color-emerald-300:#6ee7b7;--color-emerald-400:#34d399;--color-emerald-500:#10b981;--color-emerald-600:#059669;--color-emerald-700:#047857;--color-emerald-800:#065f46;--color-emerald-900:#064e3b;--color-emerald-950:#022c22;--color-teal-50:#f0fdfa;--color-teal-100:#ccfbf1;--color-teal-200:#99f6e4;--color-teal-300:#5eead4;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-teal-700:#0f766e;--color-teal-800:#115e59;--color-teal-900:#134e4a;--color-teal-950:#042f2e;--color-cyan-50:#ecfeff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-cyan-800:#155e75;--color-cyan-900:#164e63;--color-cyan-950:#083344;--color-sky-50:#f0f9ff;--color-sky-100:#e0f2fe;--color-sky-200:#bae6fd;--color-sky-300:#7dd3fc;--color-sky-400:#38bdf8;--color-sky-500:#0ea5e9;--color-sky-600:#0284c7;--color-sky-700:#0369a1;--color-sky-800:#075985;--color-sky-900:#0c4a6e;--color-sky-950:#082f49;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-blue-950:#172554;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:#1e1b4b;--color-violet-50:#f5f3ff;--color-violet-100:#ede9fe;--color-violet-200:#ddd6fe;--color-violet-300:#c4b5fd;--color-violet-400:#a78bfa;--color-violet-500:#8b5cf6;--color-violet-600:#7c3aed;--color-violet-700:#6d28d9;--color-violet-800:#5b21b6;--color-violet-900:#4c1d95;--color-violet-950:#2e1065;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-300:#d8b4fe;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-purple-800:#6b21a8;--color-purple-900:#581c87;--color-purple-950:#3b0764;--color-fuchsia-50:#fdf4ff;--color-fuchsia-100:#fae8ff;--color-fuchsia-200:#f5d0fe;--color-fuchsia-300:#f0abfc;--color-fuchsia-400:#e879f9;--color-fuchsia-500:#d946ef;--color-fuchsia-600:#c026d3;--color-fuchsia-700:#a21caf;--color-fuchsia-800:#86198f;--color-fuchsia-900:#701a75;--color-fuchsia-950:#4a044e;--color-pink-50:#fdf2f8;--color-pink-100:#fce7f3;--color-pink-200:#fbcfe8;--color-pink-300:#f9a8d4;--color-pink-400:#f472b6;--color-pink-500:#ec4899;--color-pink-600:#db2777;--color-pink-700:#be185d;--color-pink-800:#9d174d;--color-pink-900:#831843;--color-pink-950:#500724;--color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-200:#fecdd3;--color-rose-300:#fda4af;--color-rose-400:#fb7185;--color-rose-500:#f43f5e;--color-rose-600:#e11d48;--color-rose-700:#be123c;--color-rose-800:#9f1239;--color-rose-900:#881337;--color-rose-950:#4c0519;--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur:8px;--blur-sm:4px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--radius:.25rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-xs:0 1px #0000000d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--inset-shadow-xs:inset 0 1px #0000000d;--inset-shadow-sm:inset 0 1px 1px #0000000d;--inset-shadow:inset 0 2px 4px #0000000d;--drop-shadow:0 1px 2px #0000001a,0 1px 1px #0000000f;--drop-shadow-sm:0 1px 1px #0000000d;--drop-shadow-md:0 4px 3px #00000012,0 2px 2px #0000000f;--drop-shadow-lg:0 10px 8px #0000000a,0 4px 3px #0000001a;--drop-shadow-xl:0 20px 13px #00000008,0 8px 5px #00000014;--drop-shadow-2xl:0 25px 25px #00000026;--spacing-px:1px;--spacing-0:0px;--spacing-0_5:.125rem;--spacing-1:.25rem;--spacing-1_5:.375rem;--spacing-2:.5rem;--spacing-2_5:.625rem;--spacing-3:.75rem;--spacing-3_5:.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--width-3xs:16rem;--width-2xs:18rem;--width-xs:20rem;--width-sm:24rem;--width-md:28rem;--width-lg:32rem;--width-xl:36rem;--width-2xl:42rem;--width-3xl:48rem;--width-4xl:56rem;--width-5xl:64rem;--width-6xl:72rem;--width-7xl:80rem;--width-prose:65ch;--font-family-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:.75rem;--font-size-xs--line-height:1rem;--font-size-sm:.875rem;--font-size-sm--line-height:1.25rem;--font-size-base:1rem;--font-size-base--line-height:1.5rem;--font-size-lg:1.125rem;--font-size-lg--line-height:1.75rem;--font-size-xl:1.25rem;--font-size-xl--line-height:1.75rem;--font-size-2xl:1.5rem;--font-size-2xl--line-height:2rem;--font-size-3xl:1.875rem;--font-size-3xl--line-height:2.25rem;--font-size-4xl:2.25rem;--font-size-4xl--line-height:2.5rem;--font-size-5xl:3rem;--font-size-5xl--line-height:1;--font-size-6xl:3.75rem;--font-size-6xl--line-height:1;--font-size-7xl:4.5rem;--font-size-7xl--line-height:1;--font-size-8xl:6rem;--font-size-8xl--line-height:1;--font-size-9xl:8rem;--font-size-9xl--line-height:1;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0em;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--line-height-3:.75rem;--line-height-4:1rem;--line-height-5:1.25rem;--line-height-6:1.5rem;--line-height-7:1.75rem;--line-height-8:2rem;--line-height-9:2.25rem;--line-height-10:2.5rem;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--transition-timing-function-linear:linear;--transition-timing-function-in:cubic-bezier(.4,0,1,1);--transition-timing-function-out:cubic-bezier(0,0,.2,1);--transition-timing-function-in-out:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}input:where(:not([type=button],[type=reset],[type=submit])),select,textarea{border:1px solid}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}summary{display:list-item}ol,ul,menu{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in srgb,currentColor 50%,transparent)}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.sticky{position:sticky}.mb-4{margin-bottom:var(--spacing-4,1rem)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.w-\[100px\]{width:100px}.w-full{width:100%}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}:where(.space-y-1>:not([hidden])~:not([hidden])){margin-bottom:calc(var(--spacing-1,.25rem)*var(--tw-space-y-reverse));margin-top:calc(var(--spacing-1,.25rem)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-0>:not([hidden])~:not([hidden])){margin-inline-start:calc(var(--spacing-0,0px)*calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing-0,0px)*var(--tw-space-x-reverse))}.rounded-lg{border-radius:var(--radius-lg,.5rem)}.bg-white{background-color:var(--color-white,#fff)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tracking-tight{letter-spacing:var(--letter-spacing-tight,-.025em)}.text-black{color:var(--color-black,#000)}.text-neutral-600{color:var(--color-neutral-600,#525252)}.text-neutral-900{color:var(--color-neutral-900,#171717)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (min-width:768px){.md\:flex-row{flex-direction:row}:where(.md\:space-x-2>:not([hidden])~:not([hidden])){margin-inline-start:calc(var(--spacing-2,.5rem)*calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing-2,.5rem)*var(--tw-space-x-reverse))}}@media (prefers-color-scheme:dark){.dark\:bg-black{background-color:var(--color-black,#000)}.dark\:text-neutral-100{color:var(--color-neutral-100,#f5f5f5)}.dark\:text-neutral-400{color:var(--color-neutral-400,#a3a3a3)}.dark\:text-white{color:var(--color-white,#fff)}}}::selection{color:#fefefe;background-color:#47a3f3}:root{--sh-class:#2d5e9d;--sh-identifier:#354150;--sh-sign:#8996a3;--sh-string:#007f7a;--sh-keyword:#e02518;--sh-comment:#a19595;--sh-jsxliterals:#6266d1;--sh-property:#e25a1c;--sh-entity:#e25a1c}@media (prefers-color-scheme:dark){:root{--sh-class:#4c97f8;--sh-identifier:white;--sh-keyword:#f47067;--sh-string:#0fa295}html{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html{min-width:360px}.prose .anchor{visibility:hidden;cursor:pointer;width:80%;max-width:700px;margin-left:-1em;padding-right:.5em;text-decoration-line:none;position:absolute}.anchor:hover{visibility:visible}.prose a{text-decoration-line:underline;-webkit-text-decoration-color:var(--color-neutral-400,#a3a3a3);-webkit-text-decoration-color:var(--color-neutral-400,#a3a3a3);text-decoration-color:var(--color-neutral-400,#a3a3a3);text-underline-offset:2px;text-decoration-thickness:.1em;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.prose a{-webkit-text-decoration-color:var(--color-neutral-600,#525252);-webkit-text-decoration-color:var(--color-neutral-600,#525252);text-decoration-color:var(--color-neutral-600,#525252)}}.prose .anchor:after{color:var(--color-neutral-300,#d4d4d4)}@media (prefers-color-scheme:dark){.prose .anchor:after{color:var(--color-neutral-700,#404040)}}.prose .anchor:after{content:"#"}.prose :hover>.anchor{visibility:visible}.prose pre{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e5e5e5);background-color:var(--color-neutral-50,#fafafa);padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--font-size-sm--line-height,1.25rem);overflow-x:auto}@media (prefers-color-scheme:dark){.prose pre{border-color:var(--color-neutral-900,#171717);background-color:var(--color-neutral-900,#171717)}}.prose code{border-radius:var(--radius-lg,.5rem);padding-top:var(--spacing-0_5,.125rem);padding-bottom:var(--spacing-0_5,.125rem);padding-left:var(--spacing-1,.25rem);padding-right:var(--spacing-1,.25rem)}.prose pre code{padding:var(--spacing-0,0px);border:initial;line-height:1.5}.prose code span{font-weight:500}.prose img{margin:var(--spacing-0,0px)}.prose p{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);color:var(--color-neutral-800,#262626)}@media (prefers-color-scheme:dark){.prose p{color:var(--color-neutral-200,#e5e5e5)}}.prose h1{margin-top:var(--spacing-6,1.5rem);margin-bottom:var(--spacing-2,.5rem);font-size:var(--font-size-4xl,2.25rem);line-height:var(--font-size-4xl--line-height,2.5rem);letter-spacing:var(--letter-spacing-tight,-.025em);font-weight:500}.prose h2,.prose h3{margin-top:var(--spacing-6,1.5rem);margin-bottom:var(--spacing-2,.5rem);font-size:var(--font-size-xl,1.25rem);line-height:var(--font-size-xl--line-height,1.75rem);letter-spacing:var(--letter-spacing-tight,-.025em);font-weight:500}.prose h4{margin-top:var(--spacing-6,1.5rem);margin-bottom:var(--spacing-2,.5rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--font-size-lg--line-height,1.75rem);letter-spacing:var(--letter-spacing-tight,-.025em);font-weight:500}.prose strong{font-weight:500}.prose ul{padding-left:var(--spacing-6,1.5rem);list-style-type:disc}.prose ol{padding-left:var(--spacing-6,1.5rem);list-style-type:decimal}.prose>:first-child{margin-top:1.25em!important;margin-bottom:1.25em!important}pre::-webkit-scrollbar{display:none}pre{-ms-overflow-style:none;scrollbar-width:none}input[type=text],input[type=email]{appearance:none}table{white-space:nowrap;max-width:fit-content;display:block;overflow-x:auto}.title{text-wrap:balance}:root{--bg-primary:#faeee7;--text-headline:#33272a;--text-paragraph:#594a4e;--button-bg:#ff8ba7;--button-text:#33272a;--font-primary:"Proxima Nova","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.3rem;--font-size-xl:1.4rem;--font-size-2xl:1.6rem;--font-size-3xl:1.85rem;--font-size-4xl:2.35rem;--font-size-5xl:3.25rem;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--transition-smooth:cubic-bezier(.4,0,.2,1);--transition-bounce:cubic-bezier(.68,-.55,.265,1.55);--shadow-subtle:0 2px 8px #33272a14;--shadow-medium:0 4px 16px #33272a1f;--shadow-strong:0 8px 32px #33272a29}body.zugrina-body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-paragraph);line-height:1.7;font-size:var(--font-size-md);position:relative;overflow-x:hidden}h1{font-size:var(--font-size-5xl);color:var(--text-headline);letter-spacing:-.03em;font-weight:700;line-height:1.1}h2{font-size:var(--font-size-4xl);color:var(--text-headline);letter-spacing:-.02em;font-weight:700}h3{font-size:var(--font-size-2xl);color:var(--text-headline);font-weight:600}h4{font-size:var(--font-size-xl);color:var(--text-headline);font-weight:600}p{font-size:var(--font-size-md);color:var(--text-paragraph);line-height:1.8}.container{max-width:900px;padding:0 var(--spacing-md);margin:0 auto}.header{padding:var(--spacing-sm)0;z-index:100;transition:all .3s var(--transition-smooth);background:#faeee7f2;border-bottom:1px solid #33272a14;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:transform .3s var(--transition-smooth),opacity .5s var(--transition-smooth),visibility .5s var(--transition-smooth);opacity:0;visibility:hidden;display:flex}.logo.visible{opacity:1;visibility:visible}.logo-image{object-fit:cover;border:3px solid var(--button-bg);width:69px;height:69px;transition:all .3s var(--transition-smooth);box-shadow:var(--shadow-subtle);border-radius:50%}.logo:hover .logo-image{border-color:var(--text-headline)}.logo-text h1{font-size:var(--font-size-2xl);color:var(--text-headline);letter-spacing:-.02em;margin:0;font-weight:700}.logo-text h1 a{color:inherit;transition:color .3s var(--transition-smooth);text-decoration:none}.logo-text h1 a:hover{color:var(--button-bg)}.logo-text{transition:opacity .5s var(--transition-smooth),visibility .5s var(--transition-smooth),max-width .5s var(--transition-smooth);opacity:0;visibility:hidden;white-space:nowrap;max-width:0;overflow:hidden}.logo-text.visible{opacity:1;visibility:visible;max-width:300px;overflow:visible}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:32px;height:32px;padding:0;display:none;position:relative}.hamburger-line{background:var(--text-headline);width:100%;height:3.5px;transition:all .3s var(--transition-smooth);transform-origin:50%;border-radius:2px}.hamburger-line:first-child{transform:translateY(0)}.hamburger-line:nth-child(2){opacity:1}.hamburger-line:nth-child(3){transform:translateY(0)}.hamburger-line.open:first-child{transform:translateY(10px)rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-10px)rotate(-45deg)}.nav{gap:var(--spacing-md);display:flex}.nav-link{color:var(--text-paragraph);font-weight:500;font-size:var(--font-size-base);padding:var(--spacing-xs)0;transition:color .3s var(--transition-smooth);text-decoration:none;position:relative}@media (min-width:769px){.nav-link{font-size:var(--font-size-lg)}}.nav-link:after{content:"";background:var(--button-bg);width:0;height:2px;transition:width .3s var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{color:var(--text-headline)}.nav-link:hover:after,.nav-link.active:after{width:100%}.section{padding:var(--spacing-xl)0;animation:fadeInUp .8s var(--transition-smooth)}.section-alt{background:#ffffff4d}.hero-section{animation-duration:.6s;animation-delay:0s}.about-section{animation-delay:.2s}.weekend-project-section{animation-duration:1.1s;animation-delay:.3s}.projects-section{animation-duration:1.2s;animation-delay:.4s}.blog-section{animation-duration:1.4s;animation-delay:0s}.contact-section{animation-duration:1.6s;animation-delay:0s}.content-wrapper{max-width:800px;margin:0 auto}.card{box-shadow:var(--shadow-subtle);transition:transform .3s var(--transition-smooth),box-shadow .3s var(--transition-smooth);background:#ffffff80;border-radius:12px;flex-direction:column;display:flex}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.card-padded{padding:var(--spacing-lg)}.card-title{margin-bottom:var(--spacing-sm)}.card-title a{color:inherit;transition:color .3s var(--transition-smooth);text-decoration:none}.card-title a:hover{color:var(--button-bg)}.card-description{margin-bottom:var(--spacing-md)}.text-content{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.text-content:last-child{margin-bottom:0}.link{color:var(--button-bg);transition:all .3s var(--transition-smooth);font-weight:600;text-decoration:none;display:inline-block}.link:hover{color:var(--text-headline);transform:translate(4px)}.flex-wrap{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.flex-start{align-self:flex-start}.flex-grow{flex-grow:1}.tech-container{margin-bottom:var(--spacing-md)}.title-large{font-size:var(--font-size-3xl)}.description-large{font-size:var(--font-size-xl)}.hero-section{align-items:center;min-height:80vh;display:flex}.hero-content{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-text{max-width:600px}.hero-greeting{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);font-weight:400}.hero-name{min-height:1.1em;margin-bottom:var(--spacing-sm);position:relative;overflow:visible}.hero-name .letter{will-change:transform;transform-origin:50%;display:inline-block}.hero-title-wrapper{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.hero-title{font-size:var(--font-size-2xl);margin:0;font-weight:500}.hero-description{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.hero-cta{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.hero-social{align-items:center;display:flex}.social-link{color:var(--text-paragraph);opacity:.6;transition:all .3s var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.social-link:hover{color:var(--button-bg);opacity:1;transform:translateY(-2px)}.button-secondary{border:2px solid var(--button-bg);color:var(--button-bg);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all .3s var(--transition-smooth);font-family:var(--font-primary);background:0 0;border-radius:8px;align-items:center;padding:1rem 2rem;text-decoration:none;display:inline-flex}.button-secondary:hover{color:var(--button-bg);background:#ffffff80;transform:translateY(-2px)}.hero-image{justify-content:center;align-items:center;display:flex}.profile-image{width:100%;max-width:500px;height:auto;box-shadow:var(--shadow-strong);object-fit:cover;border-radius:16px}.expertise-section{padding:var(--spacing-md)0;animation:fadeInUp 1s var(--transition-smooth)}.expertise-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.projects-section{position:relative;overflow:hidden}.projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:0;display:grid}.projects-section .section-subtitle+.projects-grid,.projects-section .section-subtitle+.cards-container{margin-top:0}.projects-section .container{overflow:visible}.cards-container{justify-content:flex-start;align-items:stretch;gap:var(--spacing-lg);will-change:transform;flex-flow:row;width:100%;margin-bottom:0;padding:0;overflow:visible;grid-template-columns:none!important;display:flex!important}.cards-container .project-card{flex:none;width:100%;max-width:100%;margin:0}.project-card{transition:background .5s var(--transition-smooth),box-shadow .3s var(--transition-smooth);position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-medium);transform:none}.project-tech{margin-bottom:var(--spacing-md)}.tech-tag{color:var(--text-headline);font-size:var(--font-size-sm);background:#ff8ba726;border-radius:6px;padding:.4rem .75rem;font-weight:500}.weekend-project-card{border:2px solid #ff8ba733;padding:0}.weekend-project-video-wrapper{width:100%;padding:var(--spacing-md);overflow:hidden}.weekend-project-video{object-fit:cover;width:100%;height:auto;box-shadow:var(--shadow-subtle);border:2px solid #ff8ba733;border-radius:12px;display:block}.weekend-project-card>:not(.weekend-project-video-wrapper){padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.weekend-project-card>.weekend-project-link{margin-bottom:var(--spacing-lg)}.weekend-project-card:hover{border-color:#ff8ba766}.weekend-project-tech{margin-bottom:var(--spacing-md)}.section-title{margin-bottom:var(--spacing-lg);text-align:center}.section-title+.section-subtitle{margin-top:calc(var(--spacing-lg)*-1);margin-bottom:var(--spacing-lg)}.section-subtitle{font-size:var(--font-size-lg);text-align:center;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-sm);opacity:.8}.contact-form{max-width:600px;box-shadow:var(--shadow-medium);padding:var(--spacing-lg);background:#ffffff80;border-radius:16px;margin:0 auto}.form-group{margin-bottom:var(--spacing-md);position:relative}.form-group input,.form-group textarea{background:var(--bg-primary);width:100%;color:var(--text-headline);font-family:var(--font-primary);font-size:var(--font-size-base);transition:all .3s var(--transition-smooth);border:2px solid #33272a1a;border-radius:8px;padding:1rem}.form-group input::placeholder,.form-group textarea::placeholder{opacity:0;transition:opacity .3s var(--transition-smooth)}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.3}.form-group input:focus,.form-group textarea:focus{border-color:var(--button-bg);outline:none;box-shadow:0 0 0 3px #ff8ba71a}.form-group label{color:var(--text-paragraph);opacity:.6;pointer-events:none;transition:all .3s var(--transition-smooth);z-index:1;position:absolute;top:1rem;left:1rem}.form-group input:focus+label,.form-group input.has-value+label,.form-group input:not(:placeholder-shown)+label,.form-group input:valid+label,.form-group textarea:focus+label,.form-group textarea.has-value+label,.form-group textarea:not(:placeholder-shown)+label{font-size:var(--font-size-xs);opacity:1;background:var(--bg-primary);color:var(--text-headline);border:2px solid #33272a1a;border-color:var(--button-bg);border-radius:8px;padding:0 .5rem;font-weight:500;top:-.5rem;left:.75rem}.form-group input:focus+label,.form-group textarea:focus+label{color:var(--button-bg)}.form-group textarea{resize:vertical;min-height:120px}.form-message{margin-top:var(--spacing-sm);padding:var(--spacing-sm);color:var(--text-headline);text-align:center;border-radius:8px;font-weight:500}.form-success{background:#a8e6cf33}.form-error{background:#ff8ba733}.button-primary:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:var(--button-bg);color:var(--button-text);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all .3s var(--transition-smooth);font-family:var(--font-primary);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2rem;display:inline-flex}.button-primary:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.button-primary:active{transform:translateY(0)}.button-arrow{transition:transform .3s var(--transition-smooth)}.button-primary:hover .button-arrow{transform:translate(4px)}.submit-btn{width:100%;margin-top:var(--spacing-sm);justify-content:center}.footer{padding:var(--spacing-lg)0;text-align:center;color:var(--text-paragraph);opacity:.7;margin-top:var(--spacing-xl);border-top:1px solid #33272a1a}.easter-egg-hint{font-size:var(--font-size-sm);margin-top:var(--spacing-xs);opacity:.5;font-style:italic}#confettiCanvas{pointer-events:none;z-index:10000;width:100%;height:100%;display:none;position:fixed;top:0;left:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:843px){.hero-name{font-size:clamp(var(--font-size-4xl),8vw,calc(var(--font-size-5xl)*1.08))}}@media (max-width:768px){.header{padding:.5rem 0}.logo-image{border-width:2px;width:46px;height:46px;opacity:1!important;visibility:visible!important}.logo-text.visible{max-width:200px}.logo-text h1{font-size:calc(var(--font-size-2xl)*.9);line-height:1.2}.section,.hero-section{padding:var(--spacing-md)0}.header .container{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-direction:row}.logo{text-align:left;flex-direction:row;align-items:center;gap:.5rem;opacity:1!important;visibility:visible!important}.logo a{display:block;opacity:1!important;visibility:visible!important}.hamburger{display:flex}.nav-overlay{z-index:99;opacity:0;width:100%;height:100vh;animation:fadeIn .3s var(--transition-smooth)forwards;background:#33272a4d;position:fixed;top:0;left:0}@keyframes fadeIn{to{opacity:1}}.nav{justify-content:flex-start;align-items:flex-start;gap:var(--spacing-md);width:280px;height:100vh;transition:transform .3s var(--transition-smooth);z-index:100;background:#faeee7fa;flex-direction:column;padding:5rem 2rem 2rem;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 16px #33272a1a}.nav.open{transform:translate(0)}.nav-link{font-size:var(--font-size-md);padding:var(--spacing-sm)0;border-bottom:1px solid #33272a1a;width:100%}.nav-link:after{display:none}.nav-link:hover,.nav-link.active{color:var(--button-bg)}.hero-content{gap:var(--spacing-lg);grid-template-columns:1fr}.hero-name{font-size:calc(var(--font-size-5xl)*.77)}.hero-title{font-size:calc(var(--font-size-2xl)*.78)}.hero-cta{flex-direction:column}.hero-cta .button-primary,.hero-cta .button-secondary{justify-content:center;width:100%}.expertise-grid,.projects-grid{grid-template-columns:1fr}.cards-container{flex-flow:column wrap;padding:0;overflow-x:visible}.cards-container .project-card{width:100%;max-width:100%}.project-card{padding:calc(var(--spacing-md)*1.15)}.project-title{font-size:calc(var(--font-size-lg)*1.15);margin-bottom:calc(var(--spacing-xs)*1.15)}.project-description{font-size:calc(var(--font-size-base)*.95*1.15);margin-bottom:calc(var(--spacing-sm)*1.15);line-height:1.6}.project-tech{margin-bottom:calc(var(--spacing-sm)*1.15)}.tech-tag{font-size:calc(var(--font-size-sm)*.91);padding:.3rem .6rem}.weekend-project-video-wrapper{padding:var(--spacing-sm)}.weekend-project-video{border-radius:8px}.section-title{font-size:calc(var(--font-size-4xl)*.74);margin-bottom:var(--spacing-md)}.section-title+.section-subtitle{margin-top:calc(var(--spacing-md)*-1)}.blog-post .blog-title{font-size:calc(var(--font-size-4xl)*.74)}.main-blog .blog-post{padding:var(--spacing-md)!important}.blog-content code:not(.code-block code){color:var(--text-headline)!important;-webkit-text-fill-color:var(--text-headline)!important;background:#ff8ba726!important}.blog-post .blog-footer{flex-direction:column;align-items:flex-start}}.zugrina-body ::selection{background:var(--button-bg);color:var(--button-text)}.zugrina-body :focus-visible{outline:2px solid var(--button-bg);outline-offset:2px}.main-blog .blog-section{padding:0}.blog-preview{gap:var(--spacing-lg);flex-direction:column;margin-top:0;display:flex}.blog-date{font-size:var(--font-size-sm);color:var(--text-paragraph);opacity:.7;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;display:inline-block}.blog-preview-title{line-height:1.3}.blog-preview-excerpt{font-size:var(--font-size-md)}.pagination{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid #33272a1a}.pagination-container{justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.pagination-link{color:var(--button-bg);border:2px solid var(--button-bg);transition:all .3s var(--transition-smooth);border-radius:8px;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.pagination-link:hover{background:var(--button-bg);color:var(--button-text);box-shadow:var(--shadow-subtle);transform:translateY(-2px)}.pagination-info{color:var(--text-paragraph);padding:.75rem 1rem;font-weight:500}.main{padding:0}.main-blog{padding:var(--spacing-xl)0}.blog-post{padding:var(--spacing-md);box-shadow:var(--shadow-medium);transition:box-shadow .3s var(--transition-smooth);background:#ffffff80;border-radius:16px}.main-blog .blog-post{padding:var(--spacing-xl)}.blog-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid #33272a1a}.blog-title{color:var(--text-headline);margin-bottom:var(--spacing-sm);letter-spacing:-.03em;font-weight:700;line-height:1.2}.blog-subtitle{font-size:var(--font-size-lg);color:var(--text-paragraph);opacity:.9;font-style:italic;font-weight:400}.blog-content{font-size:var(--font-size-md);line-height:1.8}.blog-content p{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-paragraph)}.blog-content p:first-of-type{font-size:var(--font-size-lg);margin-top:0;font-weight:500}.blog-content h2,.blog-content h3,.blog-content h4{color:var(--text-headline);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);letter-spacing:-.01em;font-weight:700;line-height:1.2}.blog-content h2{font-size:var(--font-size-3xl)}.blog-content h3{font-size:var(--font-size-2xl)}.blog-content h4{font-size:var(--font-size-xl)}.blog-content h2:first-child,.blog-content h3:first-child,.blog-content h4:first-child{margin-top:0}.blog-content ul,.blog-content ol{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg);color:var(--text-paragraph)}.blog-content ul{list-style-type:disc;list-style-position:outside}.blog-content ol{list-style-type:decimal;list-style-position:outside}.blog-content li{margin-bottom:var(--spacing-xs);padding-left:var(--spacing-xs);line-height:1.8}.blog-content li:last-child{margin-bottom:0}.blog-content a{color:var(--button-bg);text-underline-offset:2px;transition:color .3s var(--transition-smooth);text-decoration:underline}.blog-content a:hover{color:var(--text-headline);text-decoration-thickness:2px}.blog-content strong{color:var(--text-headline);font-weight:600}.blog-content em{font-style:italic}.blog-content code:not(.code-block code){color:var(--text-headline);background:#ff8ba726;border-radius:4px;padding:.2em .4em;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9em;font-weight:500;-webkit-text-fill-color:var(--text-headline)!important}.code-block{padding:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-medium);border-left:4px solid var(--button-bg);background:#2d2a2e;border-radius:12px;position:relative;overflow-x:auto}.code-toolbar{margin:0}.code-toolbar .code-block{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.code-toolbar .toolbar{z-index:10!important;opacity:0!important;transition:opacity .3s var(--transition-smooth)!important;position:absolute!important;top:10px!important;right:10px!important}.code-toolbar:hover .toolbar{opacity:1!important}.code-toolbar .toolbar-item button,.code-toolbar .copy-to-clipboard-button,.code-toolbar button[data-copy-state]{border:1px solid var(--button-bg)!important;color:var(--button-bg)!important;font-size:var(--font-size-xs)!important;font-family:var(--font-primary)!important;transition:all .3s var(--transition-smooth)!important;cursor:pointer!important;box-shadow:none!important;background:#ff8ba733!important;border-radius:6px!important;padding:6px 12px!important;font-weight:600!important}.code-toolbar .toolbar-item button:hover,.code-toolbar .copy-to-clipboard-button:hover,.code-toolbar button[data-copy-state]:hover{background:var(--button-bg)!important;color:var(--button-text)!important;box-shadow:var(--shadow-subtle)!important;transform:translateY(-2px)!important}.code-toolbar .toolbar-item button:active,.code-toolbar .copy-to-clipboard-button:active,.code-toolbar button[data-copy-state]:active{transform:translateY(0)!important}.code-toolbar .toolbar-item{margin:0!important}.code-toolbar .toolbar-item:before,.code-toolbar .toolbar-item:after{display:none!important}.code-block code{font-family:Fira Code,Monaco,Consolas,monospace;font-size:var(--font-size-sm);color:#e8e8e8;z-index:1;line-height:1.6;display:block;position:relative}.code-block .token.comment,.code-block .token.prolog,.code-block .token.doctype,.code-block .token.cdata{color:#857e7e}.code-block .token.punctuation,.code-block .token.property,.code-block .token.tag,.code-block .token.boolean,.code-block .token.number,.code-block .token.constant,.code-block .token.symbol{color:#ff8ba7}.code-block .token.selector,.code-block .token.attr-name,.code-block .token.string,.code-block .token.char,.code-block .token.builtin{color:#a8e6cf}.code-block .token.operator,.code-block .token.entity,.code-block .token.url,.code-block .language-css .token.string,.code-block .style .token.string{color:#ff8ba7}.code-block .token.atrule,.code-block .token.attr-value,.code-block .token.keyword{color:#ffd93d}.code-block .token.function,.code-block .token.class-name{color:#95e1d3}.code-block .token.regex,.code-block .token.important,.code-block .token.variable{color:#ff8ba7}.blog-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);border-top:1px solid #33272a1a;flex-wrap:wrap;display:flex}.blog-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.blog-tags .tag{color:var(--text-headline);font-size:var(--font-size-sm);cursor:pointer;background:#ff8ba726;border-radius:20px;padding:.4rem 1rem;font-weight:500}.blog-tags .tag:hover{background:var(--button-bg);color:var(--button-text)}.share-button{border:2px solid var(--button-bg);color:var(--button-bg);cursor:pointer;transition:all .3s var(--transition-smooth);font-weight:600;font-size:var(--font-size-base);background:0 0;border-radius:8px;padding:.75rem 1.5rem}.share-button:hover{background:var(--button-bg);color:var(--button-text);box-shadow:var(--shadow-subtle);transform:translateY(-2px)}.blog-body .blog-section{padding:0}.not-found-section{padding:var(--spacing-xl)0;justify-content:center;align-items:center;min-height:60vh;display:flex}.not-found-content{text-align:center;max-width:600px;margin:0 auto}.not-found-title{font-size:calc(var(--font-size-5xl)*2.46);color:var(--text-headline);margin-bottom:var(--spacing-sm);letter-spacing:-.05em;font-weight:700;line-height:1}.not-found-subtitle{font-size:var(--font-size-4xl);color:var(--text-headline);margin-bottom:var(--spacing-md);letter-spacing:-.02em;font-weight:600}.not-found-text{font-size:var(--font-size-md);color:var(--text-paragraph);margin-bottom:var(--spacing-lg);line-height:1.7}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@property --tw-rotate-x{syntax:"<transform-function>";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"<transform-function>";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"<transform-function>";inherits:false;initial-value:rotate(0)}@property --tw-skew-x{syntax:"<transform-function>";inherits:false;initial-value:skew(0deg)}@property --tw-skew-y{syntax:"<transform-function>";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"<number>";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"<number>";inherits:false;initial-value:0}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-border-style{syntax:"<custom-ident>";inherits:false;initial-value:solid}
code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
div.code-toolbar{position:relative}div.code-toolbar>.toolbar{z-index:10;opacity:0;transition:opacity .3s ease-in-out;position:absolute;top:.3em;right:.2em}div.code-toolbar:hover>.toolbar,div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{color:inherit;font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background:0 0;border:0;padding:0;line-height:normal;overflow:visible}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;background:#e0e0e033;border-radius:.5em;padding:0 .5em;font-size:.8em;box-shadow:0 2px #0003}div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus{color:inherit;text-decoration:none}
