:root[data-theme=dark]{--bg:#000;--fg:#fff;--ui:#ffffff1a;--ui-hi:#ffffff2b;--line:#fff3;--track:#2b2b2b;--fill:#a8a8a8}:root,:root[data-theme=light]{--bg:#fff;--fg:#111;--ui:#0000000d;--ui-hi:#0000001a;--line:#00000026;--track:#e2e2e2;--fill:#8c8c8c}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}canvas{display:block}.dev{flex-direction:column;gap:8px;width:300px;display:flex;position:fixed;top:12px;right:12px}.bar{gap:6px;display:flex}.bar button{color:var(--fg);background:var(--ui);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:999px;flex:1;padding:10px 8px;font:500 14px/1 system-ui,sans-serif}.bar button:hover{background:var(--ui-hi)}.loader{z-index:10;background:var(--bg);place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0}.loader.gone{opacity:0;pointer-events:none}.pct{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(to top, var(--fill) var(--p), var(--track) var(--p));color:#0000;-webkit-background-clip:text;background-clip:text;font:800 clamp(56px,14vw,132px)/1 system-ui,sans-serif}