:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{color:#eee;background:#07060a;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.unsupported{max-width:40rem;margin:15vh auto;padding:0 1.5rem;line-height:1.5}.unsupported pre{white-space:pre-wrap;background:#1b1a22;border-radius:4px;padding:.75em 1em}.unsupported code{background:#1b1a22;border-radius:4px;padding:.1em .4em}#app canvas>.screen-el{transform-origin:0 0;background:#000;position:absolute;top:0;left:0;overflow:hidden}.back{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0008;border:1px solid #fff4;border-radius:999px;padding:10px 18px;font-size:15px;position:absolute;bottom:24px;left:24px}.back:hover{background:#fff2}.hint{color:#fffa;letter-spacing:.02em;font-size:14px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}#app canvas.hover{cursor:pointer}.mute{color:#fff;cursor:pointer;background:#0008;border:1px solid #fff4;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute;top:24px;right:24px}#splash{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(#14151cd1,#08080cf2);justify-content:center;align-items:center;padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0}#splash[hidden]{display:none}.sp-card{text-align:center;color:#f4f5f8;flex-direction:column;align-items:center;gap:18px;max-width:560px;display:flex}.sp-badge{color:#ff5562;letter-spacing:.12em;text-transform:uppercase;background:#ff1b2d29;border-radius:999px;padding:6px 14px;font:700 13px/1 system-ui,sans-serif}.sp-title{letter-spacing:-.03em;margin:0;font:900 clamp(40px,8vw,76px)/1 system-ui,-apple-system,sans-serif}.sp-lede{color:#c9ccd6;margin:0;font:400 19px/1.45 system-ui,sans-serif}.sp-status{color:#8d919e;letter-spacing:.02em;margin:10px 0 0;font:600 16px/1.4 system-ui,sans-serif}#splash{transition:opacity .35s}#splash.done{opacity:0;pointer-events:none}.all-demos{z-index:30;color:#b9bccb;text-shadow:0 1px 2px #0009;font:14px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;position:fixed;top:14px;left:16px}.all-demos:hover{color:#fff}.credit{z-index:10;color:#9a9eab;text-shadow:0 1px 2px #0009;margin:0;font:400 12px/1.4 system-ui,sans-serif;position:fixed;bottom:24px;right:24px}.credit a{color:#c9ccd6;text-decoration:none}.credit a:hover{color:#fff;text-decoration:underline}