:root{color-scheme:dark;background:#000}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}#viewer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;background:#000;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}#viewer.dragging{cursor:grabbing}#viewer canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}#viewer #snow{pointer-events:none}#snow-fallback{display:none}#viewer #snow.composited{opacity:0}#snow-controls{position:fixed;right:16px;bottom:16px;z-index:2;display:flex;gap:8px}#snow-controls[hidden]{display:none}#snow-controls button{padding:6px 12px;border:1px solid #ffffff2e;border-radius:999px;background:#000000b3;color:#d8dde6;font:12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#snow-controls button:hover{border-color:#fff6;color:#fff}#snow-controls button:focus-visible{outline:2px solid #c9d6ff;outline-offset:2px}#snow-controls button[aria-pressed=true]{background:#f2f2f2;border-color:#f2f2f2;color:#000}#snow-controls #rgb-toggle[aria-pressed=true]{background:linear-gradient(90deg,#ff5a5a,#ffd84a,#5aff8c,#5ac8ff,#b45aff);border-color:transparent;color:#000}