@import"https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap";:root{--code-surface: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 3.1rem), linear-gradient(180deg, #263156 0%, #212b4a 100%);--code-outline: rgba(68, 82, 130, .45);--code-shadow: 0 18px 34px -12px rgba(45, 57, 102, .24);--code-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);--code-text: #edf1ff;--code-muted: #aeb8d8;--code-keyword: #ff8a9c;--code-string: #ffb394;--code-number: #f0d38a;--code-accent: #7ef1d0;--code-selection: rgba(214, 65, 75, .32)}pre{display:block;border:0;border-radius:0;overflow-x:auto;overflow-y:hidden;white-space:pre;padding:.9em 1.15em 1.05em;background:transparent;box-shadow:none;width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior-x:contain;margin:0}pre.code-block{padding-top:3.5em}.code-block-shell{position:relative;border:1px solid var(--code-outline);border-radius:24px;background:var(--code-surface);box-shadow:var(--code-shadow),var(--code-inner-shadow);overflow:hidden;margin:1.25rem 0}.code-block-shell+.code-block-shell{margin-top:1.75rem}code{border-radius:999px;padding:.18em .52em;font-size:.9rem;background:#465b961f;color:#23305f;box-shadow:inset 0 0 0 1px #465b961f}pre code{display:block;width:max-content;min-width:100%;max-width:none;font-size:1rem;line-height:1.7;white-space:pre;word-wrap:normal;word-break:normal;overflow:visible;box-sizing:border-box;-webkit-overflow-scrolling:touch;background:transparent;color:var(--code-text);box-shadow:none;padding:.45rem .2rem 0}pre code::selection,pre code *::selection{background:var(--code-selection)}.code-copy-button{position:absolute;top:.8em;right:.8em;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--code-text);cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}@media (max-width: 720px){pre{padding:.85em .95em 1em}.code-block-shell{border-radius:20px;margin:1rem 0}.code-block-shell+.code-block-shell{margin-top:1.35rem}.code-copy-button{width:40px;height:40px}}.code-copy-button:hover{background:#ffffff24;border-color:#ffffff52;box-shadow:0 8px 18px #0d122647}.code-copy-button:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:2px}.code-copy-button.is-copied{background:#7ef1d029;border-color:#7ef1d08f}.code-copy-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--code-text)}.code-copy-icon svg{display:block;fill:currentColor;margin:0;padding:0}.hljs{color:var(--code-text)}.hljs-comment,.hljs-quote{color:var(--code-muted);font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:var(--code-keyword)}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:var(--code-text)}.hljs-literal{color:var(--code-keyword)}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:var(--code-string)}.hljs-built_in,.hljs-class .hljs-title{color:#dce4ff}.hljs-number{color:var(--code-number)}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:var(--code-accent)}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#c8d6ff}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}@media (max-width: 720px){pre.code-block{padding-top:3.35em}pre code{font-size:.95rem;line-height:1.65}}: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}.footnote-ref{color:var(--accent-red);cursor:pointer;text-decoration:none;font-size:.75em;vertical-align:super}.footnote-ref:hover{text-decoration:underline}.footnote-def{display:block;width:100%;box-sizing:border-box;font-size:.85em;color:#000000b3;margin-top:.5rem;padding:.5rem 0 .5rem 1rem;border-left:2px solid rgba(0,0,0,.15);line-height:1.5}.footnote-def .footnote-num{color:var(--accent-red);font-weight:600;margin-right:.25rem;text-decoration:none}.footnote-def .footnote-num:hover{text-decoration:underline}