:root{--vibe-primary:#1db954;--vibe-text:#ffffff;--vibe-muted:rgba(255, 255, 255, 0.45);--vibe-dim:rgba(255, 255, 255, 0.2);--vibe-border:rgba(255, 255, 255, 0.1);--vibe-radius:16px;--vibe-ease:cubic-bezier(0.25, 0.1, 0.25, 1);--header-h:70px;--controls-h:140px}body:has(.vibe-player-wrapper){overflow:hidden!important;background:#080808!important;height:100vh!important}.vibe-player-wrapper{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;display:flex;flex-direction:column;color:var(--vibe-text);font-family:'Outfit','Inter',system-ui,sans-serif;z-index:100;overflow:hidden}.vibe-player-background{position:absolute;inset:-20%;background-size:cover;background-position:center;filter:blur(130px) brightness(.25) saturate(1.4);z-index:0;transition:background-image 1.5s ease;will-change:background-image}.vibe-player-grid{flex:1 1 0%;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;z-index:1;padding:20px 5%;gap:60px;box-sizing:border-box;max-width:1100px;width:100%;margin-left:auto;margin-right:auto}.vibe-visual-section{flex:0 0 280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;overflow:hidden;box-sizing:border-box;min-width:0}.vibe-cover-wrapper{width:min(280px, 42vh);height:min(280px, 42vh);border-radius:var(--vibe-radius);overflow:hidden;flex-shrink:0;background:#111}.vibe-item-cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s var(--vibe-ease)}.vibe-playing .vibe-item-cover{transform:scale(1.03)}.vibe-item-info-group{width:100%}.vibe-item-title{font-size:clamp(16px, 2vw, 28px);font-weight:800;letter-spacing:-.4px;line-height:1.2;margin:0 0 6px 0;word-break:break-word;overflow-wrap:break-word}.vibe-item-author-wrapper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--vibe-muted);font-weight:500}.vibe-item-author-link{color:var(--vibe-text);font-weight:700;text-decoration:none!important;transition:color 0.2s}.vibe-item-author-link:hover{color:var(--vibe-primary)}.vibe-lyrics-section{flex:1 1 0%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center;overflow:hidden;box-sizing:border-box}.vibe-lyrics-container{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);padding:60px 0;box-sizing:border-box}.vibe-lyrics-container::-webkit-scrollbar{display:none}.vibe-lyrics-scroller{display:flex;flex-direction:column;gap:28px;width:100%;box-sizing:border-box}.vibe-lyric-line{font-size:clamp(18px, 1.8vw, 30px);font-weight:700;color:var(--vibe-dim);line-height:1.45;cursor:pointer;transition:all 0.35s var(--vibe-ease);filter:blur(.6px);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.vibe-lyric-line:hover{color:var(--vibe-muted);filter:blur(0)}.vibe-lyric-line.active{font-size:clamp(24px, 2.6vw, 40px);font-weight:800;color:var(--vibe-text);filter:blur(0)}.vibe-controls-container{flex:0 0 var(--controls-h);min-height:var(--controls-h);max-height:var(--controls-h);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 3%;box-sizing:border-box;background:linear-gradient(to top,rgb(0 0 0 / .97),rgb(0 0 0 / .8));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--vibe-border)}.vibe-progress-wrapper{width:100%}.vibe-progress-container{height:4px;background:rgb(255 255 255 / .12);border-radius:4px;cursor:pointer;position:relative;transition:height 0.15s}.vibe-progress-container:hover{height:6px}.vibe-progress-bar{height:100%;background:var(--vibe-text);border-radius:inherit;width:0%;transition:width 0.1s linear;pointer-events:none}.vibe-progress-container:hover .vibe-progress-bar{background:var(--vibe-primary)}.vibe-time-wrapper{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--vibe-muted);letter-spacing:.4px;margin-top:5px;font-variant-numeric:tabular-nums}.vibe-controls-row{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.vibe-controls-left{display:flex;align-items:center;justify-content:flex-start}.vibe-controls-center{display:flex;align-items:center;gap:24px;justify-content:center}.vibe-controls-right{display:flex;align-items:center;gap:10px;justify-content:flex-end}.vibe-control-btn{background:none;border:none;color:rgb(255 255 255 / .75);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color 0.2s,transform 0.15s;flex-shrink:0}.vibe-control-btn:hover{color:#fff;transform:scale(1.1)}.vibe-control-btn:active{transform:scale(.92)}.vibe-control-btn svg{width:26px;height:26px;fill:currentColor}.vibe-control-play{width:52px;height:52px;background:#fff;border-radius:50%;color:#000!important}.vibe-control-play:hover{transform:scale(1.06)}.vibe-control-play svg{width:24px;height:24px;fill:#000!important}.vibe-volume-container{display:flex;align-items:center;gap:8px;color:var(--vibe-muted)}.vibe-volume-slider{width:90px;height:4px;background:rgb(255 255 255 / .12);border-radius:4px;cursor:pointer;position:relative;transition:height 0.15s}.vibe-volume-slider:hover{height:6px}.vibe-volume-bar{height:100%;width:80%;background:#fff;border-radius:inherit;transition:background 0.2s}.vibe-volume-slider:hover .vibe-volume-bar{background:var(--vibe-primary)}.vibe-control-fullscreen{background:none;border:none;cursor:pointer;color:var(--vibe-muted);display:flex;align-items:center;transition:color 0.2s;padding:0}.vibe-control-fullscreen:hover{color:#fff}.vibe-control-lyrics-toggle{background:none;border:none;cursor:pointer;color:var(--vibe-muted);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;font-family:inherit;letter-spacing:.4px;padding:6px 12px;border-radius:20px;transition:background 0.2s,color 0.2s;white-space:nowrap}.vibe-control-lyrics-toggle:hover{color:#fff;background:rgb(255 255 255 / .08)}.vibe-control-lyrics-toggle.vibe-lyrics-active{color:var(--vibe-primary);background:rgb(29 185 84 / .12)}.vibe-control-lyrics-toggle svg{flex-shrink:0}.vibe-lyrics-section{transition:opacity 0.4s ease,flex 0.4s ease}.vibe-player-wrapper.vibe-no-lyrics .vibe-lyrics-section{opacity:0;pointer-events:none;flex:0 0 0%;overflow:hidden;min-width:0}.vibe-player-wrapper.vibe-no-lyrics .vibe-visual-section{flex:1;align-items:center}.vibe-side-controls{display:none}@media (max-width:900px){:root{--controls-h:130px}.vibe-player-grid{flex-direction:column;align-items:center;overflow-y:auto;padding:16px 5%;gap:20px}.vibe-visual-section{flex:0 0 auto;width:100%;flex-direction:row;align-items:center;justify-content:center;text-align:left;gap:14px}.vibe-cover-wrapper{width:80px;height:80px;min-width:80px}.vibe-item-title{font-size:18px}.vibe-item-info-group{text-align:left}.vibe-item-author-wrapper{justify-content:flex-start}.vibe-lyrics-section{flex:1 1 0%;min-height:0;width:100%}.vibe-lyrics-container{padding:30px 0}.vibe-volume-container{display:none}.vibe-controls-row{grid-template-columns:auto 1fr auto}.vibe-controls-left{display:none}}@media (max-height:600px){:root{--controls-h:110px}.vibe-cover-wrapper{width:min(200px, 28vh);height:min(200px, 28vh)}.vibe-player-grid{padding:10px 5%;gap:40px}}