code[class*=language-],pre[class*=language-]{color:#e4e4e7;font-family:var(--font-jetbrains-mono),"Fira Code","Monaco","Consolas",monospace;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-size:.9em;line-height:1.6}pre[class*=language-]{background:#18181b;border:1px solid #ffffff1a;border-radius:12px;margin:1.5rem 0;padding:1.5rem;position:relative;overflow:auto}:not(pre)>code[class*=language-]{white-space:normal;color:#22d3ee;background:#ffffff1a;border-radius:6px;padding:.2em .4em}pre[class*=language-]:before{content:attr(data-language);text-transform:uppercase;letter-spacing:.05em;color:#71717a;background:#ffffff0d;border-bottom-left-radius:8px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;position:absolute;top:0;right:0}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6b7280;font-style:italic}.token.punctuation{color:#a1a1aa}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#f472b6}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a5f3fc}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#fbbf24}.token.atrule,.token.attr-value,.token.keyword{color:#a78bfa}.token.function,.token.class-name{color:#60a5fa}.token.regex,.token.important,.token.variable{color:#fb923c}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre[class*=language-].line-numbers>code{white-space:inherit;position:relative}.line-numbers .line-numbers-rows{pointer-events:none;letter-spacing:-1px;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff1a;width:3em;position:absolute;top:1.5rem;left:0}.line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers-rows>span:before{content:counter(linenumber);color:#52525b;text-align:right;padding-right:.8em;display:block}.code-block-wrapper{position:relative}.copy-code-button{color:#71717a;cursor:pointer;opacity:0;background:#ffffff1a;border:none;border-radius:6px;padding:.5rem;transition:all .2s;position:absolute;top:.5rem;right:.5rem}pre[class*=language-]:hover .copy-code-button,.code-block-wrapper:hover .copy-code-button{opacity:1}.copy-code-button:hover{color:#e4e4e7;background:#fff3}.copy-code-button.copied{color:#22c55e}pre[class*=language-]::-webkit-scrollbar{height:8px}pre[class*=language-]::-webkit-scrollbar-track{background:0 0}pre[class*=language-]::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}pre[class*=language-]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.callout{border-left:4px solid;border-radius:12px;margin:1.5rem 0;padding:1rem 1.25rem;position:relative}.callout-title{text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.callout-content{font-size:.9375rem;line-height:1.6}.callout-content p:last-child{margin-bottom:0}.callout-note{background:#3b82f61a;border-left-color:#3b82f6}.callout-note .callout-title{color:#60a5fa}.callout-tip{background:#22c55e1a;border-left-color:#22c55e}.callout-tip .callout-title{color:#4ade80}.callout-warning{background:#f59e0b1a;border-left-color:#f59e0b}.callout-warning .callout-title{color:#fbbf24}.callout-important,.callout-danger{background:#ef44441a;border-left-color:#ef4444}.callout-important .callout-title,.callout-danger .callout-title{color:#f87171}.callout-info{background:#a855f71a;border-left-color:#a855f7}.callout-info .callout-title{color:#c084fc}.key-takeaways{background:linear-gradient(135deg,#a855f71a,#06b6d41a);border:1px solid #a855f733;border-radius:16px;margin:2rem 0;padding:1.5rem}.key-takeaways-title{color:#c084fc;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;display:flex}.key-takeaways ul{margin:0;padding-left:1.25rem}.key-takeaways li{color:#d4d4d8;margin-bottom:.5rem}.key-takeaways li::marker{color:#a855f7}.diagram-container{text-align:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;margin:2rem 0;padding:2rem}.diagram-container img{border-radius:8px;max-width:100%}.diagram-caption{color:#71717a;margin-top:1rem;font-size:.875rem;font-style:italic}.step-guide{counter-reset:step-counter}.step-item{margin-bottom:2rem;padding-left:3.5rem;position:relative}.step-item:before{counter-increment:step-counter;content:counter(step-counter);color:#fff;background:linear-gradient(135deg,#a855f7,#06b6d4);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.step-item h3,.step-item h4{margin-top:.25rem;margin-bottom:.5rem}.prose table{border-collapse:collapse;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin:2rem 0;overflow:hidden}.prose thead{background:linear-gradient(135deg,#a855f733,#06b6d433)}.prose th{text-align:left;color:#e4e4e7;border-bottom:1px solid #ffffff1a;padding:1rem;font-weight:600}.prose td{color:#a1a1aa;border-bottom:1px solid #ffffff0d;padding:.875rem 1rem}.prose tr:last-child td{border-bottom:none}.prose tr:hover td{background:#ffffff05}.section-divider{background:linear-gradient(90deg,#0000,#a855f780,#06b6d480,#0000);height:1px;margin:3rem 0}.prose blockquote{background:linear-gradient(135deg,#a855f714,#06b6d414);border-left:4px solid;border-image:linear-gradient(#a855f7,#06b6d4) 1;border-radius:0 12px 12px 0;margin:2rem 0;padding:1.5rem 2rem;font-style:italic;position:relative}.prose blockquote:before{content:"\"";color:#a855f74d;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:-10px;left:15px}.prose :not(pre)>code{color:#22d3ee;background:linear-gradient(135deg,#06b6d426,#a855f726);border:1px solid #06b6d433;border-radius:6px;padding:.2em .5em;font-size:.875em;font-weight:500}.prose hr{background:linear-gradient(90deg,#0000,#a855f766,#06b6d466,#0000);border:none;height:2px;margin:3rem 0}.prose img{border-radius:12px;margin:2rem auto;box-shadow:0 10px 40px #0000004d}.prose>p:first-of-type:first-letter{float:left;color:#0000;background:linear-gradient(135deg,#a855f7,#06b6d4);-webkit-background-clip:text;background-clip:text;padding-right:.75rem;font-size:4rem;font-weight:700;line-height:1}.prose h2{padding-bottom:.75rem;position:relative}.prose h2:after{content:"";background:linear-gradient(90deg,#a855f7,#06b6d4);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}.prose ul{padding-left:0;list-style:none}.prose ul li{margin-bottom:.5rem;padding-left:1.75rem;position:relative}.prose ul li:before{content:"";background:linear-gradient(135deg,#a855f7,#06b6d4);border-radius:50%;width:8px;height:8px;position:absolute;top:.5rem;left:0}.prose ol{counter-reset:ol-counter;padding-left:0;list-style:none}.prose ol li{counter-increment:ol-counter;margin-bottom:.75rem;padding-left:2.5rem;position:relative}.prose ol li:before{content:counter(ol-counter);color:#c084fc;background:linear-gradient(135deg,#a855f733,#06b6d433);border:1px solid #a855f74d;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.prose a{color:#a855f7;background:linear-gradient(90deg,#a855f7,#06b6d4) 0 100%/0% 2px no-repeat;text-decoration:none;transition:background-size .3s}.prose a:hover{background-size:100% 2px}