.app-container{height:100vh;width:100%;overflow:hidden;background-color:#121212;color:#fff}.welcome-container[data-v-14867fa7]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:20px}.logo[data-v-14867fa7]{font-size:72px;margin-bottom:20px}.title[data-v-14867fa7]{font-size:32px;font-weight:700;margin-bottom:12px}.slogan[data-v-14867fa7]{font-size:18px;opacity:.9;margin-bottom:40px}.loading[data-v-14867fa7]{width:200px;height:4px;background-color:#ffffff4d;border-radius:4px;overflow:hidden}.loading-bar[data-v-14867fa7]{height:100%;width:30%;background-color:#fff;animation:loading-14867fa7 3s linear forwards}@keyframes loading-14867fa7{0%{width:0}to{width:100%}}.main-screen[data-v-c9903bb7]{height:100%;padding:20px;background-color:#121212;overflow-y:auto}.title[data-v-c9903bb7]{text-align:center;margin-bottom:24px;font-size:24px;font-weight:700;color:#fff}.genre-grid[data-v-c9903bb7]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.genre-button[data-v-c9903bb7]{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:12px;background:linear-gradient(135deg,#1e293b,#334155);border:none;outline:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.genre-button[data-v-c9903bb7]:active{transform:scale(.95)}.genre-icon[data-v-c9903bb7]{font-size:32px;margin-bottom:8px}.genre-name[data-v-c9903bb7]{font-size:16px;font-weight:500;color:#fff}.radio-player[data-v-20ca425d]{height:100%;display:flex;flex-direction:column;background-color:#121212;padding:20px;overflow:hidden}.player-header[data-v-20ca425d]{display:flex;align-items:center;margin-bottom:24px}.back-button[data-v-20ca425d]{background:none;border:none;color:#3b82f6;font-weight:500;cursor:pointer;padding:8px;margin-right:12px}.genre-title[data-v-20ca425d]{font-size:20px;font-weight:700;color:#fff}.player-content[data-v-20ca425d]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0}.album-art[data-v-20ca425d]{width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;margin-bottom:32px}.genre-icon[data-v-20ca425d]{font-size:64px}.pulse[data-v-20ca425d]{animation:pulse-20ca425d 1.5s infinite}@keyframes pulse-20ca425d{0%{box-shadow:0 0 #3b82f680}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.track-info[data-v-20ca425d]{text-align:center;margin-bottom:32px}.track-title[data-v-20ca425d]{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.track-artist[data-v-20ca425d]{font-size:16px;color:#9ca3af}.player-controls[data-v-20ca425d]{width:100%;display:flex;flex-direction:column;align-items:center}.control-button[data-v-20ca425d]{background:none;border:none;font-size:36px;cursor:pointer;margin-bottom:24px}.volume-control[data-v-20ca425d]{display:flex;align-items:center;width:80%;max-width:300px}.volume-control span[data-v-20ca425d]{margin-right:12px}.volume-control input[data-v-20ca425d]{flex:1;-webkit-appearance:none;height:4px;background:#4b5563;border-radius:4px;outline:none}.volume-control input[data-v-20ca425d]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer}.error-message[data-v-20ca425d]{margin-top:20px;padding:10px 16px;background-color:#dc26261a;border-left:4px solid #dc2626;color:#ef4444;border-radius:4px;text-align:center}.retry-button[data-v-20ca425d]{display:block;margin:10px auto 0;padding:6px 12px;background-color:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.retry-button[data-v-20ca425d]:hover{background-color:#b91c1c}.home-container[data-v-41790b86]{height:100%;width:100%;display:flex;flex-direction:column}@tailwind base;@tailwind components;@tailwind utilities;