.player-ui[data-v-f232ccad]{background:#ffffff80;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:20px;display:flex}.info[data-v-f232ccad]{margin-top:10px}.progress-bar[data-v-f232ccad]{cursor:pointer;background:#d6efff;border-radius:3px;width:80%;max-width:400px;height:6px;margin:15px 0}.progress[data-v-f232ccad]{background:linear-gradient(90deg,#4db8ff,#6ee7ff);border-radius:3px;height:100%;transition:width .2s}.controls[data-v-f232ccad]{margin-top:10px}.controls button[data-v-f232ccad]{color:#4db8ff;background:#fff;border:1px solid #4db8ff;border-radius:6px;margin:5px;padding:8px 12px}.container[data-v-f232ccad]{gap:20px;display:flex}.playlist[data-v-f232ccad]{background:#fff9;border:1px solid #bfe3ff;border-radius:10px;width:40%;padding:10px}.song[data-v-f232ccad]{cursor:pointer;border-radius:6px;padding:10px}.song[data-v-f232ccad]:hover{background:#4db8ff22}.song.active[data-v-f232ccad]{background:#4db8ff33;box-shadow:0 0 6px #4db8ff}.cover[data-v-f232ccad]{object-fit:cover;image-rendering:auto;filter:contrast(1.05)brightness(1.02);border:8px solid #111;border-radius:50%;width:160px;height:160px;margin:0 auto;transition:transform .3s;animation:8s linear infinite paused spin-f232ccad;position:relative;box-shadow:0 0 0 2px #000,0 0 15px #0006}.cover.spinning[data-v-f232ccad]{animation-play-state:running}.cover-box.playing[data-v-f232ccad]{transition:transform .3s;transform:scale(1.05)}@keyframes spin-f232ccad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game[data-v-b20deb4a]{text-align:center}canvas[data-v-b20deb4a]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff4d;border:2px solid #4db8ff;border-radius:10px;margin-top:20px}.info[data-v-b20deb4a]{margin-top:10px}.hero[data-v-b0e8d263]{border-radius:10px;height:300px;position:relative;overflow:hidden}.bg[data-v-b0e8d263]{object-fit:cover;filter:brightness(.8)contrast(1.2);width:100%;height:100%}.overlay[data-v-b0e8d263]{background:linear-gradient(#6ce8e80d,#4db8ff40);position:absolute;inset:0}.profile[data-v-b0e8d263]{color:var(--text);position:absolute;bottom:20px;left:20px}.avatar[data-v-b0e8d263]{border:2px solid var(--primary);width:80px;height:80px;box-shadow:0 0 10px var(--primary);border-radius:50%}.tabs[data-v-b0e8d263]{justify-content:center;margin:20px;display:flex}.tabs button[data-v-b0e8d263]{border:1px solid var(--primary-soft);color:var(--accent);background:#fff}.tabs button[data-v-b0e8d263]:hover{box-shadow:0 0 10px var(--primary-soft)}.tabs button.active[data-v-b0e8d263]{background:var(--primary);color:#fff}.content[data-v-b0e8d263]{background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #cceaff;border-radius:12px;padding:20px}.page[data-v-b0e8d263]{min-height:100vh}.container[data-v-b0e8d263]{max-width:850px;margin:0 auto;padding:20px}.title[data-v-b0e8d263]{letter-spacing:2px;color:#50ece6;font-size:36px;font-weight:700}.subtitle[data-v-b0e8d263]{color:#fff;font-size:16px}audio{display:none}:root{--bg:#eaf6ff;--primary:#4db8ff;--primary-soft:#a6ddff;--accent:#1e90ff;--text:#1a2a3a;--card:#ffffffb3}body{color:var(--text);background:linear-gradient(#eaf6ff,#d6efff);margin:0;font-family:Inter,Segoe UI,sans-serif}html{scroll-behavior:smooth}