:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: #ffffff;--text-color: #213547;--link-color: #646cff;--link-hover-color: #747bff;--button-bg: #f9f9f9;--button-border-hover: #646cff;--switch-plate-bg: #ffffff;--switch-toggle-bg: #ffffff;--switch-shadow: rgba(0, 0, 0, .15);color:var(--text-color);background-color:var(--bg-color)}html:has(#dark-mode-toggle:checked){color-scheme:dark;--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--link-color: #646cff;--link-hover-color: #535bf2;--button-bg: #1a1a1a;--button-border-hover: #646cff;--switch-plate-bg: #f5f5f5;--switch-toggle-bg: #ffffff;--switch-shadow: rgba(0, 0, 0, .3)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}html{height:100%;overflow:hidden}body{margin:0;padding:0;min-width:320px;height:100%;overflow:hidden}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:0;text-align:center;width:100%;height:100vh;overflow-y:auto;box-sizing:border-box}.intro-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;box-sizing:border-box}.intro-section{max-width:600px;text-align:left;animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-name{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-color);letter-spacing:-.02em}.intro-title{font-size:1.25rem;margin:0 0 1.5rem;color:var(--text-color);opacity:.8;font-weight:400}.intro-description{font-size:1.1rem;line-height:1.7;margin:0 0 2rem;color:var(--text-color);opacity:.9}.intro-link{color:var(--link-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.intro-link:hover{border-bottom-color:var(--link-color)}.intro-nav{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid;border-color:#21354726}html:has(#dark-mode-toggle:checked) .intro-nav{border-color:#ffffff26}.intro-nav-link{color:#888;text-decoration:none;font-size:1rem;font-weight:500;transition:color .2s ease;position:relative}.intro-nav-link:hover{color:#666}html:has(#dark-mode-toggle:checked) .intro-nav-link{color:#b3b3b3}html:has(#dark-mode-toggle:checked) .intro-nav-link:hover{color:#d9d9d9}.intro-nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--link-color);transition:width .2s ease}.intro-nav-link:hover:after{width:100%}@media(max-width:600px){.intro-name{font-size:2rem}.intro-title{font-size:1.1rem}.intro-description{font-size:1rem}.intro-nav{gap:1rem}}.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:var(--button-bg);color:var(--text-color);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--button-border-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.dark-mode-toggle{position:absolute;opacity:0;width:0;height:0;pointer-events:none;scroll-margin:0;scroll-margin-top:0;scroll-margin-bottom:0}.dark-mode-label{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;cursor:pointer;padding:.5rem;background:transparent;user-select:none;-webkit-user-select:none}.switch-plate{position:relative;display:block;width:2.5rem;height:3.5rem;background-color:var(--switch-plate-bg);border-radius:.4rem;box-shadow:0 3px 6px var(--switch-shadow),inset 0 1px #fffc,inset 0 -1px #0000001a;padding:.35rem .3rem;transition:background-color .3s ease,box-shadow .3s ease}.dark-mode-label:hover .switch-plate{box-shadow:0 6px 12px var(--switch-shadow),inset 0 1px #fffc,inset 0 -1px #0000001a}.switch-toggle{position:absolute;left:50%;top:.5rem;transform:translate(-50%);width:1.9rem;height:1.2rem;background-color:var(--switch-toggle-bg);border-radius:.2rem;box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffffe6,inset 0 -1px 1px #0000001a;transition:top .25s cubic-bezier(.4,0,.2,1);cursor:pointer}html:has(#dark-mode-toggle:checked) .switch-toggle{top:1.85rem}@media(max-width:600px){.dark-mode-label{top:1rem;right:1rem;padding:.375rem}.switch-plate{width:2.2rem;height:3rem;padding:.3rem .25rem}.switch-toggle{width:1.7rem;height:1rem;top:.45rem}html:has(#dark-mode-toggle:checked) .switch-toggle{top:1.85rem}}@media(prefers-color-scheme:light){:root{color-scheme:light}}