:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5dce1;--brand:197,120,138;--brand-strong:150,60,80;--bg:18,10,13;--bg-2:28,14,18;font-family:VT323,ui-monospace,Menlo,Monaco,Consolas,monospace;font-weight:400;line-height:1.4}a{color:#ffd2dc;text-decoration:none}a:hover{color:#ffeaf0}body{background-color:rgb(var(--bg));grid-template-rows:1fr auto;min-width:320px;min-height:100vh;margin:0;display:grid}h1{font-size:3.2em;line-height:1.1}#app{text-align:center;place-items:center;padding:2rem;display:grid}.hero{gap:24px;display:grid}.video-wrap{aspect-ratio:16/9;background:rgb(var(--bg-2));outline:1px solid rgba(var(--brand),.25);border-radius:8px;width:min(720px,92vw);position:relative;overflow:hidden}.video-wrap img,.video-wrap video{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.actions{grid-template-columns:repeat(2,minmax(120px,1fr));gap:16px;display:grid}.btn{appearance:none;border:1px solid rgba(var(--brand),.5);background:rgb(var(--bg-2));color:#f5dce1;letter-spacing:.3px;box-shadow:0 0 0 2px rgba(var(--brand),.12)inset;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.btn:hover{box-shadow:0 0 0 2px rgba(var(--brand),.25)inset;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--tonal{background:rgba(var(--brand),.12)}.btn--primary{background:rgba(var(--brand-strong),.35)}.btn .dot{background:#ffd2dc;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #ffd2dc29}.logo{will-change:filter;height:6em;padding:1.5em;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{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}