*{font-family:"DIY font";transition:all .2s}body{background-size:400% 400%;animation:softGradientAnimation 10s ease infinite;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;min-height:100vh}@keyframes softGradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.container{position:relative}.status-bar{display:inline-block;display:flex;align-items:center;background-color:rgba(255,255,255,.3);box-shadow:0 5px 15px rgba(0,0,0,.2);border-radius:10px;color:#444;padding:7px;font-size:14px;width:300px;margin-bottom:6px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.time{justify-content:center;font-weight:700;flex:1;text-align:left}.right-content{font-weight:700;text-align:right;justify-content:flex-end}.icons-container{display:flex;align-items:center}.signal-icons{width:30px;height:17px;background-image:url(../images/signal-icons.png);background-size:cover}.battery-icons{width:34px;height:17px;background-image:url(../images/battery-icons.png);background-size:cover;right:0}.tag{margin:5px;display:inline-block;padding:8px 11px;border-top-right-radius:10px;border-bottom-right-radius:10px;color:#403080}.big-card{width:300px;padding:8px;background-color:rgba(255,255,255,.2);box-shadow:0 5px 15px rgba(0,0,0,.2);backdrop-filter:blur(15px) saturate(150%) contrast(60%) brightness(120%);background-clip:padding-box;border-radius:10px;margin-bottom:10px}.container{display:flex;align-items:center}.avatar{width:60px;height:60px;padding:1.5px;border-radius:50%;background-color:#d3d3d3}.text-container{display:flex;flex-direction:column;margin-left:12px}.text-container p{margin:1px 0}.small-card{width:300px;padding:8px;background-color:rgba(255,255,255,.2);box-shadow:0 5px 15px rgba(0,0,0,.2);backdrop-filter:blur(15px) saturate(150%) contrast(60%) brightness(120%);background-clip:padding-box;border-radius:8px}.small-cards-container{display:flex;justify-content:center;gap:15px}.small-card.music-player{text-align:center}.additional-card{margin-top:10px}introduce{margin:0}.BOTTOM{box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;width:300px}.glass-button{width:45.75%;margin:5px;padding:15px;border:none;border-radius:15px;background:rgba(180,200,230,.2);backdrop-filter:blur(10px);color:#403080;font-size:16px;text-align:center;outline:0;transition:all .4s ease-in-out;box-shadow:0 4px 6px rgba(50,50,100,.1)}.glass-button:hover{background:rgba(200,220,240,.3);transform:translateY(-2px);box-shadow:0 6px 8px rgba(50,50,100,.15)}.big-card h2,.big-card p,.small-card h3,.small-card p{font-size:14px}.success-popup{opacity:0;animation:slideDown .5s ease forwards;font-size:16px;padding:10px 15px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.4)}@keyframes slideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.album-art{display:block;margin:0 auto;width:110px;height:110px;border-radius:50%;object-fit:cover}.song-title{margin:3px;text-align:center;font-size:15px}.artist-name{margin:0 auto;text-align:center;font-size:3px;color:#444}.controls{margin:0;margin-top:20px}.progress-bar-container{margin:20px 0}.progress-bar{width:70%;height:4px;background-color:#ddd;border-radius:6px;position:relative;margin:3px auto}.progress{height:100%;background-color:#5dc6ff;border-radius:4px;width:0%;transition:width .3s ease;margin:0 auto}.time-display{font-size:14px;color:#888}.control-btn{background-color:rgba(255,255,255,.1);backdrop-filter:blur(10px) saturate(150%) contrast(60%) brightness(120%);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;outline:0;box-shadow:none;margin-top:-12px;transition:transform .3s ease}.control-btn:hover{transform:scale(1.1)}.fas,.material-icons{font-size:15px;color:#fff}.controls{display:flex;gap:10px;justify-content:center}.control-btn.active{background-color:rgba(255,255,255,.2)}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.album-art{display:block;margin:0 auto;width:110px;border-radius:50%;object-fit:cover;animation:none}.popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);min-width:280px;background:linear-gradient(to bottom,#5dc6ff,#fff);border-radius:20px;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);z-index:9999;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;align-items:center}.song-item{color:#5d82ff;padding:5px 0;border-bottom:1px solid #ddd;cursor:pointer}ong-item:last-child{border-bottom:none}.song-item:hover{background-color:#f0f0f0}.popup button{margin-top:8px;background-color:#87ceeb;border:none;padding:10px 20px;border-radius:10px;color:#fff;font-weight:700;transition:background-color .3s ease}.popup button:hover{background-color:#4682b4}.popup img{margin-top:0 auto;width:80px;height:80px}.big-card.additional-card{position:relative}.big-card.additional-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #476ff1;border-radius:10px;animation:navCardClipPath 3s infinite linear;pointer-events:none}@keyframes navCardClipPath{0%,100%{clip-path:inset(0 0 95% 0)}25%{clip-path:inset(0 95% 0 0)}50%{clip-path:inset(95% 0 0 0)}75%{clip-path:inset(0 0 0 95%)}}.ads.big-card{text-align:center;color:#7656f4}.ads.big-card .ad-text{display:flex;justify-content:center;margin-bottom:0}a{color:#7656f4;text-decoration:none}