.tuneon-app{font-family:Arial,sans-serif;max-width:1200px;margin:auto;padding:20px}
.tuneon-hero{background:linear-gradient(135deg,#111,#333);color:white;border-radius:22px;padding:30px;margin-bottom:20px}
.tuneon-hero h2{font-size:32px;margin:0 0 10px}
.tuneon-hero input{width:100%;padding:15px;border-radius:12px;border:0;margin-top:15px;font-size:16px}
.tuneon-now-playing{position:sticky;top:10px;z-index:3;background:#fff;border:1px solid #eee;border-radius:18px;padding:15px;margin-bottom:20px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.tuneon-now-playing audio{width:100%;margin-top:10px}
.tuneon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.tuneon-card{background:#fff;border:1px solid #eee;border-radius:20px;padding:18px;box-shadow:0 8px 22px rgba(0,0,0,.06);text-align:center}
.tuneon-logo{width:80px;height:80px;border-radius:50%;background:#f3f3f3;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:34px;overflow:hidden}
.tuneon-logo img{width:100%;height:100%;object-fit:cover}
.tuneon-card h3{margin:6px 0;font-size:18px}
.tuneon-card p{font-size:13px;color:#666;min-height:32px}
.tuneon-play{background:#111;color:#fff;border:0;border-radius:999px;padding:10px 20px;cursor:pointer}
.tuneon-play:hover{opacity:.85}