.music-player{cursor:grab;flex-direction:column;height:100%;display:flex}@container style(--sheet-dragging:1){.music-player{cursor:grabbing}}.music-player button,.music-player a,.music-player input,.music-player textarea,.music-player select,.music-player [role=button]{cursor:pointer}.music-player__main{gap:var(--gap-m);flex:calc(1 - var(--sheet-progress,0)*.6);min-height:0;transition:flex .2s;display:flex;position:relative}@container style(--sheet-dragging:1){.music-player__main{transition:none}.music-player__main *{transition:none!important}}.music-player__cover{aspect-ratio:1;border-radius:var(--card-br-s);flex-shrink:0;height:100%;overflow:hidden}.music-player__cover img{object-fit:cover;width:100%;height:100%}.music-player__cover-placeholder{background:var(--card-bg-secondary);border-radius:var(--card-br-s);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.music-player__cover-placeholder svg{width:60%;height:60%;color:var(--text-tertiary-color)}.music-player__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.music-player__title{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12px,2.5vw,16px);font-weight:500;line-height:1.3;text-decoration:none;overflow:hidden}.music-player__title:hover{color:var(--accent)}.music-player__title.inactive{color:var(--text-tertiary-color)}.music-player__artist{color:var(--text-secondary-color);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10px,2vw,13px);line-height:1.3;overflow:hidden}.music-player__artist.inactive{color:var(--text-quaternary-color)}.music-player__progress-wrapper{gap:var(--gap-xs);flex-direction:column;width:100%;display:flex}.progress-bar{width:100%;height:calc(2px + var(--sheet-progress,0)*2px);cursor:pointer;background:#ffffff26;border-radius:2px;transition:height .15s;position:relative;overflow:visible}.progress-bar:hover{height:clamp(4px,1vh,8px)}.progress-bar:hover .progress-thumb{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}.progress-fill{background:var(--accent,#1db954);border-radius:2px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.progress-thumb{background:var(--accent,#1db954);opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity .15s,transform .15s;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)scale(0);box-shadow:0 2px 8px #0000004d}.progress-times{font-size:var(--caption-s-size,11px);color:var(--text-tertiary-color);font-variant-numeric:tabular-nums;margin-top:var(--gap-xs);opacity:var(--sheet-progress,0);justify-content:space-between;transition:opacity .2s;display:flex;position:absolute;top:100%;left:0;right:0}.music-player__controls{justify-content:center;align-items:center;gap:var(--gap-xs);flex-shrink:0;display:flex}.music-player__control-optional{opacity:0;pointer-events:none;transition:opacity .2s}@container (min-height:200px){.music-player__control-optional{opacity:1;pointer-events:auto}}.music-player__progress{transform:translateY(var(--gap-s));position:absolute;bottom:0;left:0;right:0}.music-player__playlist{flex-direction:column;flex:calc(var(--sheet-progress,0)*.6);opacity:var(--sheet-progress,0);transition:flex .2s,opacity .2s;display:flex;overflow:hidden}@container style(--sheet-dragging:1){.music-player__playlist{transition:none}}.music-player__playlist-header{justify-content:space-between;align-items:center;gap:var(--gap-s);flex-shrink:0;display:flex}.music-player__playlist-header-info{flex-direction:column;flex:1;gap:2px;display:flex}.music-player__playlist-header-info span{color:var(--text-secondary-color);font-weight:500}.music-player__playlist-count{font-size:var(--caption-s-size);color:var(--text-tertiary-color)}.music-player__playlist-list{margin:0 calc(var(--gap-s)*-1);padding:0 var(--gap-s);flex:1;overflow-y:auto}.music-player__playlist-list::-webkit-scrollbar{width:4px}.music-player__playlist-list::-webkit-scrollbar-track{background:0 0}.music-player__playlist-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.music-player__playlist-item{align-items:center;gap:var(--gap-s);padding:var(--gap-xs)var(--gap-s);border-radius:var(--card-br-s);cursor:pointer;transition:background .15s;display:flex}.music-player__playlist-item:hover{background:#ffffff0d}.music-player__playlist-item.active{background:#ffffff14}.music-player__playlist-item.active .music-player__playlist-title{color:var(--accent)}.music-player__playlist-cover{border-radius:var(--card-br-xs);flex-shrink:0;width:40px;height:40px;overflow:hidden}.music-player__playlist-cover img{object-fit:cover;width:100%;height:100%}.music-player__playlist-cover-placeholder{border-radius:var(--card-br-xs);background:var(--card-bg-secondary);flex-shrink:0;width:40px;height:40px}.music-player__playlist-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.music-player__playlist-title{font-size:var(--p4-size);color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.music-player__playlist-artist{font-size:var(--caption-s-size);color:var(--text-tertiary-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.music-player__playlist-duration{font-size:var(--caption-s-size);color:var(--text-tertiary-color);flex-shrink:0}
.glass-s,.nav-link{z-index:var(--z-above);background:0 0;position:relative;overflow:hidden;box-shadow:0 1px 3px #0003,0 4px 12px #00000026}.glass-s:before,.nav-link:before{content:"";border-radius:inherit;pointer-events:none;z-index:10;mix-blend-mode:difference;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a,inset 1.5px 2px 0 -1px #fff3,inset -1.5px -1.5px 0 -1px #ffffff24,inset -2px -6px 2px -4px #ffffff1f,inset 0 -1px 4px #0000001a,inset -1px 2px 0 -1px #00000026}.glass-m{z-index:var(--z-above);position:relative;overflow:hidden;box-shadow:0 1px 5px #0003,0 6px 16px #00000029}.glass-m:before{content:"";border-radius:inherit;pointer-events:none;z-index:10;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff08,inset 2px 3px 0 -2px #ffffff47,inset -2px -2px 0 -2px #ffffff38,inset -3px -8px 1px -6px #ffffff2e,inset -.3px -1px 4px #00000042,inset -1.5px 2.5px 0 -2px #00000070}.glass-m:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:overlay;border:1px solid #ffffff1f;position:absolute;inset:0}.glass-s>:not(style),.nav-link>:not(style),.glass-m>:not(style){position:relative}.glass,.nav-link{backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturation));isolation:isolate;backface-visibility:hidden}.glass-strong{backdrop-filter:blur(var(--glass-blur-strong))saturate(var(--glass-saturation));isolation:isolate;backface-visibility:hidden}:root{--glass-sep-s-gradient:linear-gradient(90deg,transparent 0%,#ffffff1a 15%,#ffffff26 50%,#ffffff1a 85%,transparent 100%);--glass-sep-s-shadow:0 0 1px #ffffff14,0 1px 2px #ffffff0f;--glass-sep-m-gradient:linear-gradient(90deg,transparent 0%,#ffffff26 10%,#fff3 50%,#ffffff26 90%,transparent 100%);--glass-sep-m-shadow:0 0 1px #ffffff1a,0 2px 4px #ffffff1a,inset 0 1px 0 #fff3}.glass-separator-s{background:var(--glass-sep-s-gradient);height:1px;box-shadow:var(--glass-sep-s-shadow);border:none}.glass-separator-m{background:var(--glass-sep-m-gradient);height:1px;box-shadow:var(--glass-sep-m-shadow);border:none;border-radius:1px}.glass-separator-v-s{width:1px;box-shadow:var(--glass-sep-s-shadow);background:linear-gradient(#0000 0%,#ffffff1a 15%,#ffffff26 50%,#ffffff1a 85%,#0000 100%);border:none}.glass-tint{backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturation));isolation:isolate;backface-visibility:hidden;background:var(--glass-bg-tint)}.portwave-header{z-index:var(--z-sticky);height:var(--header-height);background:0 0;padding-top:16px;animation:.5s ease-out headerSlideDown;position:fixed;top:0;left:0;right:0}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header-content{justify-content:center;align-items:center;gap:32px;max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex}.header-logo{justify-content:center;align-items:center;text-decoration:none;transition:opacity .2s,transform .2s;display:flex}.header-logo:hover{opacity:.9;transform:scale(1.02)}.header-logo .logo-image{object-fit:contain;width:120px;height:120px}.header-nav-left,.header-nav-right{align-items:center;gap:8px;display:flex}.nav-link{color:#fffc;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";background:#1db954;border-radius:1px;width:20px;height:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@media (max-width:768px){.portwave-header{height:80px;padding-top:8px}.header-content{gap:16px;padding:0 16px}.header-logo .logo-image{width:64px;height:64px}.header-nav-left .nav-link,.header-nav-right .nav-link{padding:6px 10px;font-size:12px}}