@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@300;400;500;600&family=Fira+Code:wght@400;500&family=Architects+Daughter&family=Patrick+Hand&display=swap";
:root{--background:#0c1324;--surface:#0c1324;--surface-dim:#0c1324;--surface-bright:#33394c;--surface-container-lowest:#070d1f;--surface-container-low:#151b2d;--surface-container:#191f31;--surface-container-high:#23293c;--surface-container-highest:#2e3447;--primary:#c3c0ff;--primary-container:#4f46e5;--on-primary:#1d00a5;--on-primary-container:#dad7ff;--secondary:#c3c0ff;--secondary-container:#413f82;--on-secondary:#2a276a;--on-surface:#dce1fb;--on-surface-variant:#c7c4d8;--outline:#918fa1;--outline-variant:#464555;--outline-variant-ghost:#46455526;--font-display:"Manrope", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Fira Code", monospace;--shadow-l1:0px 4px 8px #0003;--shadow-l2:0px 8px 16px #0000004d;--shadow-l3:0px 12px 24px #00000059;--shadow-l4:0px 24px 48px #03040a66;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}body{background-color:var(--background);color:var(--on-surface);font-family:var(--font-body);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--on-surface);margin-top:0;font-weight:800}a{color:var(--primary);text-decoration:none}.gradient-text{background:linear-gradient(135deg, var(--primary-container), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass,.glass-sidebar{-webkit-backdrop-filter:blur(20px);background-color:#0c132499}.ghost-border{border:1px solid var(--outline-variant-ghost)}.kest-glow{position:relative;overflow:hidden}.kest-glow:after{content:"";background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%), #c3c0ff0d 0%, transparent 70%);opacity:0;pointer-events:none;z-index:10;transition:opacity .3s;position:absolute;inset:0}.kest-glow:hover:after{opacity:1}.active-pill{background-color:#c3c0ff0d;font-weight:600;position:relative;color:var(--primary)!important}.active-pill:before{content:"";background-color:var(--primary);border-radius:var(--radius-full);width:2px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.btn-premium{background:linear-gradient(135deg, var(--primary-container), var(--primary));color:#fff;font-family:var(--font-display);letter-spacing:-.01em;border-radius:var(--radius-md);box-shadow:var(--shadow-l2);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-premium:hover{box-shadow:var(--shadow-l4);filter:brightness(1.1);transform:translateY(-1px)}.btn-premium:active{transform:scale(.98)}.btn-secondary{background-color:var(--surface-container-highest);color:var(--on-surface);font-family:var(--font-display);letter-spacing:-.01em;border-radius:var(--radius-md);border:1px solid var(--outline-variant-ghost);cursor:pointer;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background-color:var(--surface-bright);border-color:#4645554d}.btn-tertiary{color:var(--primary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;padding:.5rem 0;font-weight:500;text-decoration:none;transition:text-decoration-color .2s;display:inline-flex}.btn-tertiary:hover{text-underline-offset:4px;text-decoration:underline}.btn{cursor:pointer;font-family:var(--font-display);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.bento-card{background-color:var(--surface-container-high);border-radius:var(--radius-xl);border:1px solid var(--outline-variant-ghost);color:inherit;padding:2.5rem;text-decoration:none;transition:all .4s;display:block}.bento-card:hover{background-color:var(--surface-container-highest);border-color:#c3c0ff26;transform:translateY(-4px)}.chip{background-color:var(--surface-container-high);color:var(--on-surface-variant);letter-spacing:.05em;border-radius:var(--radius-full);text-transform:uppercase;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.chip-primary{background-color:var(--primary);color:var(--on-primary)}input[type=text],input[type=search],input[type=email]{background-color:var(--surface-container-low);border:1px solid var(--outline-variant-ghost);border-radius:var(--radius-md);color:var(--on-surface);font-family:var(--font-body);outline:none;transition:border-color .2s}input[type=text]:focus,input[type=search]:focus,input[type=email]:focus{border-color:#c3c0ff66}.md-body{font-family:var(--font-body);color:var(--on-surface-variant);max-width:72ch;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.8}.md-body h1{color:var(--on-surface);margin-bottom:1.5rem;font-size:clamp(1.75rem,4vw,2.5rem)}.md-body h2{color:var(--on-surface);margin-top:3rem;margin-bottom:1.25rem;font-size:clamp(1.35rem,3vw,1.75rem)}.md-body h3{color:var(--on-surface);margin-top:2.5rem;margin-bottom:.875rem;font-size:clamp(1.1rem,2.5vw,1.35rem)}.md-body h4{color:var(--on-surface);margin-top:1.75rem;margin-bottom:.625rem;font-size:clamp(1rem,2vw,1.15rem)}.md-body p{margin-bottom:1.25rem}.md-body code{font-family:var(--font-mono);background-color:var(--surface-container-lowest);border-radius:var(--radius-xs);color:var(--primary);padding:.2em .4em;font-size:.88em}.md-body pre{border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;box-sizing:border-box;border:none;max-width:100%;margin:2rem 0;padding:1.5rem;overflow-x:auto;background-color:var(--surface-container-lowest)!important}.md-body pre code{color:inherit;white-space:pre;word-break:normal;overflow-wrap:normal;background:0 0;padding:0}.code-block-wrapper{border-radius:var(--radius-md);margin:2rem 0}.code-block-header{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:#191f3180;justify-content:space-between;align-items:center;min-width:0;padding:.5rem 1rem;display:flex;overflow:hidden}.code-block-header .lang-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);opacity:.6;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.7rem;font-weight:500;overflow:hidden}.code-block-header .copy-btn{color:var(--on-surface-variant);cursor:pointer;font-size:.7rem;font-family:var(--font-body);opacity:.5;border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:.25rem .5rem;transition:opacity .2s,color .2s}.code-block-header .copy-btn:hover{opacity:1;color:var(--primary)}.code-block-wrapper pre{border-radius:0 0 var(--radius-md) var(--radius-md);-webkit-overflow-scrolling:touch;box-sizing:border-box;max-width:100%;margin:0;overflow-x:auto}.md-body blockquote{border-left:3px solid var(--primary-container);background-color:var(--surface-container-low);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.md-body ul,.md-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.md-body li{margin-bottom:.5rem}.md-body .table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);margin:2rem 0;overflow-x:auto}.md-body table{border-collapse:collapse;background-color:var(--surface-container);border-radius:var(--radius-lg);width:100%;min-width:480px;margin:0;font-size:.9rem;overflow:hidden}.md-body th:first-child,.md-body td:first-child{white-space:nowrap;min-width:7rem;font-weight:700;font-family:var(--font-mono);color:var(--primary);letter-spacing:.02em;font-size:.82rem}.md-body th{text-align:left;background-color:var(--surface-container-high);color:var(--on-surface);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;font-family:var(--font-display);padding:.85rem 1.25rem}.md-body td{border-bottom:1px solid var(--outline-variant-ghost);color:var(--on-surface-variant);padding:.75rem 1.25rem}.md-body tr:last-child td{border-bottom:none}.md-body tr:hover td{background-color:#c3c0ff08}.mermaid-diagram{margin:2rem 0}.mermaid-diagram svg{max-width:100%;height:auto}.hidden{display:none!important}.flex{display:flex!important}.block{display:block!important}@media (min-width:640px){.sm\:flex{display:flex!important}.sm\:hidden{display:none!important}.sm\:block{display:block!important}}@media (min-width:768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:block{display:block!important}}@media (min-width:1024px){.lg\:flex{display:flex!important}.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:ml-64{margin-left:256px!important}}.container{width:100%;max-width:min(1200px,100%)}.mx-auto{margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.pt-16{padding-top:4rem}.pt-24{padding-top:6rem}@media (min-width:1024px){.layout-main,.layout-footer{margin-left:256px}}@media (max-width:767px){.layout-main{padding-bottom:80px}}.detail-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:3rem;display:grid}@media (min-width:1200px){.detail-layout{grid-template-columns:minmax(0,1fr) 320px}}.code-sidebar{display:none}@media (min-width:1200px){.code-sidebar{display:flex}}.team-grid{grid-template-columns:repeat(4,1fr)!important}@media (max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.team-grid{grid-template-columns:1fr!important}.team-grid>:first-child{grid-area:span 1/span 1!important}}.team-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.layout-main>div{padding:1rem!important}.layout-main section:first-child{grid-template-columns:1fr!important;gap:2rem!important;padding-top:.5rem!important}.layout-main section:first-child>div:last-child{max-height:220px;aspect-ratio:16/9!important}.layout-main section:nth-child(2){flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;padding:1.25rem!important}.bento-card{padding:1.25rem!important}.md-body pre{font-size:.8rem;padding:.75rem!important}.code-block-header{padding:.375rem .75rem!important}.copy-btn-text{display:none}.md-body table{font-size:.78rem}.md-body th,.md-body td{padding:.5rem .75rem!important}.md-body blockquote{margin:1.25rem 0!important;padding:.75rem 1rem!important}}@media (min-width:481px) and (max-width:767px){.layout-main>div{padding:1.25rem!important}.layout-main section:first-child{grid-template-columns:1fr!important;gap:2.5rem!important}.layout-main section:first-child>div:last-child{max-height:280px;aspect-ratio:16/9!important}.bento-card{padding:1.5rem!important}}@media (min-width:768px) and (max-width:1023px){.layout-main>div{padding:1.5rem 2rem!important}.layout-main section:first-child{grid-template-columns:1fr!important;gap:3rem!important}.layout-main section:first-child>div:last-child{max-height:360px;aspect-ratio:16/9!important}}@media (min-width:1024px){.layout-main>div{max-width:960px!important;padding:2rem 2.5rem!important}}@media (min-width:1400px){.layout-main>div{max-width:1100px!important}}body{overflow-x:hidden}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.md-body table td:first-child,.md-body table th:first-child{white-space:nowrap;min-width:120px}.md-body img{max-width:100%;height:auto}[data-theme=scratchpad]{--background:#faf6f0;--surface:#f5f0e8;--surface-dim:#ede7db;--surface-bright:#fff;--surface-container-lowest:#fff;--surface-container-low:#f5f0e8;--surface-container:#ede7db;--surface-container-high:#e8e1d4;--surface-container-highest:#ddd6c8;--primary:#2c3e50;--primary-container:#e74c3c;--on-primary:#fff;--on-primary-container:#2c3e50;--secondary:#e74c3c;--secondary-container:#fce4e4;--on-secondary:#2c2c2c;--on-surface:#2c2c2c;--on-surface-variant:#555;--outline:#999;--outline-variant:#ccc;--outline-variant-ghost:#0000001f;--font-display:"Architects Daughter", cursive;--font-body:"Patrick Hand", cursive;--shadow-l1:none;--shadow-l2:none;--shadow-l3:none;--shadow-l4:none;--radius-xs:.125rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:2rem}[data-theme=scratchpad] .sidebar-dark{--primary:#c3c0ff;--on-surface:#fff;--on-surface-variant:#dce1fbb3}[data-theme=scratchpad] .glass,[data-theme=scratchpad] .glass-sidebar{background-color:var(--surface);-webkit-backdrop-filter:none}[data-theme=scratchpad] .kest-glow:after{display:none}[data-theme=scratchpad] .bento-card,[data-theme=scratchpad] .ghost-border{filter:url(#sketchy);transform:rotate(-.3deg);box-shadow:3px 3px #00000014;border:2px solid #2c2c2c!important}[data-theme=scratchpad] .bento-card:hover{background-color:var(--surface-container);transform:rotate(.2deg)translateY(-2px)}[data-theme=scratchpad] .gradient-text{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:var(--primary);background-clip:initial}[data-theme=scratchpad] img{filter:url(#sketchy);border-radius:var(--radius-md);padding:2px;border:2px solid #2c2c2c!important}[data-theme=scratchpad] .btn-premium{background:var(--primary);filter:url(#sketchy);color:#fff;border-radius:var(--radius-lg);border:2px solid #2c2c2c;box-shadow:3px 3px #00000026}[data-theme=scratchpad] .btn-premium:hover{filter:url(#sketchy)brightness(1.1);box-shadow:4px 4px #0003}[data-theme=scratchpad] .btn-secondary{filter:url(#sketchy);background-color:var(--surface-bright);border:2px solid #2c2c2c;box-shadow:2px 2px #0000001a}[data-theme=scratchpad] .md-body pre{filter:url(#sketchy);border:2px solid #2c2c2c;background-color:#fff!important}[data-theme=scratchpad] .code-block-header{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom:2px solid #2c2c2c}[data-theme=scratchpad] body:before{content:"";pointer-events:none;z-index:-1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=scratchpad] .md-body{max-width:85ch;font-size:clamp(1.1rem,2.5vw,1.25rem)}[data-theme=scratchpad] .md-body h1{font-size:clamp(2rem,5vw,3rem)}[data-theme=scratchpad] .md-body h2{font-size:clamp(1.6rem,4vw,2.2rem)}[data-theme=scratchpad] .md-body h3{font-size:clamp(1.3rem,3vw,1.6rem)}@media (min-width:1024px){[data-theme=scratchpad] .layout-main>div{max-width:1100px!important}}@media (min-width:1400px){[data-theme=scratchpad] .layout-main>div{max-width:1400px!important}}[data-theme=scratchpad] header nav a,[data-theme=scratchpad] header .btn-premium{font-size:1.15rem!important}[data-theme=scratchpad] header a>span.gradient-text{font-size:1.75rem!important}[data-theme=scratchpad] aside a,[data-theme=scratchpad] aside a span{font-size:1.1rem!important}[data-theme=scratchpad] nav.md\:hidden span{font-size:.95rem!important}[data-theme=scratchpad] .hero-title{line-height:1.1;font-size:clamp(2.5rem,8vw,4.5rem)!important}[data-theme=scratchpad] .hero-subtitle{max-width:60ch;font-size:1.4rem!important}[data-theme=scratchpad] .bento-card h3{font-size:1.5rem!important}[data-theme=scratchpad] .bento-card p{font-size:1.1rem!important}[data-theme=scratchpad] .btn-secondary,[data-theme=scratchpad] button{font-size:1.05rem}[data-theme=scratchpad] header{filter:url(#sketchy);border-bottom:3px solid #2c2c2c!important}[data-theme=scratchpad] aside{filter:url(#sketchy);border-right:3px solid #2c2c2c!important}