@import"https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap";pre{display:block;border-radius:20px;overflow-x:hidden;white-space:pre;padding:.5em 1em;background:#293052;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior-x:contain}pre.code-block{position:relative;padding-top:2.6em}code{border-radius:10px;padding:.2em .4em;font-size:.9rem;background:#d8dcf1}pre code{display:block;width:100%;max-width:100%;font-size:1rem;line-height:1.5;white-space:pre;word-wrap:normal;word-break:normal;overflow-x:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch;background:#293052;color:#dfdfe0}.code-copy-button{position:absolute;top:.6em;right:.6em;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff14;color:#dfdfe0;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}@media (max-width: 720px){.code-copy-button{width:40px;height:40px}}.code-copy-button:hover{background:#ffffff29;border-color:#fff6}.code-copy-button:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}.code-copy-button.is-copied{background:#75f0c92e;border-color:#75f0c999}.code-copy-icon{display:inline-flex;align-items:center;justify-content:center;color:#dfdfe0}.code-copy-icon svg{display:block;fill:currentColor;margin:0;padding:0}.hljs{color:#dfdfe0}.hljs-comment,.hljs-quote{color:#a5b0bd;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#ef81b0}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#dfdfe0}.hljs-literal{color:#ef81b0}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#f08875}.hljs-built_in,.hljs-class .hljs-title{color:#dfdfe0}.hljs-number{color:#d5ca86}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#75f0c9}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#dfdfe0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;padding:0;margin:0;--text-color: #1c1c1c;color-scheme:light;color:var(--text-color);--page-bg-start: #f0f3ff;--page-bg-end: #e2e6ff;--page-bg-gradient: linear-gradient( 135deg, var(--page-bg-start), var(--page-bg-end) );background-color:var(--page-bg-start);--accent-red: #d6414b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent-red);text-decoration:inherit}a:hover{color:var(--accent-red)}::selection{background-color:var(--accent-red);color:#fff}body{padding:0;margin:0;display:flex;justify-items:center;min-width:320px;min-height:100vh;background-image:var(--page-bg-gradient);overflow-x:hidden}.progress-bar{position:fixed;top:0;left:0;width:100%;height:5px;background:#00000014;z-index:999;pointer-events:none}.progress-bar-fill{width:100%;height:100%;background:var(--accent-red);transform-origin:left center;transform:scaleX(0);transition:transform .12s linear}article{text-align:left;min-width:0}article img{max-width:100%;height:auto;display:block;padding:1em 0}article picture,article svg,article video,article canvas{max-width:100%;height:auto;display:block}@media (max-width: 720px){article img{width:100%;object-fit:contain}}h1{font-size:3.2em;line-height:1.1}.article-reading-time,.notes-total-reading-time{font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-top:.5rem;margin-bottom:1.5rem;color:#000000b3;text-align:center;font-size:.85em}.title{text-align:center}#app{width:100%;max-width:720px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;justify-content:center;text-align:center;min-width:0;box-sizing:border-box;overflow-x:clip}.core-crystal-container{display:flex;max-width:100%;justify-content:center}.hero-visual{position:relative;padding-bottom:8rem;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.core-row{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:-100px;position:relative;z-index:4}#app>h1{margin-top:2rem}.core-row .rotated-left{transform:rotate(-5deg);transform-origin:center}.core-row .rotated-right{transform:rotate(7deg);transform-origin:center}.human-image-wrapper{width:300px;height:300px}.human-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:1rem;display:block;cursor:pointer}.red-blob{position:absolute;left:50%;bottom:-20px;transform:translate(-50%);width:min(90vw,500px);height:240px;background:radial-gradient(circle at 40% 30%,#d6414bf2,#d6414bb3,#d6414b59),radial-gradient(circle at 60% 60%,rgba(255,95,115,.85),transparent 70%);border-radius:50% 45% 70% 65%;filter:blur(45px) saturate(1.3);opacity:.45;z-index:2;pointer-events:none;animation:rotate-blob 40s linear infinite}.purple-blob{position:absolute;left:50%;bottom:-40px;transform:translate(-50%);width:min(70vw,420px);height:200px;background:radial-gradient(circle at 60% 40%,#844cfca6,#7a36e259,#7a36e200),radial-gradient(circle at 35% 60%,rgba(96,18,160,.6),transparent 55%);border-radius:55% 45% 65% 60%;filter:blur(45px) saturate(1.25);opacity:.375;z-index:1;pointer-events:none;animation:rotate-blob 60s linear reverse infinite}.hero-modal{border:none;border-radius:1.5rem;padding:1.5rem 1.25rem;background:#fffffffa;box-shadow:0 10px 30px #00000040;width:min(90vw,360px);max-width:calc(100% - 2rem);position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;display:none;align-items:center;justify-content:center;text-align:center;z-index:20;--hero-backdrop-bg: rgba(0, 0, 0, 0);--hero-backdrop-blur: blur(0);box-sizing:border-box}.hero-modal[open]{display:flex;animation:hero-modal-enter .26s cubic-bezier(.2,0,0,1);--hero-backdrop-bg: rgba(0, 0, 0, .35);--hero-backdrop-blur: blur(14px)}.hero-modal::backdrop{background:var(--hero-backdrop-bg);-webkit-backdrop-filter:var(--hero-backdrop-blur);backdrop-filter:var(--hero-backdrop-blur);transition:background .42s ease,backdrop-filter .42s ease}.hero-modal-content{display:flex;flex-direction:column;gap:1rem}.hero-modal-close{border:none;border-radius:999px;background:#d6414b1f;color:#d6414b;padding:.5rem 1.5rem;font-size:.95rem;cursor:pointer;transition:background .15s ease}.hero-modal-close:hover{background:#d6414b40}@keyframes hero-modal-enter{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotate-blob{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.core-crystal-container svg{filter:drop-shadow(0 0 2.5rem rgba(214,65,75,.8))}@media (max-width: 720px){.core-row{flex-direction:column;margin-bottom:-60px}.hero-visual{padding-bottom:6rem}.human-image-wrapper{width:300px;height:300px}}.article-nav-links{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:.75rem;margin-bottom:1.5rem}.article-nav-links a{color:#1c1c1c;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:600}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}p{line-height:1.5}blockquote{font-family:"PT Serif",Times New Roman,serif;font-style:normal;font-weight:400;font-optical-sizing:auto;opacity:.9;color:var(--text-color);margin:2rem 0;padding:.75rem 0 .75rem 1rem;border-left:4px solid rgba(28,28,28,.25);line-height:1.6}blockquote a{opacity:1}@media (prefers-color-scheme: light){:root{color:var(--text-color);background-color:var(--page-bg-start)}a:hover{color:#747bff}button{background-color:#f9f9f9}}li{margin-bottom:1rem;line-height:1.5}