:root{--gradient-bg: linear-gradient(0deg, rgba(27, 17, 77, 1) -8.35%, rgba(29, 22, 87, 1) -5.1%, rgba(51, 65, 174, 1) 28.53%, rgba(59, 82, 208, 1) 43.72%, rgba(53, 100, 213, 1) 51.31%, rgba(37, 146, 225, 1) 67.59%, rgba(12, 219, 245, 1) 89.28%, rgba(0, 255, 255, 1) 100.13%);--play-icon-color: white;--accent-color: rgba(255, 0, 255, .6);--accent-color-fade1: rgba(255, 0, 128, .4);--accent-color-fade2: rgba(128, 0, 128, .1)}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.loading{display:flex;align-items:center;position:fixed;inset:0;z-index:999;background:var(--gradient-bg);transform:rotate(-180deg);transition:opacity 3s;opacity:1}.loading--complete{opacity:0}.loading svg{margin:auto;width:10rem;height:10rem;background:transparent;shape-rendering:auto}.loading path{fill:none;stroke:#ff0cb8;transform:scale(.8);transform-origin:50px 50px}#play-icon{position:fixed;top:calc(50% - 60px);left:calc(50% - 60px);width:120px;height:120px;fill:var(--play-icon-color);visibility:hidden;z-index:999;opacity:0;transition:opacity 1s;cursor:pointer}#play-icon.fade-in{opacity:1;visibility:visible}#gradient-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at 70% 85%,var(--accent-color) 0%,var(--accent-color-fade1) 15%,var(--accent-color-fade2) 40%,transparent 60%,transparent 80%),radial-gradient(circle at 25% 55%,rgba(100,0,200,.3) 0%,rgba(100,0,200,.1) 20%,transparent 40%),linear-gradient(to bottom,#030013,#050220,#0e0430,#220543 60%,#4d0043,#1a0425 90%,#040112);box-shadow:inset 0 0 150px #8000ff26}