.code-block-container{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1);margin:2rem 0;background:#111827;border:none}.code-block-header{background:#1f2937;padding:8px 16px;border-bottom:1px solid #374151;display:flex;align-items:center;gap:8px;position:relative}.code-block-dots{display:flex;gap:6px;align-items:center}.code-block-dot{width:12px;height:12px;border-radius:50%;position:relative}.code-block-dot.red{background:#ef4444}.code-block-dot.yellow{background:#eab308}.code-block-dot.green{background:#22c55e}.code-block-language{color:#9ca3af;margin-left:8px}.code-block-language,pre[class*=language-]{font-size:14px;font-family:Consolas,Monaco,Courier New,monospace}pre[class*=language-]{background:#111827!important;color:#f9fafb;line-height:1.5;margin:0;padding:24px;overflow-x:auto;border-radius:0;box-shadow:none;position:relative}code[class*=language-]:not(pre code){background:rgba(45,45,45,.8);color:#f8f8f2;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;border:1px solid rgba(255,255,255,.1)}pre[class*=language-] code[class*=language-]{padding:0!important;border:none!important;border-radius:0!important}.syntax-highlighter code,.syntax-highlighter pre,pre[class*=language-] code[class*=language-]{background:none!important;color:inherit!important}.syntax-highlighter .token{padding:0!important;border:none!important;border-radius:0!important}.syntax-highlighter *{background:inherit!important}.syntax-highlighter{background:#0d1117!important;color:#e6edf3!important}.syntax-highlighter .token.cdata,.syntax-highlighter .token.comment,.syntax-highlighter .token.doctype,.syntax-highlighter .token.prolog{color:#7c8b9a!important}.syntax-highlighter .token.punctuation{color:#e6edf3!important}.syntax-highlighter .token.constant,.syntax-highlighter .token.deleted,.syntax-highlighter .token.property,.syntax-highlighter .token.symbol,.syntax-highlighter .token.tag{color:#79c0ff!important}.syntax-highlighter .token.boolean,.syntax-highlighter .token.number{color:#a5d6ff!important}.syntax-highlighter .token.attr-name,.syntax-highlighter .token.builtin,.syntax-highlighter .token.char,.syntax-highlighter .token.inserted,.syntax-highlighter .token.selector,.syntax-highlighter .token.string{color:#a5f3fc!important}.syntax-highlighter .language-css .token.string,.syntax-highlighter .style .token.string,.syntax-highlighter .token.entity,.syntax-highlighter .token.operator,.syntax-highlighter .token.url,.syntax-highlighter .token.variable{color:#ffa657!important}.syntax-highlighter .token.atrule,.syntax-highlighter .token.attr-value,.syntax-highlighter .token.class-name,.syntax-highlighter .token.function{color:#f97583!important}.syntax-highlighter .token.keyword{color:#ff7b72!important}.syntax-highlighter .token.important,.syntax-highlighter .token.regex{color:#ffa657!important}.code-copy-button{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#a0a0a0;padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.code-copy-button:hover{background:rgba(255,255,255,.2);color:#fff;transform:translateY(-1px)}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6b7280;font-style:italic}.token.punctuation{color:#f9fafb}.token.namespace{opacity:.7}.token.attr-name,.token.property{color:#60a5fa}.token.boolean,.token.constant,.token.deleted,.token.number,.token.symbol{color:#fb923c}.token.builtin,.token.char,.token.inserted,.token.selector,.token.string,.token.tag{color:#4ade80}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#f9fafb}.token.punctuation.brace,.token.punctuation.bracket{color:#facc15}.token.atrule,.token.attr-value,.token.keyword{color:#f92672;font-weight:700}.token.class-name,.token.function{color:#a6e22e;font-weight:700}.token.important,.token.regex,.token.variable{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-javascript .token.template-string .token.string{color:#e6db74}.language-javascript .token.template-string .token.interpolation{color:#f8f8f2}.language-javascript .token.template-string .token.interpolation .token.punctuation{color:#f92672}.language-css .token.property{color:#66d9ef}.language-css .token.number{color:#ae81ff}.language-html .token.attr-name{color:#a6e22e}.language-html .token.attr-value{color:#e6db74}.language-json .token.property{color:#66d9ef}.language-json .token.string{color:#e6db74}.line-numbers .line-numbers-rows{border-right:1px solid #3a3a3a;background:#2a2a2a;pointer-events:none;user-select:none}.line-numbers .line-numbers-rows>span{color:#666;display:block;counter-increment:linenumber}.line-numbers .line-numbers-rows>span:before{content:counter(linenumber);display:block;padding-right:10px;text-align:right}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#49483e}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#49483e}pre[class*=language-]::-webkit-scrollbar{height:8px;width:8px}pre[class*=language-]::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}pre[class*=language-]::-webkit-scrollbar-thumb{background:#555;border-radius:4px}pre[class*=language-]::-webkit-scrollbar-thumb:hover{background:#777}@media (prefers-color-scheme:dark){.code-block-container{background:#1a1a1a;border-color:#2a2a2a}.code-block-header{background:linear-gradient(135deg,#252525,#1a1a1a);border-bottom-color:#2a2a2a}pre[class*=language-]{background:#1a1a1a!important}}@media (prefers-color-scheme:light){.code-block-container{background:#fafafa;border-color:#e1e1e1}.code-block-header{background:linear-gradient(135deg,#f5f5f5,#fafafa);border-bottom-color:#e1e1e1}.code-block-language{background:rgba(0,0,0,.1);color:#666;border-color:rgba(0,0,0,.1)}pre[class*=language-]{background:#fafafa!important;color:#383a42}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#a0a1a7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#986801}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50a14f}.token.atrule,.token.attr-value,.token.keyword{color:#a626a4}.token.class-name,.token.function{color:#4078f2}.token.important,.token.regex,.token.variable{color:#e45649}}@media (max-width:768px){.code-block-header{padding:10px 12px}.code-block-dots{gap:6px}.code-block-dot{width:10px;height:10px}.code-block-language{font-size:11px;padding:3px 6px}pre[class*=language-]{padding:16px;font-size:13px}.code-copy-button{top:10px;right:10px;padding:4px 8px;font-size:11px}}@font-face{font-family:GeistSans;src:url(/_next/static/media/028c0d39d2e8f589-s.p.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local("Arial");ascent-override:85.83%;descent-override:20.53%;line-gap-override:9.33%;size-adjust:107.19%}.__className_fb8f2c{font-family:GeistSans,GeistSans Fallback}.__variable_fb8f2c{--font-geist-sans:"GeistSans","GeistSans Fallback"}