:root{line-height:1.5;color-scheme:light dark;color:#000;background-color:#c0e5ff;font-family:gopher;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;margin:0;display:flex;justify-content:center;align-items:center}.audioplayer{position:relative;width:400px;height:400px;margin:40px}.player{background-image:url(/assets/heijastus-quvxIX0e.jpg);background-position:center center;background-size:130%;width:400px;height:400px;border-radius:50%;position:relative;z-index:1;display:flex;justify-content:center;align-items:center}button{background:none;border:none;padding:0;cursor:pointer}button img.pause{width:auto;height:140px}button img.play{width:115px;height:auto}svg{position:absolute;top:-50px;left:-50px;width:500px;height:500px;z-index:2;pointer-events:none}.icon-overlay{position:absolute;top:213px;left:216px}.icon-overlay svg{width:30px}text{font-size:20px;fill:#000;font-weight:400}.titleText{font-size:26px}.header{position:fixed;top:0;left:0;right:0;height:60px;background-color:#c0e5ff;color:#fff;display:flex;align-items:center;justify-content:flex-end;padding:0 20px;z-index:1001}.toggle-btn{font-family:gopher;background:transparent;border:none;padding:8px 16px;cursor:pointer;color:#000;font-size:20px}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#c0e5ff;transition:height .3s ease;z-index:1000;color:#fff;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.ol-content{max-width:800px;padding:80px 40px 100px;color:#000;font-family:gopher}.ol-content h1{padding:0;margin:0;font-size:32px;font-weight:700}.ol-content p{margin:0 0 30px;font-weight:400;font-size:24px}.ol-content a{color:#000;text-decoration:underline}.ol-content a:hover{text-decoration:none}@media (max-width: 480px){.audioplayer{width:300px;height:300px;margin:20px}.player{width:300px;height:300px;background-size:130%}svg{width:400px;height:400px;top:-48px;left:-52px}.icon-overlay{position:absolute;top:168px;left:164px}text{font-size:26px}.titleText{font-size:32px}.ol-content h1{font-size:28px}.ol-content p,.ol-content a{font-size:16px}button img.pause{width:auto;height:100px}button img.play{width:90px;height:auto}.toggle-btn{font-family:gopher;background:transparent;border:none;padding:8px 16px;cursor:pointer;font-size:16px;color:#000}}.ripple{position:absolute;width:160px;height:160px;border-radius:50%;border:3px solid rgba(255,255,255,.5);opacity:0;pointer-events:none;transform-origin:center;transition:left 1s ease,top 1s ease}.ripple.active{animation:ripplePulse 5s infinite;opacity:1}@keyframes ripplePulse{0%{transform:scale(.2);opacity:.6}to{transform:scale(2);opacity:0;border:6px solid rgba(255,255,255,.5)}}