:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(145deg,#242424,#0c0c0c);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{display:grid;place-items:center;width:100vw;height:100dvh}button{border:none;background:none;cursor:pointer}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:80%;height:100%;padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:default}#face{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}#alert{font-family:Oxanium,sans-serif;font-weight:200;font-size:1rem;font-weight:500;color:#dc143c;animation:blinker 1s infinite}#time-container{font-family:Oxanium,sans-serif;font-weight:600;font-size:clamp(4rem,18vw,8rem);color:#1e90ff;display:grid;place-items:center}#minutes-left{font-family:Oxanium,sans-serif;font-weight:200;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:500;color:#1e90ff}.backToBlue{animation:backToBlue 5s}@keyframes backToBlue{0%{color:#1e90ff}25%,75%{color:#dc143c}to{color:#1e90ff}}.blinker{animation:blinker 1s infinite}@keyframes blinker{0%{opacity:0%}50%{opacity:100%}to{opacity:0%}}:root{--gradient-dark: linear-gradient(145deg, deepskyblue, dodgerblue);--gradient-main: linear-gradient(145deg, white, whitesmoke)}#player{background-image:var(--gradient-dark);background-origin:border-box;box-shadow:inset 0 100vw #0c0c0c;border:1px solid transparent;border-radius:5px;width:275px;height:55px;display:flex;justify-content:space-evenly;align-items:center}#player button{display:grid;place-items:center}#player svg{width:30px;fill:url(#MyGradient)}#waveform{background-image:var(--gradient-dark);background-origin:border-box;box-shadow:inset 0 100vw #0c0c0c;border:1px solid transparent;border-radius:4px;width:60%;height:70%;display:grid;place-content:center}#waveform audio{display:none}#waveform svg{width:100%;height:20px}#waveform rect{width:20px}@keyframes growShrink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.audio-bar{animation:growShrink 2s infinite ease-in-out;transform-origin:center center;z-index:1}#b{width:150px;width:clamp(100px,35vw,150px);display:grid;place-items:center}#b text{fill:#ffffff40;transition:fill .3s ease}#b path{fill:#ffffff40;transition:fill .3s ease}#b:hover text{fill:#1e90ff}#b:hover path{fill:#dc143c}p{font-family:Oxanium;text-align:center;font-size:.9rem;color:#dc143c}