@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--void:#07060f;--void-2:#100e1f;--void-3:#191631;--ink:#f4f2ff;--ink-soft:#b3aed0;--rule:#2b2748;--magenta:#ff3d9a;--cyan:#2de2ff;--green:#5dffb0;--gold:#ffd24a;--violet:#a98bff;--orange:#ff8a3d;--spectrum:linear-gradient(100deg, var(--magenta), var(--violet) 35%, var(--cyan) 65%, var(--green));--accent:var(--cyan);--display:"Space Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--measure:42rem;--wide:72rem}body[data-section=see]{--accent:var(--magenta)}body[data-section=engine]{--accent:var(--cyan)}body[data-section=tools]{--accent:var(--green)}body[data-section=learn]{--accent:var(--orange)}body[data-section=notebook]{--accent:var(--gold)}body[data-section=about]{--accent:var(--violet)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--void);color:var(--ink);font-family:var(--body);text-rendering:optimizelegibility;margin:0;font-size:1.125rem;line-height:1.65}::selection{background:var(--magenta);color:#fff}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;font-weight:700;line-height:1.02}h1{margin:0 0 1.25rem;font-size:clamp(2.6rem,7vw,5rem)}h2{margin:3.5rem 0 .9rem;font-size:clamp(1.7rem,3.5vw,2.3rem);line-height:1.1}h3{letter-spacing:-.02em;margin:2.25rem 0 .5rem;font-size:1.35rem;line-height:1.15}p{text-wrap:pretty;margin:0 0 1.2rem}strong{color:#fff}hr{background:var(--spectrum);opacity:.7;border:0;height:2px;margin:3.5rem 0}blockquote{border-left:3px solid var(--accent);font-family:var(--display);color:var(--ink);margin:2rem 0;padding:.25rem 0 .25rem 1.4rem;font-size:1.4rem;line-height:1.3}blockquote p{margin:0}code{background:var(--void-3);border-radius:4px;padding:.1em .35em;font-size:.9em}.wrap{width:100%;max-width:var(--wide);margin:0 auto;padding:0 1.25rem}.prose{max-width:var(--measure)}.prose h2:before{content:"";background:var(--accent);border-radius:2px;width:3rem;height:4px;margin-bottom:1rem;display:block}.spectrum{background:var(--spectrum);color:#0000;-webkit-background-clip:text;background-clip:text}.label{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.82rem;font-weight:600}.label a{text-decoration:none}.lede{font-family:var(--display);color:var(--ink-soft);letter-spacing:-.01em;margin-bottom:2.25rem;font-size:clamp(1.3rem,2.4vw,1.65rem);line-height:1.35}.status{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:999px;padding:.2rem .7rem;font-size:.74rem;font-weight:600;display:inline-block}.site-header{z-index:10;background:color-mix(in srgb, var(--void) 82%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 2rem;padding-top:.55rem;padding-bottom:.55rem;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:1.15rem;font-weight:700;text-decoration:none}.wordmark b{background:var(--spectrum);color:#0000;-webkit-background-clip:text;background-clip:text}.wordmark{margin-right:auto}.logo{border-radius:8px;line-height:0;display:block}.logo img{width:52px;height:52px;transition:transform .2s;display:block}.logo:hover img{transform:rotate(-6deg)scale(1.08)}.site-nav{font-family:var(--display);flex-wrap:wrap;gap:.2rem 1.5rem;font-size:.98rem;font-weight:500;display:flex}.site-nav a{color:var(--ink-soft);border-bottom:2px solid #0000;padding:.25rem 0;text-decoration:none}.site-nav a:hover{color:var(--ink)}.site-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}main{padding:4rem 0 6rem}.site-footer{border-top:1px solid var(--rule);color:var(--ink-soft);padding:2.5rem 0 3.5rem;font-size:.95rem}.site-footer:before{content:"";background:var(--spectrum);height:3px;margin-top:-2.5rem;margin-bottom:2.5rem;display:block}.site-footer p{margin:0 0 .5rem}.site-footer .wink{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;font-size:1.25rem}.hero{border-bottom:1px solid var(--rule);align-items:flex-end;min-height:min(86vh,52rem);display:flex;position:relative;overflow:hidden}.hero canvas{width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(to top, var(--void) 2%, transparent 40%), linear-gradient(to right, color-mix(in srgb, var(--void) 55%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}.hero .wrap{z-index:1;padding-top:6rem;padding-bottom:4rem;position:relative}.hero h1{max-width:14ch;margin-bottom:1.75rem;font-size:clamp(2.9rem,9vw,7rem)}.hero h1 span{display:block}.hero h1,.hero p{text-shadow:0 2px 24px var(--void), 0 0 6px var(--void)}.hero h1 .spectrum{text-shadow:none;filter:drop-shadow(0 2px 14px var(--void))}.hero p{max-width:36rem;color:var(--ink);font-size:1.2rem}.band{border-bottom:1px solid var(--rule);padding:5rem 0}.band.tint{background:radial-gradient(60rem 30rem at 85% 0%, color-mix(in srgb, var(--violet) 22%, transparent), transparent 70%), var(--void-2)}.shout{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:20ch;margin:.75rem 0 2rem;font-size:clamp(2rem,5.2vw,4rem);font-weight:700;line-height:1.05}.band .prose p{font-size:1.2rem}.cards{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.card{--c:var(--accent);background:var(--void-2);border:1px solid var(--rule);border-top:4px solid var(--c);height:100%;color:inherit;border-radius:10px;padding:1.6rem 1.5rem 1.5rem;text-decoration:none;transition:transform .15s,border-color .15s,background .15s;display:block;position:relative}.card:hover{border-color:var(--c);background:var(--void-3);transform:translateY(-4px)}.card .label{color:var(--c)}.card .status{color:var(--c);border-color:var(--c)}.card h2,.card h3{margin:.6rem 0;font-size:1.55rem;line-height:1.08}.card h2:before{display:none}.card p{color:var(--ink-soft);margin:0;font-size:1.02rem;line-height:1.55}.card .top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.c-magenta{--c:var(--magenta)}.c-cyan{--c:var(--cyan)}.c-green{--c:var(--green)}.c-gold{--c:var(--gold)}.c-orange{--c:var(--orange)}.play{width:min(100vw - 3.5rem,90rem);margin:.5rem 0 3rem;position:relative;left:50%;transform:translate(-50%)}.play .bar{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1rem;display:flex}.play .bar .note{flex:20rem;margin:0}.play button.button{cursor:pointer;border:0}.play iframe:fullscreen{border:0;border-radius:0}.play iframe{aspect-ratio:16/9;border:1px solid var(--rule);border-top:4px solid var(--accent);background:#000;border-radius:10px;width:100%;display:block}.play .waiting{text-align:center;aspect-ratio:16/9;border:1px dashed var(--rule);border-top:4px solid var(--accent);background:var(--void-2);color:var(--ink-soft);border-radius:10px;place-items:center;padding:1.5rem;display:grid}.play .waiting strong{font-family:var(--display);margin-bottom:.4rem;font-size:1.5rem;display:block}.rows{counter-reset:row;max-width:52rem;margin:2.5rem 0 0;padding:0;list-style:none}.rows li{border-top:1px solid var(--rule);padding:1.6rem 0}ol.rows li{counter-increment:row;grid-template-columns:4.5rem 1fr;display:grid}ol.rows li:before{content:counter(row, decimal-leading-zero);font-family:var(--display);color:var(--accent);font-size:2.2rem;font-weight:700;line-height:1}ol.rows li>*{grid-column:2}.rows a{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.1;text-decoration:none}.rows a:hover{color:var(--accent)}.rows p{color:var(--ink-soft);margin:.5rem 0 0}.pair{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;margin:2rem 0;display:grid}.pair>div{background:var(--void-2);border:1px solid var(--rule);border-radius:10px;padding:1.4rem 1.5rem}.pair h3{margin:0 0 .75rem}.pair ul{color:var(--ink-soft);margin:0;padding-left:1.1rem;font-size:1.02rem}.pair li{margin-bottom:.4rem}.pair .yes{border-top:4px solid var(--green)}.pair .no{border-top:4px solid var(--magenta)}.button{font-family:var(--display);background:var(--accent);color:var(--void);border-radius:999px;padding:.75rem 1.3rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{filter:brightness(1.12)}.note{color:var(--ink-soft);font-size:.92rem}.prose .eq{color:var(--ink);border-left:2px solid var(--accent);white-space:nowrap;margin:.75rem 0 1.25rem;padding:.4rem 1.1rem;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-style:italic;line-height:1.9;overflow-x:auto}.prose .eq sup,.prose .eq sub{font-size:.7em;line-height:0}.next{border-top:1px solid var(--rule);max-width:var(--measure);margin-top:4rem;padding-top:1.75rem}.next a{font-family:var(--display);letter-spacing:-.02em;font-size:1.6rem;font-weight:700;text-decoration:none}.empty{color:var(--ink-soft);font-style:italic}@media (width<=40rem){.logo{order:2}.logo img{width:44px;height:44px}.site-nav{order:3;width:100%}ol.rows li{grid-template-columns:3.2rem 1fr}.band{padding:3.5rem 0}main{padding-top:2.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}