:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{color:#e8e8ee;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;background:#0b0b10;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.app{background:#0b0b10;flex-direction:column;display:flex;position:fixed;inset:0}.app__canvas{touch-action:none;flex:auto;width:100%;height:100%;display:block}.app__hint{left:50%;bottom:max(20px, env(safe-area-inset-bottom));letter-spacing:.08em;color:#ffffff8c;pointer-events:none;font-size:12px;font-weight:500;transition:opacity .6s;position:absolute;transform:translate(-50%)}.app__hint--hidden{opacity:0}.app__shuffle{right:max(16px, env(safe-area-inset-right));top:max(16px, env(safe-area-inset-top));appearance:none;color:#ffffffd9;letter-spacing:.06em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500;transition:background .2s,border-color .2s,color .2s;position:absolute}.app__shuffle:hover{color:#fff;background:#ffffff14;border-color:#fff3}.app__shuffle:active{background:#ffffff1f}