@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400&display=swap);.iridescent-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background-size:cover;color:#0000;display:inline-block;font-family:EB Garamond,serif;font-weight:900;letter-spacing:1.5px;text-shadow:0 0 6px #fff8,0 1px 4px #ff6ea799,0 0 1px #cb006955}.iridescence-footer{align-items:flex-end;bottom:0;display:flex;height:6vh;justify-content:stretch;overflow:hidden;position:fixed;z-index:10}.iridescence-bg,.iridescence-footer{left:0;pointer-events:none;width:100vw}.iridescence-bg{height:100%;position:absolute;top:0;z-index:1}.result-title-link{color:inherit;cursor:pointer;text-decoration:none}.result-title-link:hover{cursor:pointer}.countdown-clock{align-items:center;background:none;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;margin:24px auto 0;padding:12px 0 0}.countdown-clock,.countdown-clock p{color:#5ee6da;font-family:Nunito,sans-serif;font-size:clamp(18px,4vw,22px);font-weight:700;letter-spacing:1.2px;text-shadow:0 0 8px #5ee6da99,0 1px 4px #fff8,0 0 1px #cb006955}.countdown-clock p{margin:0;padding:0}.countdown-clock .text-lg{color:#5ee6da;font-family:Nunito,sans-serif;font-size:clamp(18px,4vw,22px);font-weight:700;letter-spacing:1.2px;text-shadow:0 0 8px #5ee6da99,0 1px 4px #fff8,0 0 1px #cb006955}.countdown-clock .text-pink-300{color:#5ee6da}.countdown-clock .text-red-400{color:#cb0069;font-size:clamp(12px,2vw,15px);font-weight:600;margin-top:4px;text-shadow:0 1px 2px #fff8}.particles-bg{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.app-container{position:relative;z-index:1}body{animation:fadeInBody 1s ease-out;background-attachment:fixed;background-color:#bc0e4d;background-image:url(/static/media/bg.7789acf4c3606e454e87.png);background-position:50%;background-size:cover;color:#fff;font-family:Nunito,sans-serif;margin:0;padding:0}@keyframes fadeInBody{0%{opacity:0}to{opacity:1}}a{color:inherit;text-decoration:none}.app-container{margin:20px auto;max-width:550px;padding:clamp(10px,2vw,20px);text-align:center}.header{margin-bottom:20px}.title-image{display:block;margin-left:auto;margin-right:auto;max-width:90%;width:100%}.subtitle-container{align-items:center;display:inline-flex;font-size:clamp(23px,4vw,32px);gap:clamp(8px,2vw,12px);justify-content:center;width:100%}.subtitle{color:#fff;font-family:EB Garamond,serif;font-size:inherit;font-weight:400;text-align:center}.subtitle-icon{height:1em;vertical-align:middle;width:auto}.subtitle2{color:#fff;font-family:Nunito,sans-serif;font-size:clamp(18px,4vw,22px);font-weight:400;margin-bottom:10px;text-align:center}hr{border:0;border-top:1px solid #fff;margin:10px 0}.day-info-container{gap:10px;justify-content:space-between;margin-bottom:10px;width:100%}.day-info,.day-info-container{align-items:center;display:flex}.day-info{background-color:#cb0069;border:2px solid #fff;border-radius:999px;box-shadow:0 1px 2px #2c002852,0 0 0 1px #32032d;color:#fff;cursor:pointer;font-size:clamp(15px,3vw,17px);font-weight:700;height:clamp(30px,6vw,38px);justify-content:center;letter-spacing:1.2px;margin:0 1px;min-height:30px;min-width:60px;outline:none;padding:0 18px;position:relative;transition:box-shadow .3s,background .3s,transform .2s;-webkit-user-select:none;user-select:none;width:auto;z-index:1}.day-info:focus,.day-info:hover{background-color:#cb0069;box-shadow:0 4px 16px #ff6ea755,0 0 0 4px #5ee6da55;transform:scale(1.08)}.day-info:active{box-shadow:0 1px 4px #5ee6da33,0 0 0 1px #fff;transform:scale(.96)}.info-button{align-items:center;background-color:#cb0069;border:2px solid #480040;border-radius:50%;cursor:pointer;display:flex;height:clamp(24px,6vw,28px);justify-content:center;transition:background-color .3s,transform .2s;width:clamp(24px,6vw,28px)}.info-button:hover{background-color:#a40349;transform:scale(1.1)}.question-button,.settings-button{align-items:center;background-color:#cb0069;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px #2c002852,0 0 0 1px #32032d;cursor:pointer;display:flex;height:clamp(30px,6vw,38px);justify-content:center;margin:0 1px;min-height:30px;min-width:30px;position:relative;transition:box-shadow .3s,background .3s,transform .2s;width:clamp(30px,6vw,38px)}.question-button .info-icon,.settings-button .info-icon{display:block;filter:drop-shadow(0 1px 2px #fff8) drop-shadow(0 0 2px #5ee6da88);font-size:inherit;height:1.3em;margin:auto;max-height:22px;max-width:22px;min-height:18px;min-width:18px;object-fit:contain;transition:filter .3s;width:1.3em}.question-button:focus,.question-button:hover,.settings-button:focus,.settings-button:hover{background-color:#cb0069;box-shadow:0 4px 16px #ff6ea755,0 0 0 4px #5ee6da55;transform:scale(1.08)}.question-button:hover .info-icon,.settings-button:hover .info-icon{filter:drop-shadow(0 2px 4px #ff6ea7cc) drop-shadow(0 0 2px #5ee6da)}.question-button:active,.settings-button:active{box-shadow:0 1px 4px #5ee6da33,0 0 0 1px #fff;transform:scale(.96)}.popup-overlay{align-items:center;animation:popup-fade-in .35s forwards;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}.popup-overlay.popup-fade-out{animation:popup-fade-out .35s forwards}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.info-popup{background-color:#f8bbd0;border:2px solid #cb0069;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:90%;padding:clamp(15px,4vw,20px);position:relative;text-align:left;width:clamp(300px,80vw,450px)}.popup-title{color:#e10e5d;font-family:EB Garamond,serif;font-size:clamp(20px,5vw,24px);margin-bottom:10px;text-align:center}.label{color:#480040;font-size:clamp(14px,3.5vw,16px);margin-bottom:15px}.popup-text,.popup-text-center{color:#480040;font-size:clamp(14px,3.5vw,16px);margin-bottom:10px}.popup-text-center{text-align:center}.popup-list{color:#480040;font-size:clamp(14px,3.5vw,16px);list-style-type:disc;margin-bottom:10px;padding-left:20px}.popup-list li{margin-bottom:5px}.popup-list strong,.popup-text strong{color:#cb0069}.popup-list code{background-color:#ffe4ef;border-radius:3px;color:#e10e5d;font-family:Courier New,monospace;padding:2px 4px}.popup-close-button{align-items:center;background-color:initial;border:2px solid #cb0069;border-radius:50%;cursor:pointer;display:flex;height:clamp(32px,8vw,36px);justify-content:center;position:absolute;right:clamp(10px,2.5vw,12px);top:clamp(10px,2.5vw,12px);transition:background-color .3s ease,transform .2s ease,border-color .3s;width:clamp(32px,8vw,36px)}.popup-close-button:hover{background-color:#cb00691a;border-color:#a40349;transform:scale(1.1)}.popup-close-button:active{transform:scale(.95)}.popup-close-button svg{stroke:#cb0069;height:clamp(20px,5vw,24px);width:clamp(20px,5vw,24px)}.progress-dots{display:flex;gap:12px;justify-content:center;margin-bottom:16px;padding:6px 0;width:100%}.dot{background:linear-gradient(135deg,#3a386a,#5ee6da);border:2px solid #fff;border-radius:50%;height:10px;opacity:.7;transition:background .3s,box-shadow .3s,transform .3s,opacity .3s,border .3s;width:10px}.dot.completed{background:linear-gradient(135deg,#02b7ae,#5ee6da);border:2px solid #5ee6da;opacity:1}.dot.active{animation:dot-pop .4s;background:linear-gradient(135deg,#ff6ea7,#5ee6da);border:2px solid #fff;opacity:1;transform:scale(1.25)}@keyframes dot-pop{0%{transform:scale(1)}60%{transform:scale(1.35)}to{transform:scale(1.25)}}.game-section{display:flex;flex-direction:column;gap:15px}.panel{align-items:center;background:linear-gradient(135deg,#f0c4d8,#fff);border:2px solid #480040;border-radius:5px;display:flex;gap:clamp(8px,2vw,12px);margin:0 auto;max-width:90%;min-height:60px;padding:clamp(8px,3vw,12px) clamp(10px,3vw,15px);position:relative;transition:background-color .3s;width:100%}.panel.locked{background-color:#f0c4d8;opacity:.5}.panel.active{background:linear-gradient(135deg,#e10e5d,#ff809b)}.input-container{flex:1 1;position:relative;width:100%}.play-button{align-items:center;background-color:#cb0069;border:2px solid #480040;border-radius:50%;cursor:pointer;display:flex;height:clamp(40px,12vw,50px);justify-content:center;min-height:44px;min-width:44px;overflow:visible;position:relative;transition:background-color .3s;width:clamp(40px,12vw,50px)}.play-button:before{border:3px solid #5ee6da;border-radius:50%;box-sizing:border-box;content:"";height:calc(100% + 14px);left:-7px;opacity:0;pointer-events:none;position:absolute;top:-7px;transition:opacity .2s,border-color .3s;width:calc(100% + 14px);z-index:1}.play-button.playing{background-color:#cb0069}.play-button.playing:before{animation:play-outline-spin 1s cubic-bezier(.4,.2,.2,1) infinite;animation:play-outline-spin var(--animation-duration,1s) cubic-bezier(.4,.2,.2,1) infinite;border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;box-shadow:0 0 12px 2px #5ee6da88,0 0 0 4px #fff2;opacity:1}.play-button.playing{--animation-duration:1s}.play-button.playing-0-5s{--animation-duration:0.5s}.play-button.playing-4s{--animation-duration:4s}.play-button:hover:not(:disabled){background-color:#a40349}.play-button:disabled{cursor:not-allowed;opacity:.5}.play-icon{height:auto;max-height:90%;max-width:90%;object-fit:contain;width:auto}.guess-input{background-color:#b2dfdb;border:2px solid #480040;border-radius:5px;box-sizing:border-box;color:#e10e5d;font-family:Nunito,sans-serif;font-size:clamp(14px,4vw,16px);outline:none;padding:clamp(8px,2vw,10px) clamp(30px,8vw,35px) clamp(8px,2vw,10px) clamp(8px,2vw,10px);width:100%}.guess-input::placeholder{color:#cb0069}.guess-input-wrong{animation:shakeWrong .28s cubic-bezier(.36,.07,.19,.97);background-color:#b2dfdb;border:2px solid crimson;border-radius:5px;color:#e10e5d;padding:clamp(8px,2vw,10px) clamp(30px,8vw,35px) clamp(8px,2vw,10px) clamp(35px,9vw,40px)}.guess-input-correct,.guess-input-wrong{box-sizing:border-box;font-family:Nunito,sans-serif;font-size:clamp(14px,4vw,16px);outline:none;width:100%}.guess-input-correct{animation:popCorrect .32s cubic-bezier(.36,.07,.19,.97);background-color:#e0ffe6;border:2px solid #4caf50;border-radius:5px;color:#388e3c;padding:clamp(8px,2vw,10px) clamp(30px,8vw,35px) clamp(8px,2vw,10px) clamp(8px,2vw,10px)}@keyframes shakeWrong{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}to{transform:none}}@keyframes popCorrect{0%{box-shadow:0 0 0 0 #4caf5022;transform:scale(1)}50%{box-shadow:0 0 4px 2px #4caf5022;transform:scale(1.035)}to{box-shadow:0 0 0 0 #4caf5022;transform:scale(1)}}.guess-input-wrong::placeholder{color:crimson;font-style:italic}.guess-input-correct::placeholder{color:#388e3c;font-style:italic}.skip-button{cursor:pointer;height:clamp(20px,6vw,24px);position:absolute;right:clamp(6px,1.5vw,8px);top:50%;transform:translateY(-50%);transition:opacity .3s,transform .2s;width:clamp(20px,6vw,24px)}.skip-button:hover:not([disabled]){opacity:1;transform:translateY(-50%) scale(1.1)}.skip-button[disabled]{cursor:not-allowed;opacity:.5}.panel-duration{bottom:.5px;color:#480040;font-size:clamp(12px,3.5vw,14px);position:absolute;right:clamp(10px,15vw,20px)}.panel-feedback-bubble{animation:feedback-pop .3s cubic-bezier(.5,1.8,.5,1) both;border-radius:18px;color:#cb0069;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;left:50%;max-width:220px;min-width:80px;padding:7px 16px;text-align:center;top:-20px;transform:translateX(-50%);white-space:pre-line;z-index:10}.panel-feedback-arrow:after,.panel-feedback-bubble{background:#fff;box-shadow:0 2px 8px #cb006933;position:absolute}.panel-feedback-arrow:after{border-radius:4px;content:"";display:block;height:18px;left:0;top:-9px;transform:rotate(45deg);width:18px}@keyframes feedback-pop{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}.song-info-panel{align-items:center;animation:popIn .6s ease-out;background-color:#f8bbd0;border:2px solid #cb0069;border-radius:5px;display:flex;justify-content:space-between;margin:30px auto 0;max-width:90%;padding:clamp(10px,3vw,15px) clamp(15px,4vw,20px);position:relative;width:100%}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.song-cover{border-radius:8px;height:clamp(80px,20vw,100px);margin-right:clamp(10px,3vw,15px);max-height:100px;max-width:100px;width:clamp(80px,20vw,100px)}.song-details{color:#e10e5d;flex:1 1;text-align:left}.song-title{font-size:clamp(18px,5vw,22px);font-weight:700}.next-song-button,.song-artists{font-size:clamp(14px,4vw,16px)}.next-song-button{align-items:center;background:linear-gradient(135deg,#cb0069,#8e0341);border:none;border-radius:24px;box-shadow:0 3px 8px #0003;color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-weight:700;gap:8px;justify-content:center;min-width:clamp(100px,25vw,120px);padding:clamp(10px,2.5vw,12px) clamp(18px,4.5vw,22px);transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.next-song-button:hover{background:linear-gradient(135deg,#e10e5d,#a40349);box-shadow:0 5px 12px #0000004d;transform:translateY(-2px)}.next-song-button:active{box-shadow:0 2px 6px #0003;transform:translateY(0)}.next-song-button svg{fill:#5ee6da;height:20px;transition:transform .3s ease;width:20px}.next-song-button:hover svg{transform:translateX(4px)}.result-guess-item.correct{color:green}.result-guess-item.incorrect{color:crimson}.results-section{animation:fadeSlideIn .6s ease-out;background:#f8bbd0;border:2px solid #cb0069;border-radius:8px;box-shadow:0 5px 10px #0000001a;gap:10px;margin:0 auto 8px;padding:clamp(0px,2vw,10px) clamp(0px,3vw,15px)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-divider{border:0;border-top:1px solid #cb0069;margin:2px auto;max-width:70%;width:100%}.results-summary{gap:10px}.copy-icon{height:clamp(22px,5vw,24px);transition:transform .2s;width:clamp(22px,5vw,24px)}.share-button:hover .copy-icon{transform:rotate(10deg)}.result-row{align-items:center;color:#480040;display:flex;font-size:clamp(18px,4vw,20px);font-weight:600;padding:clamp(8px,2vw,10px) clamp(10px,3vw,15px);text-align:left}.result-cover{border-radius:2px;height:clamp(40px,10vw,50px);margin-right:clamp(8px,2vw,10px);width:clamp(40px,10vw,50px)}.result-title{flex:1 1;font-weight:600}.result-status-icon{font-size:clamp(20px,6vw,28px);gap:10px}.result-status-icon,.score-summary{display:flex;justify-content:center}.score-summary{font-size:clamp(16px,4vw,18px);gap:clamp(20px,5vw,30px);margin:10px 0}.score-line{background-color:#ffe4ef;border:2px solid #cb0069;border-radius:10px;box-shadow:0 2px 6px #0000001a;min-width:clamp(80px,20vw,100px);padding:clamp(10px,2.5vw,12px) clamp(15px,4vw,20px);text-align:center}.score-line strong{color:#cb0069;display:block;font-size:clamp(20px,5vw,24px)}.score-line span{color:#480040;font-size:clamp(12px,3vw,14px);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.share-button{align-items:center;background:linear-gradient(135deg,#cb0069,#a40349);border:2px solid #480040;border-radius:24px;box-shadow:0 3px 6px #0003;color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:clamp(15px,4vw,17px);font-weight:700;gap:8px;justify-content:center;margin:12px auto;max-width:60%;min-height:48px;padding:clamp(10px,2.5vw,12px) clamp(16px,4vw,20px);text-transform:uppercase;transition:background .3s,transform .2s,box-shadow .3s;width:100%}.share-button:hover{background:#ff85b3;box-shadow:0 5px 10px #0000004d;transform:scale(1.05)}.share-button:active{transform:scale(.98)}.share-button:focus{box-shadow:0 0 0 3px #5ee6da80;outline:none}.results-section{display:flex;flex-direction:column;gap:20px;max-width:90%;width:100%}h2{color:#e10e5d;font-size:clamp(20px,5vw,24px);font-weight:700;text-shadow:1px 1px 2px #0003}.share-notif{animation:feedback-pop .3s cubic-bezier(.5,1.8,.5,1) both,fadeOut 2s .3s forwards;background:#fff;border-radius:18px;box-shadow:0 2px 8px #4caf5033;color:#4caf50;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;left:50%;max-width:220px;min-width:80px;opacity:1;padding:7px 16px;position:relative;text-align:center;transform:translateX(-50%);white-space:pre-line;z-index:10}@keyframes fadeOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-5px)}}.settings-section{margin-bottom:clamp(15px,4vw,20px);padding:clamp(12px,3vw,16px)}.settings-section label{color:#480040;display:block;font-family:Nunito,sans-serif;font-size:clamp(14px,3.5vw,16px);font-weight:600;margin-bottom:8px;text-align:left}.volume-control-row{align-items:center;display:flex;gap:2px}.volume-icon{height:38px;margin-right:2px;max-height:38px;max-width:38px;min-height:30px;min-width:30px;object-fit:contain;width:38px}.volume-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#cb0069 0,#cb0069 20%,#b2dfdb 20%,#b2dfdb);background:linear-gradient(to right,#cb0069 0,#cb0069 calc(var(--volume-value, .2)*100%),#b2dfdb calc(var(--volume-value, .2)*100%),#b2dfdb 100%);border-radius:5px;height:8px;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#5ee6da;border:2px solid #480040;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:20px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{background-color:#5ee6da;border:2px solid #480040;border-radius:50%;cursor:pointer;height:20px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:20px}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.volume-slider::-ms-thumb{background-color:#5ee6da;border:2px solid #480040;border-radius:50%;cursor:pointer;height:20px;-ms-transition:transform .2s ease;transition:transform .2s ease;width:20px}.volume-slider::-ms-thumb:hover{transform:scale(1.2)}.volume-slider.animated::-webkit-slider-thumb{animation:slider-pop .5s}.volume-slider.animated::-moz-range-thumb{animation:slider-pop .5s}.volume-slider.animated::-ms-thumb{animation:slider-pop .5s}@keyframes slider-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes play-outline-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.past-days-list-header{font-size:.95em;padding:0 4px}.app-container{padding:10px}.header{margin-bottom:15px}.title-image{margin-bottom:8px}.subtitle-container{font-size:clamp(20px,5vw,24px);gap:clamp(6px,1.5vw,8px)}.subtitle2{font-size:14px}.day-info-container,.subtitle2{margin-bottom:8px}.day-info{border-radius:18px;font-size:13px;height:auto;min-height:32px;min-width:60px;padding:4px 14px;width:auto}.info-button{height:22px;width:22px}.question-button,.settings-button{height:28px;min-height:28px;min-width:28px;width:28px}.question-button .info-icon,.settings-button .info-icon{max-height:18px;max-width:18px;min-height:16px;min-width:16px}.info-popup{padding:clamp(10px,3vw,15px);width:clamp(250px,85vw,320px)}.popup-title{font-size:clamp(18px,4.5vw,20px)}.popup-list,.popup-text{font-size:clamp(12px,3vw,14px)}.popup-close-button{height:clamp(28px,7vw,32px);right:clamp(8px,2vw,10px);top:clamp(8px,2vw,10px);width:clamp(28px,7vw,32px)}.popup-close-button svg{height:clamp(18px,4.5vw,20px);width:clamp(18px,4.5vw,20px)}.progress-dots{gap:6px;margin-bottom:8px}.dot{height:10px;width:10px}.panel{gap:8px;padding:clamp(6px,2vw,8px) clamp(8px,2vw,10px)}.guess-input{font-size:14px;padding:6px 30px 6px 8px}.guess-input-wrong{font-size:14px;padding:6px 30px 6px 35px}.play-button{height:40px;width:40px}.play-button:before{border-width:2px;height:calc(100% + 10px);left:-5px;top:-5px;width:calc(100% + 10px)}.play-icon{height:auto;max-height:70%;max-width:70%;object-fit:contain;width:auto}.skip-button{height:18px;right:6px;width:18px}.panel-duration{font-size:12px}.song-info-panel{align-items:center;animation:popIn .6s ease-out;display:flex;gap:clamp(8px,2vw,10px);justify-content:space-between;padding:clamp(8px,2vw,10px)}.song-cover{height:clamp(60px,15vw,80px);margin-right:clamp(8px,2vw,10px);max-height:80px;max-width:80px;width:clamp(60px,15vw,80px)}.song-details{flex:1 1;text-align:left}.song-title{font-size:clamp(16px,4vw,18px)}.next-song-button,.song-artists{font-size:clamp(12px,3.5vw,14px)}.next-song-button{min-width:clamp(80px,20vw,100px);padding:clamp(8px,2vw,10px) clamp(12px,3vw,15px);width:auto}.next-song-button svg{height:18px;width:18px}}@media (min-width:601px) and (max-width:768px){.header{margin-bottom:18px}.title-image{margin-bottom:10px}.subtitle-container{font-size:clamp(24px,4.5vw,28px);gap:6px}.subtitle2{font-size:16px}.day-info-container,.subtitle2{margin-bottom:10px}.day-info{border-radius:20px;font-size:14px;height:auto;min-height:34px;min-width:65px;padding:4px 16px;width:auto}.info-button{height:26px;width:26px}.question-button,.settings-button{height:30px;min-height:30px;min-width:30px;width:30px}.question-button .info-icon,.settings-button .info-icon{max-height:20px;max-width:20px;min-height:18px;min-width:18px}.info-popup{padding:clamp(12px,3.5vw,18px);width:clamp(320px,75vw,400px)}.popup-title{font-size:clamp(20px,4.5vw,22px)}.popup-list,.popup-text{font-size:clamp(14px,3.5vw,15px)}.popup-close-button{height:clamp(30px,7.5vw,34px);right:clamp(10px,2.5vw,12px);top:clamp(10px,2.5vw,12px);width:clamp(30px,7.5vw,34px)}.popup-close-button svg{height:clamp(18px,4.5vw,22px);width:clamp(18px,4.5vw,22px)}.progress-dots{gap:7px;margin-bottom:10px}.dot{height:11px;width:11px}.guess-input{font-size:15px;padding:8px 35px 8px 10px}.guess-input-wrong{font-size:15px;padding:8px 35px 8px 40px}.play-button{height:45px;width:45px}.play-button:before{border-width:2px;height:calc(100% + 10px);left:-5px;top:-5px;width:calc(100% + 10px)}.play-icon{height:auto;max-height:70%;max-width:70%;width:auto}.skip-button{height:22px;right:8px;width:22px}.panel-duration{font-size:14px}.song-cover{height:90px;width:90px}.settings-section{margin-bottom:clamp(12px,3vw,18px);padding:clamp(10px,2.5vw,14px)}.settings-section label{font-size:clamp(13px,3.5vw,15px)}.volume-slider{height:7px}.volume-slider::-moz-range-thumb,.volume-slider::-ms-thumb,.volume-slider::-webkit-slider-thumb{height:18px;width:18px}}button,input[type=button],input[type=range],input[type=reset],input[type=submit],input[type=text],select,textarea{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;box-shadow:none!important;outline:none!important;user-select:none;-webkit-user-select:none}button:focus,input[type=button]:focus,input[type=range]:focus,input[type=reset]:focus,input[type=submit]:focus,input[type=text]:focus,select:focus,textarea:focus{box-shadow:none!important;outline:none!important}button:focus-visible,input[type=button]:focus-visible,input[type=range]:focus-visible,input[type=reset]:focus-visible,input[type=submit]:focus-visible,input[type=text]:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:none!important;outline:none!important}.particles-container{height:100%;position:relative;width:100%}.past-days-list{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-height:60vh;overflow-y:auto;width:100%}.past-day-item{align-items:center;background:#ff6ea7;border:1.5px solid #fff2;border-radius:7px;box-shadow:0 1px 4px #cb006933;color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:.92em;font-weight:700;margin-bottom:2px;padding:7px 10px;position:relative;transition:background .22s,box-shadow .22s,transform .14s}.past-day-item:hover{border-color:#5ee6da;box-shadow:0 4px 16px #ff6ea755,0 0 0 4px #5ee6da33}.past-day-item .day-label{color:#fff;font-size:.92em;font-weight:900;letter-spacing:1px;margin-right:6px;text-shadow:0 1px 4px #cb006955,0 0 1px #fff8}.past-day-item .date-label{color:#ffe4ef;font-size:.8em;font-weight:600;margin-right:8px;text-shadow:0 1px 2px #5ee6da55}.past-day-item .score-label{margin-right:4px}.past-day-item .points-label,.past-day-item .score-label{border-radius:5px;color:#cb0069;font-size:.92em;font-weight:800;padding:1px 6px;text-shadow:0 1px 2px #fff8}.past-day-view{grid-gap:10px;display:grid;gap:10px;max-height:60vh;overflow-y:auto}.past-day-view .back-button{align-items:center;background:#ff6ea7;border:1.5px solid #fff2;border-radius:7px;box-shadow:0 1px 4px #cb006933;color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:1em;font-weight:700;justify-content:center;margin:auto;max-width:70%;min-width:0;padding:8px 0;position:relative;text-align:center;transition:background .22s,box-shadow .22s,transform .14s;white-space:normal;width:100%;word-break:break-word}@media (max-width:600px){.past-day-view .back-button{border-radius:6px;font-size:.9em;max-width:70%;min-width:0;padding:7px 0}}.past-day-view .back-button:hover{border-color:#5ee6da;box-shadow:0 4px 16px #ff6ea755,0 0 0 4px #5ee6da33}.past-day-view p,.past-days-list-header{color:#cb0069;font-size:1.08em;font-weight:600;margin:0;padding:0 6px;text-align:center}.back-button{background:#ff6ea7;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:.9em;margin:10px 0;padding:8px 16px;transition:transform .2s,box-shadow .2s}.back-button:hover{box-shadow:0 2px 4px #0003;transform:scale(1.05)}.back-button:active{transform:scale(.95)}@media (max-width:600px){.past-days-list{gap:7px;grid-template-columns:1fr;padding:5px}.past-day-item{border-radius:5px;flex-wrap:wrap;font-size:.88em;gap:5px;min-width:0;padding:6px 5px}.past-day-item .day-label{font-size:.95em;margin-right:4px}.past-day-item .date-label{font-size:.8em;margin-right:5px}.past-day-item .points-label,.past-day-item .score-label{font-size:.88em;margin-right:2px;padding:1px 4px}.back-button{font-size:.8em;padding:6px 12px}}.past-day-item{flex-wrap:wrap;min-width:0}.iridescence-container{height:100%;width:100%}
/*# sourceMappingURL=main.34b76190.css.map*/