.voap-player-wrap{font-family:"Segoe UI",Arial,sans-serif;padding:10px 0}.voap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.voap-grid.voap-cols-1{grid-template-columns:1fr}.voap-grid.voap-cols-2{grid-template-columns:repeat(2,1fr)}.voap-grid.voap-cols-3{grid-template-columns:repeat(3,1fr)}.voap-grid.voap-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.voap-grid,.voap-grid.voap-cols-3,.voap-grid.voap-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.voap-grid,.voap-grid.voap-cols-2,.voap-grid.voap-cols-3,.voap-grid.voap-cols-4{grid-template-columns:1fr}.voap-grid.voap-cols-1{grid-template-columns:1fr}}.voap-card{background:#fff;border-radius:12px;box-shadow:0 2px 14px rgba(0,0,0,.1);display:flex;align-items:stretch;overflow:hidden;transition:box-shadow .2s,transform .2s;min-height:90px}.voap-card:hover{box-shadow:0 6px 28px rgba(0,0,0,.15);transform:translateY(-2px)}.voap-thumb{width:80px;min-width:80px;background:var(--voap-grad,linear-gradient(135deg,#0057e7,#00adef));display:flex;align-items:center;justify-content:center;cursor:pointer}.voap-play-btn{background:0 0;border:none;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s}.voap-play-btn:hover{transform:scale(1.15)}.voap-info{flex:1;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0}.voap-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.voap-title{font-size:12px;font-weight:700;color:#1a2a4a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.voap-time{font-size:11px;color:#888;white-space:nowrap;font-variant-numeric:tabular-nums}.voap-controls-row{display:flex;align-items:center;gap:8px}.voap-vol-btn{background:0 0;border:none;cursor:pointer;padding:0;width:20px;height:20px;flex-shrink:0;color:var(--voap-primary,#0057e7);display:flex;align-items:center}.voap-scrubber-wrap{flex:1;cursor:pointer;padding:6px 0;position:relative}.voap-scrubber-bg{position:relative;height:4px;background:var(--voap-track,#d0e4ff);border-radius:4px;overflow:visible}.voap-scrubber-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:var(--voap-grad,linear-gradient(90deg,#0057e7,#00adef));border-radius:4px;transition:width .1s linear}.voap-scrubber-thumb{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--voap-primary,#0057e7);border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:left .1s linear}.voap-scrubber-wrap:hover .voap-scrubber-thumb{width:14px;height:14px}.voap-dl-btn{background:0 0;border:none;cursor:pointer;padding:0;color:var(--voap-primary,#0057e7);flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s,transform .15s}.voap-dl-btn:hover{color:var(--voap-secondary,#00adef);transform:translateY(2px)}.voap-cols-1 .voap-card{width:100%;min-height:80px;box-sizing:border-box}.voap-cols-1 .voap-thumb{width:100px;min-width:100px;flex-shrink:0}.voap-cols-1 .voap-info{flex:1;min-width:0;padding:14px 20px;display:flex;flex-direction:row;align-items:center;gap:20px}.voap-cols-1 .voap-top-row{flex-shrink:0;min-width:180px;max-width:260px;gap:12px}.voap-cols-1 .voap-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voap-cols-1 .voap-controls-row{flex:1;min-width:0;gap:14px}.voap-cols-1 .voap-scrubber-wrap{flex:1;min-width:0}.voap-cols-1 .voap-scrubber-bg{height:5px}@media (max-width:560px){.voap-cols-1 .voap-info{flex-direction:column;align-items:stretch;padding:12px 14px;gap:8px}.voap-cols-1 .voap-top-row{min-width:unset;max-width:unset}.voap-cols-1 .voap-thumb{width:80px;min-width:80px}}