:root{--bg: #F6F8FA;--ink: #1F2328;--muted: #59636E;--accent: #0969DA;--accent-contrast: #FFFFFF;--surface: #FFFFFF;--border: #D1D9E0;--border-strong: #AFB8C1;--code-bg: #EFF2F5;--scrollbar-thumb: #C7D0D9;color-scheme:light}.dark{--bg: #0D1117;--ink: #E6EDF3;--muted: #8D96A0;--accent: #58A6FF;--accent-contrast: #0D1117;--surface: #161B22;--border: #30363D;--border-strong: #484F58;--code-bg: #1B222B;--scrollbar-thumb: #30363D;color-scheme:dark}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}::selection{background-color:var(--accent);color:var(--accent-contrast)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:6px;border:3px solid var(--bg)}.blog-content{color:var(--ink);line-height:1.7;font-size:1.0625rem}.blog-content>*:first-child{margin-top:0}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);line-height:1.3;margin:1.75em 0 .6em}.blog-content h1{font-size:1.75rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content h4{font-size:1.125rem}.blog-content p{margin:1em 0}.blog-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.blog-content a:hover{opacity:.85}.blog-content ul,.blog-content ol{margin:1em 0;padding-left:1.6em}.blog-content li{margin:.4em 0}.blog-content blockquote{margin:1.25em 0;padding:.25em 1em;border-left:3px solid var(--accent);color:var(--muted)}.blog-content code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background-color:var(--code-bg);border:1px solid var(--border);border-radius:3px;padding:.15em .4em}.blog-content pre{margin:1.25em 0;padding:1em 1.25em;background-color:var(--code-bg);border:1px solid var(--border);border-radius:4px;overflow-x:auto;line-height:1.5}.blog-content pre code{background-color:transparent;border:none;padding:0;font-size:.9em}.blog-content img{max-width:100%;border-radius:4px}.blog-content hr{margin:2em 0;border:none;border-top:1px solid var(--border)}.blog-content table{margin:1.25em 0;border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}.blog-content th,.blog-content td{border:1px solid var(--border);padding:.5em .85em;text-align:left}.blog-content th{background-color:var(--code-bg);font-weight:600}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(16deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(16deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(12deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.emojiHand-wrapper{display:inline-block;cursor:pointer;transition:transform .15s cubic-bezier(.93,.29,.87,.55);transform:scale(1);will-change:transform}.emojiHand-wrapper.scaled{transform:scale(1.5)}.emojiHand-inner{display:inline-block;transform-origin:50% 80%}.wavingHand-inner{animation:wave 2s infinite}.highFiveHand-inner{animation:none;transform:rotate(0)}@keyframes clapAppearFadeOut{0%{opacity:0;transform:scale(.3) translate(10%,-10%)}25%{opacity:1;transform:scale(1.1) translate(0)}50%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.5) translate(-5%,5%)}}.clap-effect{position:absolute;top:-5%;right:-15%;font-size:1.2em;opacity:0;pointer-events:none;z-index:10;transform-origin:center center;transform:scale(.3) translate(10%,-10%)}.clap-effect.play{animation:clapAppearFadeOut .5s ease-out 0s 1 forwards}.className{font-weight:900}