:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(180deg,#181818,#000);background:#1b1718;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--neongradient: linearGradient(180deg, #f2fd00, #10e473 20%,#7d00ce 50%, #ff00e0)}@font-face{font-family:neontubes;src:url(https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.eot);src:url(https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.eot?#iefix) format("embedded-opentype"),url(https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.woff2) format("woff2"),url(https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.woff) format("woff"),url(https://bitbucket.org/kennethjensen/webfonts/raw/fc13c1cb430a0e9462da56fe3f421ff7af72db71/neontubes/neontubes-webfont.ttf) format("truetype");font-weight:400;font-style:normal}header span{display:block;position:relative;-webkit-transform:translateZ(0) translate3D(0,0,0);transform:translateZ(0) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:opacity}header .neon{color:#ff426f;font-family:neontubes;font-size:3.5rem}@-webkit-keyframes buzz{70%{opacity:.8}}@keyframes buzz{70%{opacity:.8}}@-webkit-keyframes blink{40%{opacity:1}42%{opacity:.8}43%{opacity:1}45%{opacity:.2}46%{opacity:1}}@keyframes blink{40%{opacity:1}42%{opacity:.8}43%{opacity:1}45%{opacity:.2}46%{opacity:1}}@media screen and (min-width: 1000px){.main{width:400px;font-size:150px}.main .socod{font-size:103px}}*{box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{outline:none;background:none;border:none}h1{font-size:3.2em;line-height:1.1}#app{min-width:320px;max-width:1280px;margin:0 auto;display:grid;grid-template-rows:25% 1fr auto;height:100vh;height:100svh}.spectrum-background{background:linear-gradient(red,transparent),linear-gradient(to top left,lime,transparent),linear-gradient(to top right,blue,transparent);background-blend-mode:screen}svg#qr-svg{fill:#f1f1f1}header{display:flex;align-items:center;justify-content:center;gap:2rem;flex-direction:column}header h2{font-family:newon;font-size:4rem;letter-spacing:15px;color:#f0536d}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.main-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;position:relative}#player{position:relative;display:flex;justify-content:center;align-items:center;flex-grow:1}.audio-player{position:relative;display:flex;justify-content:center;align-items:center}.progress-ring{position:relative;display:flex;justify-content:center;align-items:center;width:auto}.progress-ring__svg{transform:rotate(-90deg) scale(1.5);transform-origin:50% 50%}.progress-ring__circle{transition:stroke-dashoffset .1s linear;transform-origin:50% 50%}.progress-ring__background{stroke-linecap:round;stroke:#3b3b3b}.play-button{width:100%;padding:1rem 0;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#312a2e}.bottom-container{align-self:end}.play-button svg{width:45px;fill:#fff}#soundwave{z-index:20;height:100px;width:55%}#soundwave2{z-index:20;height:100px;width:55%;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}#start-scan{padding-top:2rem}.scanner-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;background:#120e17;display:flex;justify-content:center;align-items:center;z-index:1000}#qr-video{width:100%;max-width:400px;height:auto;object-fit:cover}.scan-region-highlight-svg{stroke:#fff!important}#stop-scan{position:absolute;top:3rem;right:3rem;z-index:2000;background:#0003}.hidden{display:none}.progress-bar-left,.progress-bar-right{position:absolute;width:10px;height:0;background:linear-gradient(180deg,#f2fd00 10%,#10e47e,#7d00ce,#ff00e0);transition:height .1s ease}.progress-bar-left{left:0;top:0}.progress-bar-right{right:0;top:0}