@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--font-sans:"Noto Sans SC", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--max-width:1200px;--content-padding:24px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);scroll-behavior:smooth}body{background-color:rgb(var(--mdui-color-background));min-height:100vh;color:rgb(var(--mdui-color-on-background));flex-direction:column;transition:background-color .3s,color .3s;display:flex}main{flex:1}.flow-bg{z-index:-1;pointer-events:none;position:fixed;inset:0}a{color:rgb(var(--mdui-color-primary));text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);padding:0 var(--content-padding);width:100%;margin:0 auto}.section{padding-block:64px}.section-title{margin-bottom:8px;font-size:1.75rem;font-weight:700}.section-subtitle{color:rgb(var(--mdui-color-on-surface-variant));margin-bottom:32px}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.reveal.revealed{opacity:1;transform:translateY(0)}.hover-card{transform-style:preserve-3d;will-change:transform;--mx:50%;--my:50%;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,opacity .5s;position:relative;display:block!important}.hover-card:before{content:"";border-radius:inherit;background:radial-gradient(220px circle at var(--mx) var(--my), rgba(var(--mdui-color-primary), .9), rgba(var(--mdui-color-tertiary), .5), transparent 70%);-webkit-mask-composite:xor;opacity:.5;pointer-events:none;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.hover-card:hover:before{opacity:1}.hover-card:hover{box-shadow:none}code,pre{font-family:var(--font-mono)}.material-icons{user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.brand-icon{fill:currentColor;flex-shrink:0;width:1em;height:1em;line-height:1;display:block}mdui-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.prose{max-width:760px;margin:0 auto;line-height:1.8}.prose h1{margin:24px 0 16px;font-size:2rem;font-weight:700}.prose h2{margin:32px 0 16px;font-size:1.5rem;font-weight:600}.prose h3{margin:24px 0 12px;font-size:1.25rem;font-weight:600}.prose p{margin-bottom:16px}.prose ul,.prose ol{margin:0 0 16px 24px}.prose li{margin-bottom:8px}.prose img{border-radius:12px;max-width:100%;margin:16px 0}.prose code{background:rgb(var(--mdui-color-surface-variant));border-radius:4px;padding:2px 6px;font-size:.9em}.prose pre{background:rgb(var(--mdui-color-surface-variant));border-radius:12px;margin:16px 0;padding:16px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:3px solid rgb(var(--mdui-color-primary));color:rgb(var(--mdui-color-on-surface-variant));margin:16px 0;padding-left:16px}@media (width<=768px){:root{--content-padding:20px}.section{padding-block:48px}.section-title{font-size:1.5rem}}@media (width<=480px){:root{--content-padding:16px}.section{padding-block:36px}.section-title{font-size:1.35rem}}*{cursor:none!important}.cursor-dot,.cursor-frame{pointer-events:none;z-index:9999;will-change:transform;position:fixed;top:0;left:0}.cursor-dot{background:rgb(var(--mdui-color-primary));border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;transition:opacity .2s}.cursor-frame{width:32px;height:32px;margin:-16px 0 0 -16px;transition:opacity .2s}.cursor-frame .corner{border:2px solid rgb(var(--mdui-color-primary));width:8px;height:8px;position:absolute}.cursor-frame .corner-tl{border-bottom:none;border-right:none;border-radius:4px 0 0;top:0;left:0}.cursor-frame .corner-tr{border-bottom:none;border-left:none;border-radius:0 4px 0 0;top:0;right:0}.cursor-frame .corner-bl{border-top:none;border-right:none;border-radius:0 0 0 4px;bottom:0;left:0}.cursor-frame .corner-br{border-top:none;border-left:none;border-radius:0 0 4px;bottom:0;right:0}.cursor-frame.framing{border-radius:8px}.cursor-frame.framing .corner{border-color:rgb(var(--mdui-color-primary));width:12px;height:12px}@media (hover:none){.cursor-dot,.cursor-frame{display:none}*{cursor:auto!important}}