*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:transparent}canvas{display:block;width:100%;height:100%;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#sound{position:fixed;bottom:16px;left:16px;border:1px solid #ffffff60;border-radius:20px;background:#1a2445e6;color:#fff;padding:10px 16px;font:14px "Segoe UI",sans-serif;cursor:pointer}#sound:focus-visible{outline:2px solid #fff;outline-offset:3px}[hidden]{display:none!important}
body.preview{background:radial-gradient(ellipse at 15% 65%,#b4d4d8aa,transparent 70%),linear-gradient(155deg,#bbcddd,#eee4d4)}body.preview[data-palette=night]{background:radial-gradient(ellipse at 90% 70%,#c58e6588,transparent 70%),linear-gradient(155deg,#324858,#768399)}