.Button-module__TYsaEG__button{cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.Button-module__TYsaEG__button:disabled{opacity:.6;cursor:not-allowed}.Button-module__TYsaEG__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.Button-module__TYsaEG__primary{background-color:var(--color-accent);color:var(--color-text-primary);border-color:var(--color-accent);box-shadow:0 2px 6px var(--color-accent-shadow-strong)}.Button-module__TYsaEG__primary:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:2px;box-shadow:0 0 0 4px var(--color-accent-shadow-medium),0 4px 12px var(--color-accent-shadow-strong)}.Button-module__TYsaEG__primary:active:not(:disabled){box-shadow:0 2px 6px var(--color-accent-shadow-strong);transform:scale(.97)}[data-theme=dark] .Button-module__TYsaEG__primary{color:#000}.Button-module__TYsaEG__secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border:2px solid var(--color-border);box-shadow:0 2px 6px var(--color-shadow-light)}[data-theme=dark] .Button-module__TYsaEG__secondary{box-shadow:0 1px 3px var(--color-shadow-medium);border-color:var(--color-border)}.Button-module__TYsaEG__secondary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[data-theme=dark] .Button-module__TYsaEG__secondary:focus-visible{outline-color:var(--color-accent-bright);box-shadow:0 0 0 4px var(--color-accent-shadow-medium),0 2px 8px var(--color-shadow-medium)}.Button-module__TYsaEG__secondary:active:not(:disabled){box-shadow:0 1px 3px var(--color-shadow-light);transform:scale(.97)}[data-theme=dark] .Button-module__TYsaEG__secondary:active:not(:disabled){box-shadow:0 1px 3px var(--color-shadow-medium)}.Button-module__TYsaEG__small{padding:.5rem 1rem;font-size:.8125rem}.Button-module__TYsaEG__medium{width:100%;max-width:100%;padding:.875rem 1.5rem;font-size:1rem}@media (min-width:640px){.Button-module__TYsaEG__medium{width:100%;min-width:280px;padding:1rem 2rem;font-size:1.0625rem}}.Button-module__TYsaEG__large{padding:.875rem 1.5rem;font-size:1rem}.Button-module__TYsaEG__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.Button-module__TYsaEG__loading{position:relative}.Button-module__TYsaEG__loading>:not(.Button-module__TYsaEG__spinnerOverlay){opacity:.5}.Button-module__TYsaEG__spinnerOverlay{z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
.DebugSection-module__qT76uq__debugSection{background-color:var(--color-bg-elevated);border:2px solid var(--color-error);width:100%;box-shadow:0 2px 8px var(--color-shadow-light);border-radius:12px;margin-top:1rem;padding:1.25rem}[data-theme=dark] .DebugSection-module__qT76uq__debugSection{box-shadow:0 2px 8px var(--color-shadow-medium);border-color:var(--color-error)}.DebugSection-module__qT76uq__debugSectionTitle{color:var(--color-error);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.DebugSection-module__qT76uq__debugSectionDescription{color:var(--color-text-secondary);word-wrap:break-word;overflow-wrap:break-word;margin:0 0 1rem;font-size:.875rem;line-height:1.4}.DebugSection-module__qT76uq__debugButton{justify-content:center;align-items:center;background-color:var(--color-bg-elevated)!important;border:2px solid var(--color-error)!important;width:100%!important;min-height:100px!important;box-shadow:0 2px 8px var(--color-shadow-light)!important;white-space:normal!important;overflow-wrap:break-word!important;border-radius:12px!important;flex-direction:column!important;padding:1.25rem!important}[data-theme=dark] .DebugSection-module__qT76uq__debugButton{box-shadow:0 2px 8px var(--color-shadow-medium)!important;border-color:var(--color-error)!important}.DebugSection-module__qT76uq__debugButton:active:not(:disabled){transform:scale(.96);background-color:var(--color-bg-secondary)!important;border-color:var(--color-error)!important;box-shadow:0 2px 8px var(--color-shadow-medium)!important}.DebugSection-module__qT76uq__debugButton:focus-visible{outline-offset:2px;outline:3px solid var(--color-error)!important;box-shadow:0 4px 16px var(--color-shadow-strong),0 0 0 1px var(--color-error)!important}.DebugSection-module__qT76uq__debugButton:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.DebugSection-module__qT76uq__debugButtonTitle{color:var(--color-error);letter-spacing:-.01em;word-wrap:break-word;overflow-wrap:break-word;text-align:center;max-width:100%;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.DebugSection-module__qT76uq__debugButtonDescription{color:var(--color-text-secondary);word-wrap:break-word;overflow-wrap:break-word;text-align:center;max-width:100%;margin:0;font-size:.875rem;line-height:1.4}@media (min-width:640px){.DebugSection-module__qT76uq__debugSection{max-width:420px;margin:1rem auto 0;padding:1.5rem}.DebugSection-module__qT76uq__debugSectionTitle{font-size:1.25rem}.DebugSection-module__qT76uq__debugSectionDescription{font-size:.9375rem}.DebugSection-module__qT76uq__debugButton{max-width:420px;min-height:120px;margin:0 auto}.DebugSection-module__qT76uq__debugButtonTitle{font-size:1.25rem}.DebugSection-module__qT76uq__debugButtonDescription{font-size:.9375rem}}
.Spinner-module__bUOcSG__spinner{flex-shrink:0;width:16px;height:16px;display:block;position:relative}.Spinner-module__bUOcSG__circle{opacity:.7;border:2px solid #0000;border-color:#0000 #0000 currentColor currentColor;border-radius:50%;width:100%;height:100%;animation:1s linear infinite Spinner-module__bUOcSG__spin}@keyframes Spinner-module__bUOcSG__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.Tooltip-module__OJ0SXa__tooltipWrapper{display:inline-block;position:relative}.Tooltip-module__OJ0SXa__tooltipWrapper:hover .Tooltip-module__OJ0SXa__tooltip,.Tooltip-module__OJ0SXa__tooltipWrapper:focus-within .Tooltip-module__OJ0SXa__tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.Tooltip-module__OJ0SXa__tooltip{z-index:1000;background-color:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border);white-space:nowrap;box-shadow:0 4px 12px var(--color-shadow-medium);opacity:0;visibility:hidden;pointer-events:none;white-space:normal;text-align:left;border-radius:8px;max-width:250px;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4;transition:opacity .2s,visibility .2s,transform .2s;position:absolute}[data-theme=dark] .Tooltip-module__OJ0SXa__tooltip{box-shadow:0 4px 12px var(--color-shadow-medium);background-color:var(--color-bg-elevated);border-color:var(--color-border)}.Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.Tooltip-module__OJ0SXa__tooltipWrapper:hover .Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__top,.Tooltip-module__OJ0SXa__tooltipWrapper:focus-within .Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__top{transform:translate(-50%)}.Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.Tooltip-module__OJ0SXa__tooltipWrapper:hover .Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__bottom,.Tooltip-module__OJ0SXa__tooltipWrapper:focus-within .Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__bottom{transform:translate(-50%)}.Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__left{top:50%;right:calc(100% + 8px);transform:translate(4px,-50%)}.Tooltip-module__OJ0SXa__tooltipWrapper:hover .Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__left,.Tooltip-module__OJ0SXa__tooltipWrapper:focus-within .Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__left{transform:translateY(-50%)}.Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__right{top:50%;left:calc(100% + 8px);transform:translate(-4px,-50%)}.Tooltip-module__OJ0SXa__tooltipWrapper:hover .Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__right,.Tooltip-module__OJ0SXa__tooltipWrapper:focus-within .Tooltip-module__OJ0SXa__tooltip.Tooltip-module__OJ0SXa__right{transform:translateY(-50%)}@media (max-width:768px){.Tooltip-module__OJ0SXa__tooltip{max-width:200px;padding:.5rem .625rem;font-size:.75rem}}
.UserMenu-module__QeArEa__menuButton{z-index:1001;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);box-shadow:0 2px 8px var(--color-shadow-light);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:all .2s;display:flex;position:fixed;top:1rem;right:1rem}[data-theme=dark] .UserMenu-module__QeArEa__menuButton{box-shadow:0 2px 8px var(--color-shadow-medium)}.UserMenu-module__QeArEa__menuButton:active{transform:scale(.95)}.UserMenu-module__QeArEa__menuButton svg{flex-shrink:0}@media (min-width:640px){.UserMenu-module__QeArEa__menuButton{width:36px;height:36px;top:1.5rem;right:1.5rem}}.UserMenu-module__QeArEa__overlay{background-color:var(--color-overlay-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;justify-content:flex-end;align-items:stretch;animation:.2s ease-out UserMenu-module__QeArEa__fadeIn;display:flex;position:fixed;inset:0}@keyframes UserMenu-module__QeArEa__fadeIn{0%{opacity:0}to{opacity:1}}.UserMenu-module__QeArEa__drawer{background-color:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:-4px 0 24px var(--color-shadow-medium);width:100%;max-width:calc(100vw - 1rem);max-height:calc(var(--vh,1vh)*100);border-radius:16px 0 0 16px;flex-direction:column;animation:.3s ease-out UserMenu-module__QeArEa__slideInRight;display:flex;overflow:hidden}@keyframes UserMenu-module__QeArEa__slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .UserMenu-module__QeArEa__drawer{box-shadow:-4px 0 24px var(--color-shadow-strong)}.UserMenu-module__QeArEa__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:1.25rem 1rem;display:flex}.UserMenu-module__QeArEa__title{color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.UserMenu-module__QeArEa__closeButton{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;color:var(--color-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.UserMenu-module__QeArEa__closeButton:active{background-color:var(--color-bg-secondary);transform:scale(.95)}.UserMenu-module__QeArEa__content{flex-direction:column;flex:1;gap:.25rem;padding:.5rem;display:flex;overflow:hidden auto}.UserMenu-module__QeArEa__roleInfo{border-bottom:1px solid var(--color-border);flex-direction:row;align-items:center;width:100%;margin-bottom:.25rem;padding:.875rem 1rem;display:flex}.UserMenu-module__QeArEa__roleText{color:var(--color-text-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.UserMenu-module__QeArEa__roleValue{text-transform:capitalize;border-radius:6px;padding:.25rem .5rem;font-size:.875rem;font-weight:600}.UserMenu-module__QeArEa__roleOWNER{background-color:var(--color-role-owner-bg);color:var(--color-role-owner)}.UserMenu-module__QeArEa__roleMODERATOR{background-color:var(--color-role-moderator-bg);color:var(--color-role-moderator)}.UserMenu-module__QeArEa__roleGUEST{background-color:var(--color-role-guest-bg);color:var(--color-role-guest)}.UserMenu-module__QeArEa__partyIdInfo{border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background-color:#0000;border-top:none;border-left:none;border-right:none;border-radius:0;flex-direction:row;align-items:center;gap:.5rem;width:100%;margin-bottom:.25rem;padding:.875rem 1rem;font-family:inherit;transition:background-color .2s;display:flex}.UserMenu-module__QeArEa__partyIdInfo:hover{background-color:var(--color-bg-elevated)}.UserMenu-module__QeArEa__partyIdInfo:active{background-color:var(--color-bg-secondary)}.UserMenu-module__QeArEa__partyIdLabel{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.UserMenu-module__QeArEa__partyIdValue{color:var(--color-text-secondary);white-space:nowrap;flex:1;font-family:monospace;font-size:.875rem}.UserMenu-module__QeArEa__partyIdCopyIcon{width:16px;min-width:16px;height:16px;min-height:16px;color:var(--color-text-tertiary);flex-shrink:0;transition:color .2s}.UserMenu-module__QeArEa__partyIdInfo:hover .UserMenu-module__QeArEa__partyIdCopyIcon{color:var(--color-text-secondary)}.UserMenu-module__QeArEa__menuItem{color:var(--color-text-primary);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.UserMenu-module__QeArEa__menuItem:hover{background-color:var(--color-bg-elevated)}.UserMenu-module__QeArEa__menuItem:active:not(:disabled){background-color:var(--color-bg-secondary);transform:scale(.98)}.UserMenu-module__QeArEa__menuItem:disabled{opacity:.6;cursor:not-allowed}.UserMenu-module__QeArEa__menuItemIcon{width:20px;min-width:20px;height:20px;min-height:20px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.UserMenu-module__QeArEa__menuItemText{flex:1;line-height:1.4}@media (min-width:640px){.UserMenu-module__QeArEa__drawer{max-width:min(360px,100vw - 2rem)}.UserMenu-module__QeArEa__content{gap:.375rem;padding:.75rem}.UserMenu-module__QeArEa__menuItem{padding:1rem 1.25rem;font-size:1.0625rem}}.UserMenu-module__QeArEa__icon{flex-shrink:0;width:1.25rem;height:1.25rem}
.CurrentTrack-module__XQpkEa__container{flex-shrink:0;margin-bottom:1rem}.CurrentTrack-module__XQpkEa__headerContainer{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.CurrentTrack-module__XQpkEa__headerActions{gap:.5rem;display:flex}.CurrentTrack-module__XQpkEa__emptyState{text-align:center;background-color:var(--color-bg-elevated);border:1px dashed var(--color-border);color:var(--color-text-tertiary);border-radius:12px;padding:1.5rem;font-size:.9375rem}.CurrentTrack-module__XQpkEa__currentTrackCard{text-align:left;background:linear-gradient(135deg,var(--color-bg-elevated)0%,var(--color-bg-secondary)100%);border:2px solid var(--color-accent);box-shadow:0 4px 16px var(--color-accent-shadow-medium);border-radius:16px;flex-direction:column;gap:.75rem;padding:.75rem;display:flex;position:relative;overflow:hidden}.CurrentTrack-module__XQpkEa__currentTrackCard:before{content:"";background:linear-gradient(90deg,var(--color-accent)0%,var(--color-accent-bright)100%);height:4px;position:absolute;top:0;left:0;right:0}.CurrentTrack-module__XQpkEa__trackContent{flex-direction:row;align-items:flex-start;gap:.75rem;display:flex}.CurrentTrack-module__XQpkEa__albumArt{object-fit:cover;background-color:var(--color-bg-secondary);width:64px;height:64px;box-shadow:0 4px 12px var(--color-shadow-medium);border-radius:8px;flex-shrink:0}[data-theme=dark] .CurrentTrack-module__XQpkEa__albumArt{box-shadow:0 4px 12px var(--color-shadow-medium)}.CurrentTrack-module__XQpkEa__trackDetails{flex-direction:column;flex:1;justify-content:space-between;min-width:0;min-height:64px;display:flex}.CurrentTrack-module__XQpkEa__trackName{color:var(--color-text-primary);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:700;line-height:1.2;overflow:hidden}.CurrentTrack-module__XQpkEa__trackArtist{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;line-height:1.3;overflow:hidden}.CurrentTrack-module__XQpkEa__trackMetadata{color:var(--color-text-tertiary);margin:0;font-size:.75rem;line-height:1.3}.CurrentTrack-module__XQpkEa__progressContainer{align-items:center;gap:.75rem;width:100%;margin:0;display:flex}.CurrentTrack-module__XQpkEa__timeDisplay{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.75rem}.CurrentTrack-module__XQpkEa__progressBarWrapper{flex:1;align-items:center;min-width:0;display:flex}.CurrentTrack-module__XQpkEa__hostActionsContainer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.5rem;padding-top:.5rem;display:flex}.CurrentTrack-module__XQpkEa__controlButton{flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:flex}.CurrentTrack-module__XQpkEa__icon{width:16px;height:16px;color:inherit;flex-shrink:0;display:block}.CurrentTrack-module__XQpkEa__spinner{flex-shrink:0;width:16px;height:16px;display:block}.CurrentTrack-module__XQpkEa__spotifyLink{color:var(--color-accent);align-items:center;gap:.5rem;margin-top:.5rem;font-weight:600;transition:color .2s;display:inline-flex}.CurrentTrack-module__XQpkEa__spotifyLink:hover{color:var(--color-accent-hover);text-decoration:underline}@media (min-width:640px){.CurrentTrack-module__XQpkEa__currentTrackCard{gap:1.5rem;padding:1.5rem}.CurrentTrack-module__XQpkEa__trackContent{gap:1.5rem}.CurrentTrack-module__XQpkEa__albumArt{width:120px;height:120px}.CurrentTrack-module__XQpkEa__trackDetails{min-height:120px}.CurrentTrack-module__XQpkEa__hostActionsContainer{padding-top:1rem}.CurrentTrack-module__XQpkEa__trackName{font-size:1.25rem}.CurrentTrack-module__XQpkEa__trackArtist{font-size:.9375rem}.CurrentTrack-module__XQpkEa__trackMetadata,.CurrentTrack-module__XQpkEa__timeDisplay{font-size:.8125rem}}
.ProgressBar-module__VbEg1G__container{background:linear-gradient(to bottom,var(--color-progress-gradient-start)0%,var(--color-progress-gradient-mid)50%,var(--color-progress-gradient-end)100%);width:100%;height:6px;box-shadow:inset 0 1px 2px var(--color-shadow-light);border-radius:3px;position:relative;overflow:visible}.ProgressBar-module__VbEg1G__bar{background:linear-gradient(90deg,var(--color-accent)0%,var(--color-accent-bright)100%);border-radius:3px 0 0 3px;height:100%;transition:width .3s ease-out,opacity .2s ease-out;position:relative}.ProgressBar-module__VbEg1G__bar:after{content:"";background:var(--color-accent-bright);border:2px solid var(--color-bg-primary);z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.ProgressBar-module__VbEg1G__bar.ProgressBar-module__VbEg1G__paused{opacity:.7;position:relative}.ProgressBar-module__VbEg1G__bar.ProgressBar-module__VbEg1G__paused:before{content:"";background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--color-progress-stripe)6px,var(--color-progress-stripe)8px);pointer-events:none;background-position:0 0;background-size:8px 8px;border-radius:3px 0 0 3px;animation:1s linear infinite ProgressBar-module__VbEg1G__rollStripes;position:absolute;inset:0}.ProgressBar-module__VbEg1G__bar.ProgressBar-module__VbEg1G__paused:after{opacity:.7}@keyframes ProgressBar-module__VbEg1G__rollStripes{0%{background-position:0 0}to{background-position:8px 0}}
.DeviceUnreachable-module__-hvn-q__container{justify-content:center;align-items:center;min-height:300px;padding:2rem;display:flex}.DeviceUnreachable-module__-hvn-q__content{text-align:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);max-width:500px;box-shadow:0 2px 8px var(--color-shadow-light);border-radius:8px;padding:2rem}.DeviceUnreachable-module__-hvn-q__icon{margin-bottom:1rem;font-size:3rem}.DeviceUnreachable-module__-hvn-q__title{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.DeviceUnreachable-module__-hvn-q__message{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.DeviceUnreachable-module__-hvn-q__retryCount{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.DeviceUnreachable-module__-hvn-q__iconLarge{flex-shrink:0;width:3rem;height:3rem}
.Queue-module__jZpw3q__container{flex-direction:column;flex:1;min-height:0;margin-bottom:1rem;display:flex;overflow:hidden}.Queue-module__jZpw3q__header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.Queue-module__jZpw3q__queueCount{color:var(--color-text-tertiary);font-size:.875rem}.Queue-module__jZpw3q__queueActions{align-items:center;gap:.5rem;display:flex}.Queue-module__jZpw3q__title{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:700}.Queue-module__jZpw3q__emptyState{text-align:center;background-color:var(--color-bg-elevated);border:1px dashed var(--color-border);color:var(--color-text-tertiary);border-radius:12px;flex-shrink:0;padding:2rem;font-size:.9375rem}.Queue-module__jZpw3q__queueList{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:.75rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.Queue-module__jZpw3q__queueItem{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex;position:relative}.Queue-module__jZpw3q__queueItem:hover{border-color:var(--color-accent);background-color:var(--color-bg-secondary)}.Queue-module__jZpw3q__queueItem:active{border-color:var(--color-accent);transform:scale(.98)}.Queue-module__jZpw3q__albumArt{object-fit:cover;background-color:var(--color-bg-secondary);border-radius:8px;flex-shrink:0;width:48px;height:48px}.Queue-module__jZpw3q__trackInfo{flex:1;min-width:0}.Queue-module__jZpw3q__trackNameWrapper{flex-direction:column;gap:.125rem;margin-bottom:.25rem;display:flex}.Queue-module__jZpw3q__trackName{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.Queue-module__jZpw3q__trackDuration{color:var(--color-text-tertiary);font-size:.75rem;line-height:1.2}.Queue-module__jZpw3q__trackArtist{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .375rem;font-size:.875rem;overflow:hidden}.Queue-module__jZpw3q__metadata{color:var(--color-text-tertiary);flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}.Queue-module__jZpw3q__metadataItem{align-items:center;gap:.25rem;display:flex}.Queue-module__jZpw3q__spotifyLink{color:var(--color-accent);align-items:center;gap:.25rem;font-weight:500;transition:color .2s;display:inline-flex}.Queue-module__jZpw3q__spotifyLink:hover{color:var(--color-accent-hover);text-decoration:underline}@media (min-width:375px){.Queue-module__jZpw3q__trackNameWrapper{flex-direction:row;align-items:baseline;gap:.5rem}.Queue-module__jZpw3q__trackName{margin:0 0 .25rem}.Queue-module__jZpw3q__trackDuration{flex-shrink:0}}@media (min-width:640px){.Queue-module__jZpw3q__container{margin-bottom:2rem}.Queue-module__jZpw3q__header{margin-bottom:1rem}.Queue-module__jZpw3q__queueItem{gap:1rem;padding:1rem}.Queue-module__jZpw3q__albumArt{width:56px;height:56px}.Queue-module__jZpw3q__metadata{gap:1rem;font-size:.8125rem}}
.RemoveButton-module__t2hx0q__removeButton{flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:flex}.RemoveButton-module__t2hx0q__spinner{animation:1s linear infinite RemoveButton-module__t2hx0q__spin}@keyframes RemoveButton-module__t2hx0q__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.RemoveButton-module__t2hx0q__iconSmall{width:1rem;height:1rem;color:var(--color-destructive);flex-shrink:0}
.VoteButton-module__UjRH9a__voteButton{flex-shrink:0;width:36px;height:36px}.VoteButton-module__UjRH9a__votedButton{background-color:var(--color-accent);color:var(--color-text-primary);border-color:var(--color-accent);flex-shrink:0;width:36px;height:36px}.VoteButton-module__UjRH9a__votedButton:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}[data-theme=dark] .VoteButton-module__UjRH9a__votedButton{color:#000}.VoteButton-module__UjRH9a__icon{width:16px;height:16px;color:inherit;flex-shrink:0;display:block}.VoteButton-module__UjRH9a__spinner{flex-shrink:0;width:16px;height:16px;animation:1s linear infinite VoteButton-module__UjRH9a__spin;display:block}@keyframes VoteButton-module__UjRH9a__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.SearchBar-module__bJlzPW__searchContainer{flex-shrink:0;margin-bottom:1rem;position:relative}.SearchBar-module__bJlzPW__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.SearchBar-module__bJlzPW__searchForm{margin-bottom:0}.SearchBar-module__bJlzPW__inputWrapper{margin-bottom:0;position:relative}.SearchBar-module__bJlzPW__input{background-color:var(--color-bg-elevated);border:2px solid var(--color-border);width:100%;color:var(--color-text-primary);border-radius:12px;padding:.75rem 2.75rem .75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.SearchBar-module__bJlzPW__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-shadow-light);outline:none}.SearchBar-module__bJlzPW__input::placeholder{color:var(--color-text-tertiary)}.SearchBar-module__bJlzPW__searchButton{color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.SearchBar-module__bJlzPW__searchButton:hover:not(:disabled){color:var(--color-accent);background-color:var(--color-bg-secondary)}.SearchBar-module__bJlzPW__searchButton:active:not(:disabled){transform:translateY(-50%)scale(.95)}.SearchBar-module__bJlzPW__searchButton:disabled{cursor:not-allowed;opacity:.7}.SearchBar-module__bJlzPW__spinner,.SearchBar-module__bJlzPW__addSpinner{animation:1s linear infinite SearchBar-module__bJlzPW__spin}@keyframes SearchBar-module__bJlzPW__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.SearchBar-module__bJlzPW__addButton,.SearchBar-module__bJlzPW__removeButton{justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:flex}.SearchBar-module__bJlzPW__error{color:var(--color-error);background-color:var(--color-error-bg);border-radius:8px;margin-top:.5rem;padding:.75rem 1rem;font-size:.875rem}.SearchBar-module__bJlzPW__overlayBackdrop{background-color:var(--color-overlay-medium);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:.2s ease-out SearchBar-module__bJlzPW__fadeIn;position:fixed;inset:0}@keyframes SearchBar-module__bJlzPW__fadeIn{0%{opacity:0}to{opacity:1}}.SearchBar-module__bJlzPW__resultsOverlay{background-color:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:0 8px 24px var(--color-shadow-medium);z-index:1001;border-radius:12px;flex-direction:column;max-height:70vh;margin-top:.5rem;animation:.2s ease-out SearchBar-module__bJlzPW__slideDown;display:flex;position:absolute;top:100%;left:0;right:0}[data-theme=dark] .SearchBar-module__bJlzPW__resultsOverlay{box-shadow:0 8px 24px var(--color-shadow-strong)}@keyframes SearchBar-module__bJlzPW__slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.SearchBar-module__bJlzPW__overlayHeader{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.875rem 1rem;display:flex}.SearchBar-module__bJlzPW__overlayTitle{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:600}.SearchBar-module__bJlzPW__closeButton{color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;padding:0;font-size:1.75rem;line-height:1;transition:all .2s;display:flex}.SearchBar-module__bJlzPW__closeButton:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.SearchBar-module__bJlzPW__closeButton:active{transform:scale(.95)}.SearchBar-module__bJlzPW__overlayContent{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;max-height:100%;padding:.75rem;overflow-y:auto}.SearchBar-module__bJlzPW__sentinel{pointer-events:none;visibility:hidden;width:100%;min-height:1px}.SearchBar-module__bJlzPW__loadingMore{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;display:flex}.SearchBar-module__bJlzPW__loadingMoreSpinner{flex-shrink:0;animation:1s linear infinite SearchBar-module__bJlzPW__spin}.SearchBar-module__bJlzPW__loadingMoreText{flex-shrink:0}.SearchBar-module__bJlzPW__resultsList{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.SearchBar-module__bJlzPW__resultItem{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem;transition:all .2s;display:flex}.SearchBar-module__bJlzPW__resultItem:hover{border-color:var(--color-accent);box-shadow:0 4px 12px var(--color-shadow-light);transform:translateY(-2px)}[data-theme=dark] .SearchBar-module__bJlzPW__resultItem:hover{box-shadow:0 4px 12px var(--color-shadow-medium)}.SearchBar-module__bJlzPW__resultItem:active{transform:scale(.98)}.SearchBar-module__bJlzPW__albumArt{object-fit:cover;background-color:var(--color-bg-secondary);border-radius:8px;flex-shrink:0;width:48px;height:48px}.SearchBar-module__bJlzPW__queueActions{gap:.5rem;display:flex}.SearchBar-module__bJlzPW__trackInfo{flex:1;min-width:0}.SearchBar-module__bJlzPW__trackNameWrapper{flex-direction:column;gap:.125rem;margin-bottom:.25rem;display:flex}.SearchBar-module__bJlzPW__trackName{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.SearchBar-module__bJlzPW__trackDuration{color:var(--color-text-tertiary);font-size:.75rem;line-height:1.2}.SearchBar-module__bJlzPW__trackArtist{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;overflow:hidden}@media (min-width:375px){.SearchBar-module__bJlzPW__trackNameWrapper{flex-direction:row;align-items:baseline;gap:.5rem}.SearchBar-module__bJlzPW__trackName{margin:0 0 .25rem}.SearchBar-module__bJlzPW__trackDuration{flex-shrink:0}}@media (min-width:640px){.SearchBar-module__bJlzPW__searchContainer{margin-bottom:2rem}.SearchBar-module__bJlzPW__label{margin-bottom:.75rem}.SearchBar-module__bJlzPW__input{padding:.875rem 3rem .875rem 1.25rem}.SearchBar-module__bJlzPW__resultsOverlay{border-radius:16px;max-height:60vh;margin-top:.75rem}.SearchBar-module__bJlzPW__overlayHeader{padding:1rem 1.25rem}.SearchBar-module__bJlzPW__overlayTitle{font-size:1rem}.SearchBar-module__bJlzPW__overlayContent{padding:1rem}.SearchBar-module__bJlzPW__resultItem{gap:1rem;padding:1rem}.SearchBar-module__bJlzPW__albumArt{width:56px;height:56px}}@media (min-width:375px){.SearchBar-module__bJlzPW__resultItem{gap:.75rem;padding:.75rem}.SearchBar-module__bJlzPW__albumArt{width:56px;height:56px}}@media (max-height:900px){.SearchBar-module__bJlzPW__resultsOverlay{max-width:calc(100vw - 1.5rem);max-height:calc(calc(var(--vh,1vh)*100) - 2rem);border-radius:12px;margin-top:0;position:fixed;top:1rem;left:.75rem;right:.75rem}}.SearchBar-module__bJlzPW__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.SearchBar-module__bJlzPW__iconSmall{flex-shrink:0;width:1rem;height:1rem}
.VibeJamsHero-module__zQFeTq__heroSvg{width:100%;max-width:200px;margin:0 auto}.VibeJamsHero-module__zQFeTq__heroImage{width:100%;height:auto;filter:drop-shadow(0 4px 20px var(--color-accent-shadow-medium));display:block}@media (min-width:640px){.VibeJamsHero-module__zQFeTq__heroSvg{max-width:600px}}@media (min-width:640px) and (min-aspect-ratio:4/3){.VibeJamsHero-module__zQFeTq__heroSvg{max-width:400px}}
.page-module__zWJknq__main{min-height:calc(var(--vh,1vh)*100);background:linear-gradient(135deg,var(--color-bg-primary)0%,var(--color-bg-secondary)100%);justify-content:center;align-items:flex-start;padding:.5rem;display:flex;position:relative;overflow:hidden auto}.page-module__zWJknq__main:before{content:"";background:radial-gradient(circle at 20% 50%,var(--color-accent-shadow-light)0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--color-accent-shadow-light)0%,transparent 50%);pointer-events:none;z-index:0;position:absolute;inset:0}.page-module__zWJknq__container{z-index:1;flex-direction:column;gap:.5rem;width:100%;max-width:100%;display:flex;position:relative}.page-module__zWJknq__heroSection{justify-content:center;align-items:center;animation:.6s ease-out page-module__zWJknq__fadeInDown;display:flex}.page-module__zWJknq__authSection{flex-direction:column;gap:.5rem;animation:.6s ease-out .2s both page-module__zWJknq__fadeInUp;display:flex}.page-module__zWJknq__authSectionCentered{align-items:center}.page-module__zWJknq__spotifyLogin{width:100%}.page-module__zWJknq__spotifyButton{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;display:flex}.page-module__zWJknq__loginForm{background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:0 8px 32px var(--color-shadow-light);border-radius:16px;flex-direction:column;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}[data-theme=dark] .page-module__zWJknq__loginForm{box-shadow:0 8px 32px var(--color-shadow-medium);background:var(--color-bg-elevated)}.page-module__zWJknq__loginForm:hover{box-shadow:0 12px 48px var(--color-shadow-medium);transform:translateY(-2px)}[data-theme=dark] .page-module__zWJknq__loginForm:hover{box-shadow:0 12px 48px var(--color-shadow-strong)}.page-module__zWJknq__formTitle{color:var(--color-text-primary);text-align:center;letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:600}.page-module__zWJknq__inputGroup{flex-direction:column;gap:.375rem;display:flex}.page-module__zWJknq__input{background-color:var(--color-bg-primary);border:2px solid var(--color-border);width:100%;color:var(--color-text-primary);border-radius:12px;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:1rem;transition:all .2s}.page-module__zWJknq__input::placeholder{color:var(--color-text-tertiary)}.page-module__zWJknq__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-shadow-light);background-color:var(--color-bg-elevated)}.page-module__zWJknq__input:disabled{opacity:.6;cursor:not-allowed}.page-module__zWJknq__input.page-module__zWJknq__inputError{border-color:var(--color-error)}.page-module__zWJknq__input.page-module__zWJknq__inputError:focus{border-color:var(--color-error);box-shadow:0 0 0 4px var(--color-error-border);background-color:var(--color-bg-elevated)}[data-theme=dark] .page-module__zWJknq__input:focus{box-shadow:0 0 0 4px var(--color-accent-shadow-medium)}[data-theme=dark] .page-module__zWJknq__input.page-module__zWJknq__inputError:focus{box-shadow:0 0 0 4px #f4433633}[data-theme=light] .page-module__zWJknq__input.page-module__zWJknq__inputError:focus{box-shadow:0 0 0 4px #d32f2f26}.page-module__zWJknq__fieldError{color:var(--color-error);margin-top:.25rem;padding-left:.25rem;font-size:.8125rem;animation:.2s ease-out page-module__zWJknq__fadeIn}@keyframes page-module__zWJknq__fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.page-module__zWJknq__submitButton{width:100%;margin-top:.25rem;padding:.75rem 1rem;font-size:.9375rem}.page-module__zWJknq__error{background-color:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error);text-align:center;border-radius:12px;padding:.875rem 1rem;font-size:.875rem;animation:.4s ease-in-out page-module__zWJknq__shake}.page-module__zWJknq__divider{align-items:center;gap:1rem;margin:.25rem 0;display:flex}.page-module__zWJknq__dividerLine{background:var(--color-border);flex:1;height:1px}.page-module__zWJknq__dividerText{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.page-module__zWJknq__toggleSection{text-align:center;margin-top:.25rem}.page-module__zWJknq__toggleButton{color:var(--color-accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:.5rem;font-family:inherit;font-size:.875rem;text-decoration:underline;transition:opacity .2s}.page-module__zWJknq__toggleButton:hover:not(:disabled){opacity:.8}.page-module__zWJknq__toggleButton:disabled{opacity:.5;cursor:not-allowed}@keyframes page-module__zWJknq__fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes page-module__zWJknq__fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes page-module__zWJknq__shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@media (min-width:640px){.page-module__zWJknq__main{align-items:center;padding:2rem}.page-module__zWJknq__container{gap:3rem;max-width:500px}.page-module__zWJknq__authSection{gap:2rem}.page-module__zWJknq__loginForm{border-radius:20px;gap:1.5rem;padding:2.5rem}.page-module__zWJknq__inputGroup{gap:.5rem}.page-module__zWJknq__input{padding:1rem 1.25rem}.page-module__zWJknq__divider{margin:.5rem 0}.page-module__zWJknq__toggleSection{margin-top:.5rem}.page-module__zWJknq__formTitle{font-size:1.5rem}.page-module__zWJknq__spotifyButton{padding:1rem 1.5rem;font-size:1rem}.page-module__zWJknq__submitButton{margin-top:.5rem;padding:1rem 1.5rem;font-size:1rem}}@media (min-width:640px) and (min-aspect-ratio:4/3){.page-module__zWJknq__main{padding:1rem}.page-module__zWJknq__container{gap:1rem}.page-module__zWJknq__authSection{gap:.75rem}.page-module__zWJknq__loginForm{gap:.875rem;padding:1.25rem}.page-module__zWJknq__formTitle{font-size:1.25rem}.page-module__zWJknq__inputGroup{gap:.5rem}.page-module__zWJknq__input{padding:.875rem 1rem}.page-module__zWJknq__divider{margin:.375rem 0}.page-module__zWJknq__toggleSection{margin-top:.375rem}.page-module__zWJknq__spotifyButton{padding:.875rem 1.25rem}.page-module__zWJknq__submitButton{margin-top:.375rem;padding:.875rem 1.25rem}}
.page-module__dFUvkG__container{min-height:calc(var(--vh,1vh)*100);background-color:var(--color-bg-primary);flex-direction:column;padding:1rem .5rem .5rem;display:flex;overflow:hidden}.page-module__dFUvkG__content{flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;margin:0 auto;display:flex;overflow:hidden}.page-module__dFUvkG__alert{border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9375rem;font-weight:500;animation:.3s ease-out page-module__dFUvkG__slideIn;display:flex}@keyframes page-module__dFUvkG__slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-module__dFUvkG__alertError{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.page-module__dFUvkG__alertSuccess{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.page-module__dFUvkG__reconnectingOverlay{background-color:var(--color-overlay-strong);z-index:1000;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out page-module__dFUvkG__fadeIn;display:flex;position:fixed;inset:0}.page-module__dFUvkG__reconnectingContent{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.page-module__dFUvkG__reconnectingSpinner{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:60px;height:60px;animation:1s linear infinite page-module__dFUvkG__spin}.page-module__dFUvkG__reconnectingText{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.page-module__dFUvkG__reconnectingAttempt{color:var(--color-text-secondary);font-size:.9375rem;font-weight:500}@keyframes page-module__dFUvkG__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes page-module__dFUvkG__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-module__dFUvkG__loadingContainer{text-align:center;color:var(--color-text-secondary);padding:3rem}.page-module__dFUvkG__loadingSpinner{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite page-module__dFUvkG__spin;display:inline-block}.page-module__dFUvkG__loadingMessage{margin-top:1rem;margin-bottom:0}@media (min-width:640px){.page-module__dFUvkG__container{padding:4.5rem 1.5rem 1.5rem}}@media (min-width:768px){.page-module__dFUvkG__container{padding:5rem 2rem 2rem}.page-module__dFUvkG__content{max-width:900px}}@media (min-width:1024px){.page-module__dFUvkG__content{max-width:1600px}}@media (min-width:1280px){.page-module__dFUvkG__content{max-width:1800px}}@media (min-width:1600px){.page-module__dFUvkG__content{max-width:100%}}.page-module__dFUvkG__icon{flex-shrink:0;width:1.25rem;height:1.25rem}
.page-module__kC27Uq__container{min-height:calc(var(--vh,1vh)*100);background-color:var(--color-bg-primary);padding:3.5rem .75rem .75rem}.page-module__kC27Uq__content{max-width:100%;min-height:calc(calc(var(--vh,1vh)*100) - 3.5rem - 1.5rem);flex-direction:column;margin:0 auto;display:flex}.page-module__kC27Uq__title{color:var(--color-text-primary);letter-spacing:-.02em;flex-shrink:0;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.page-module__kC27Uq__actions{flex-direction:column;align-items:stretch;gap:1rem;width:100%;margin-top:auto;margin-bottom:auto;display:flex}.page-module__kC27Uq__actionButtonsRow{flex-direction:column;align-items:stretch;gap:1rem;width:100%;display:flex}.page-module__kC27Uq__actionTile{cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;font-family:inherit;transition:all .2s;background-color:var(--color-bg-elevated)!important;border:2px solid var(--color-border)!important;width:100%!important;box-shadow:0 2px 8px var(--color-shadow-light)!important;border-radius:12px!important;flex-direction:column!important;min-height:100px!important;padding:1.25rem!important;display:flex!important}[data-theme=dark] .page-module__kC27Uq__actionTile{box-shadow:0 2px 8px var(--color-shadow-medium)!important;border-color:var(--color-border)!important}.page-module__kC27Uq__actionTile:active:not(:disabled){transform:scale(.96);background-color:var(--color-bg-secondary)!important;border-color:var(--color-accent)!important;box-shadow:0 2px 8px var(--color-accent-shadow-medium)!important}.page-module__kC27Uq__actionTile:focus-visible{outline-offset:2px;outline:3px solid var(--color-accent)!important;box-shadow:0 4px 16px var(--color-accent-shadow-strong),0 0 0 1px var(--color-accent)!important}.page-module__kC27Uq__actionTile:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.page-module__kC27Uq__actionTileTitle{color:var(--color-accent);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.page-module__kC27Uq__actionTileDescription{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.4}.page-module__kC27Uq__rejoinPartyTile{background-color:var(--color-bg-elevated);border:2px solid var(--color-accent);width:100%;box-shadow:0 2px 8px var(--color-shadow-light);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:1.25rem;font-family:inherit;transition:all .2s;display:flex}[data-theme=dark] .page-module__kC27Uq__rejoinPartyTile{box-shadow:0 2px 8px var(--color-shadow-medium);border-color:var(--color-accent)}.page-module__kC27Uq__rejoinPartyTile:active{background-color:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:0 2px 8px var(--color-accent-shadow-medium);transform:scale(.96)}.page-module__kC27Uq__rejoinPartyTile:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;box-shadow:0 4px 16px var(--color-accent-shadow-strong),0 0 0 1px var(--color-accent)}.page-module__kC27Uq__rejoinPartyTile:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.page-module__kC27Uq__rejoinPartyTileTitle{color:var(--color-accent);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.page-module__kC27Uq__rejoinPartyTileId{color:var(--color-accent);opacity:.8;margin:0;font-size:.875rem;line-height:1.4}.page-module__kC27Uq__rejoinPartyButton{justify-content:center;align-items:center;background-color:var(--color-bg-elevated)!important;border:2px solid var(--color-accent)!important;width:100%!important;min-height:100px!important;box-shadow:0 2px 8px var(--color-shadow-light)!important;border-radius:12px!important;flex-direction:column!important;padding:1.25rem!important}[data-theme=dark] .page-module__kC27Uq__rejoinPartyButton{box-shadow:0 2px 8px var(--color-shadow-medium)!important;border-color:var(--color-accent)!important}.page-module__kC27Uq__rejoinPartyButton:active:not(:disabled){transform:scale(.96);background-color:var(--color-bg-secondary)!important;border-color:var(--color-accent)!important;box-shadow:0 2px 8px var(--color-accent-shadow-medium)!important}.page-module__kC27Uq__rejoinPartyButton:focus-visible{outline-offset:2px;outline:3px solid var(--color-accent)!important;box-shadow:0 4px 16px var(--color-accent-shadow-strong),0 0 0 1px var(--color-accent)!important}.page-module__kC27Uq__rejoinPartyButtonContent{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.page-module__kC27Uq__rejoinPartyButtonTitle{color:var(--color-accent);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.page-module__kC27Uq__rejoinPartyButtonId{color:var(--color-accent);opacity:.8;margin:0;font-size:.875rem;line-height:1.4}.page-module__kC27Uq__loadingIndicator{justify-content:center;align-items:center;width:100%;max-width:420px;min-height:120px;margin:0 auto;padding:1.25rem;display:flex}.page-module__kC27Uq__infoIconWrapper{flex-shrink:0;position:relative}.page-module__kC27Uq__infoIcon{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:600;line-height:1;transition:all .2s;display:flex}.page-module__kC27Uq__infoIcon:active{transform:scale(.95)}@keyframes page-module__kC27Uq__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-module__kC27Uq__deviceTooltip{z-index:1000;background-color:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:0 4px 12px var(--color-shadow-medium);border-radius:8px;max-width:600px;margin:0 auto;padding:.875rem;position:fixed;top:3.5rem;left:.75rem;right:.75rem}[data-theme=dark] .page-module__kC27Uq__deviceTooltip{box-shadow:0 4px 12px var(--color-shadow-medium);background-color:var(--color-bg-elevated);border:1px solid var(--color-border)}.page-module__kC27Uq__deviceTooltipTitle{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.page-module__kC27Uq__deviceTooltipContent{color:var(--color-text-secondary);margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.page-module__kC27Uq__deviceTooltipStatus{color:var(--color-accent);margin-top:.5rem;font-size:.8125rem;font-weight:500}.page-module__kC27Uq__deviceTooltipActions{flex-wrap:wrap;gap:.5rem;display:flex}@media (min-width:640px){.page-module__kC27Uq__container{padding:4.5rem 1.5rem 1.5rem}.page-module__kC27Uq__deviceTooltip{width:calc(100% - 2rem);max-width:600px;top:5rem;left:50%;right:auto;transform:translate(-50%)}}.page-module__kC27Uq__playlistsContainer{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;margin:1.25rem 0;padding:.75rem}.page-module__kC27Uq__playlistsHeader{margin-bottom:.875rem}.page-module__kC27Uq__playlistsTitle{color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.page-module__kC27Uq__playlistsSubtitle{color:var(--color-text-secondary);margin:0;font-size:.75rem}.page-module__kC27Uq__playlistsEmpty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.page-module__kC27Uq__playlistsEmptyIcon{opacity:.5;font-size:3rem}.page-module__kC27Uq__playlistsEmptyMessage{color:var(--color-text-secondary);max-width:300px;margin:0;font-size:.9375rem;line-height:1.5}.page-module__kC27Uq__playlistsGrid{grid-template-columns:1fr;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.page-module__kC27Uq__playlistCard{background-color:var(--color-bg-primary);border:1px solid var(--color-border);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;flex-direction:row;align-items:center;gap:.625rem;width:100%;padding:0;transition:all .2s;display:flex;overflow:hidden}.page-module__kC27Uq__playlistCard:active{border-color:var(--color-accent);background-color:var(--color-bg-secondary);transform:scale(.98)}.page-module__kC27Uq__playlistCardImageWrapper{background-color:var(--color-bg-secondary);border-radius:6px;flex-shrink:0;width:3rem;min-width:3rem;height:3rem;position:relative;overflow:hidden}.page-module__kC27Uq__playlistCardImage{object-fit:cover;width:100%;height:100%;display:block}.page-module__kC27Uq__playlistCardImagePlaceholder{background:linear-gradient(135deg,var(--color-bg-secondary)0%,var(--color-bg-elevated)100%);width:100%;height:100%;color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.page-module__kC27Uq__playlistCardImagePlaceholder svg{opacity:.4;width:20px;height:20px}.page-module__kC27Uq__playlistCardOverlay{background-color:var(--color-overlay-light);opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.page-module__kC27Uq__playlistCard:active .page-module__kC27Uq__playlistCardOverlay{opacity:1}.page-module__kC27Uq__playlistCardPlayIcon{background-color:var(--color-accent);width:1.5rem;height:1.5rem;color:var(--color-text-primary);box-shadow:0 2px 8px var(--color-shadow-medium);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;transform:scale(.9)}.page-module__kC27Uq__playlistCard:active .page-module__kC27Uq__playlistCardPlayIcon{transform:scale(1)}.page-module__kC27Uq__playlistCardPlayIcon svg{width:10px;height:10px;margin-left:1px}.page-module__kC27Uq__playlistCardContent{flex-direction:column;flex:1;gap:.1875rem;min-width:0;padding:.5rem .625rem .5rem 0;display:flex}.page-module__kC27Uq__playlistCardTitle{color:var(--color-text-primary);text-overflow:ellipsis;-webkit-line-clamp:1;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.page-module__kC27Uq__playlistCardMeta{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.3125rem;font-size:.6875rem;display:flex}.page-module__kC27Uq__playlistCardOwner{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.page-module__kC27Uq__playlistCardSeparator{opacity:.5;flex-shrink:0}.page-module__kC27Uq__playlistCardTracks{flex-shrink:0}.page-module__kC27Uq__error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error);border-radius:8px;margin-bottom:1rem;padding:1rem}.page-module__kC27Uq__loading{text-align:center;color:var(--color-text-secondary);padding:2rem}@media (min-width:640px){.page-module__kC27Uq__container{padding:4.5rem 1.5rem 1.5rem}.page-module__kC27Uq__content{max-width:900px;min-height:calc(calc(var(--vh,1vh)*100) - 4.5rem - 3rem)}.page-module__kC27Uq__title{font-size:1.75rem}.page-module__kC27Uq__actions{gap:1.25rem}.page-module__kC27Uq__actionButtonsRow{flex-direction:row;justify-content:center;gap:.625rem}.page-module__kC27Uq__actionButtonsRow .page-module__kC27Uq__actionTile{margin:0}.page-module__kC27Uq__actionTile{text-align:center;flex:1;align-items:center;max-width:280px;min-height:120px;margin:0 auto}.page-module__kC27Uq__actionTileTitle{font-size:1.25rem}.page-module__kC27Uq__actionTileDescription{font-size:.9375rem}.page-module__kC27Uq__rejoinPartyTile{max-width:420px;min-height:120px;margin:0 auto}.page-module__kC27Uq__rejoinPartyTileTitle{font-size:1.25rem}.page-module__kC27Uq__rejoinPartyTileId{font-size:.9375rem}.page-module__kC27Uq__rejoinPartyButton{max-width:420px;min-height:120px;margin:0 auto}.page-module__kC27Uq__rejoinPartyButtonTitle{font-size:1.25rem}.page-module__kC27Uq__rejoinPartyButtonId{font-size:.9375rem}.page-module__kC27Uq__loadingIndicator{max-width:420px;min-height:120px}.page-module__kC27Uq__playlistsContainer{padding:1rem}.page-module__kC27Uq__playlistsHeader{margin-bottom:1rem}.page-module__kC27Uq__playlistsTitle{font-size:1.25rem}.page-module__kC27Uq__playlistsSubtitle{font-size:.8125rem}.page-module__kC27Uq__playlistsGrid{gap:.625rem}.page-module__kC27Uq__playlistCard{gap:.75rem}.page-module__kC27Uq__playlistCardImageWrapper{width:3.5rem;min-width:3.5rem;height:3.5rem}.page-module__kC27Uq__playlistCardContent{gap:.25rem;padding:.625rem .75rem .625rem 0}.page-module__kC27Uq__playlistCardTitle{font-size:.875rem}.page-module__kC27Uq__playlistCardMeta{gap:.375rem;font-size:.75rem}}@media (min-width:768px){.page-module__kC27Uq__container{padding:5rem 2rem 2rem}.page-module__kC27Uq__title{font-size:2rem}.page-module__kC27Uq__playlistsGrid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.page-module__kC27Uq__deviceModalOverlay{background-color:var(--color-overlay-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;justify-content:center;align-items:flex-end;padding:0;animation:.2s ease-out page-module__kC27Uq__fadeIn;display:flex;position:fixed;inset:0}@keyframes page-module__kC27Uq__fadeIn{0%{opacity:0}to{opacity:1}}.page-module__kC27Uq__deviceModal{background-color:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:0 -4px 24px var(--color-shadow-medium);width:100%;max-width:100%;max-height:calc(var(--vh,1vh)*90);border-radius:16px 16px 0 0;flex-direction:column;animation:.3s ease-out page-module__kC27Uq__slideUpMobile;display:flex;position:relative}@keyframes page-module__kC27Uq__slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.page-module__kC27Uq__deviceModalHeader{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:1.25rem 1rem;display:flex}.page-module__kC27Uq__deviceModalHeaderActions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.page-module__kC27Uq__deviceModalRefresh{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.page-module__kC27Uq__deviceModalRefresh:active{transform:scale(.95)}.page-module__kC27Uq__deviceModalRefresh:disabled{cursor:not-allowed;opacity:.6}.page-module__kC27Uq__deviceModalRefresh svg{width:18px;height:18px}.page-module__kC27Uq__deviceModalRefreshSpinning svg{animation:1s linear infinite page-module__kC27Uq__spin}.page-module__kC27Uq__deviceModalRefreshButton{flex-shrink:0;border-radius:50%!important;width:2.75rem!important;min-width:2.75rem!important;height:2.75rem!important;min-height:2.75rem!important;padding:0!important}.page-module__kC27Uq__deviceModalCloseButton{flex-shrink:0;width:2.75rem!important;min-width:2.75rem!important;height:2.75rem!important;min-height:2.75rem!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50%!important;padding:0!important}.page-module__kC27Uq__deviceModalCloseButton:hover{background-color:var(--color-bg-secondary)!important}.page-module__kC27Uq__deviceModalCloseButton:active{transform:scale(.95);background-color:var(--color-bg-secondary)!important}.page-module__kC27Uq__deviceModalTitle{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:700}.page-module__kC27Uq__deviceModalClose{color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;font-size:1.75rem;line-height:1;transition:all .2s;display:flex}.page-module__kC27Uq__deviceModalClose:active{background-color:var(--color-bg-secondary);color:var(--color-text-primary);transform:scale(.95)}.page-module__kC27Uq__deviceModalPlaylist{background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;padding:.875rem 1rem;display:flex}.page-module__kC27Uq__deviceModalPlaylistLabel{color:var(--color-text-secondary);flex-shrink:0;font-size:.8125rem;font-weight:500}.page-module__kC27Uq__deviceModalPlaylistName{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8125rem;font-weight:600;overflow:hidden}.page-module__kC27Uq__deviceModalContent{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:1rem;overflow-y:auto}.page-module__kC27Uq__deviceModalDescription{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.page-module__kC27Uq__playlistSearchContainer{margin-bottom:1rem;position:relative}.page-module__kC27Uq__playlistSearchIcon{width:1.25rem;height:1.25rem;color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.page-module__kC27Uq__playlistSearchInput{background-color:var(--color-bg-elevated);border:2px solid var(--color-border);width:100%;color:var(--color-text-primary);-webkit-tap-highlight-color:transparent;border-radius:8px;padding:.875rem 1rem .875rem 3rem;font-family:inherit;font-size:1rem;transition:all .2s}.page-module__kC27Uq__playlistSearchInput:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-shadow-light);outline:none}.page-module__kC27Uq__playlistSearchInput::placeholder{color:var(--color-text-tertiary)}.page-module__kC27Uq__deviceModalEmptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2.5rem 1.25rem;display:flex}.page-module__kC27Uq__deviceModalEmptyIcon{opacity:.6;font-size:3rem}.page-module__kC27Uq__deviceModalEmptyMessage{color:var(--color-text-primary);max-width:100%;margin:0;font-size:.9375rem;font-weight:500;line-height:1.6}.page-module__kC27Uq__deviceList{flex-direction:column;gap:.625rem;display:flex}.page-module__kC27Uq__deviceCard{background-color:var(--color-bg-elevated);border:2px solid var(--color-border);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:12px;align-items:center;gap:.875rem;width:100%;min-height:3.5rem;padding:.875rem;transition:all .2s;display:flex}.page-module__kC27Uq__deviceCard:active{border-color:var(--color-accent);background-color:var(--color-bg-secondary);transform:scale(.98)}.page-module__kC27Uq__deviceCard:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.page-module__kC27Uq__deviceIcon{background-color:var(--color-bg-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;font-size:1.75rem;display:flex}.page-module__kC27Uq__deviceInfo{flex:1;min-width:0}.page-module__kC27Uq__deviceName{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-size:.9375rem;font-weight:600;overflow:hidden}.page-module__kC27Uq__deviceType{color:var(--color-text-secondary);text-transform:capitalize;font-size:.8125rem}.page-module__kC27Uq__deviceSelectArrow{color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;transition:transform .2s;display:flex}.page-module__kC27Uq__deviceSelectArrow svg{width:1.25rem;height:1.25rem}.page-module__kC27Uq__deviceSelectSpinner{animation:1s linear infinite page-module__kC27Uq__spin}.page-module__kC27Uq__deviceCard:active .page-module__kC27Uq__deviceSelectArrow{transform:translate(4px)}.page-module__kC27Uq__deviceModalFooter{border-top:1px solid var(--color-border);background-color:var(--color-bg-primary);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem;display:flex}.page-module__kC27Uq__deviceModalFooter>button{flex:1 1 0;width:auto;min-width:0}.page-module__kC27Uq__deviceModalFooter>button:only-child{flex:0 auto;min-width:120px}@media (min-width:640px){.page-module__kC27Uq__deviceModalFooter>button:only-child{min-width:140px}}.page-module__kC27Uq__deviceModalLoadingOverlay{background-color:var(--color-overlay-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;pointer-events:auto;border-radius:16px 16px 0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.page-module__kC27Uq__deviceModalLoadingContent{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.page-module__kC27Uq__deviceModalLoadingText{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:500}[data-theme=dark] .page-module__kC27Uq__deviceModal{box-shadow:0 -4px 24px var(--color-shadow-strong);background-color:var(--color-bg-elevated)}[data-theme=dark] .page-module__kC27Uq__deviceModalOverlay{background-color:var(--color-overlay-strong)}@media (min-width:640px){.page-module__kC27Uq__deviceModalOverlay{align-items:center;padding:1rem}.page-module__kC27Uq__deviceModal{max-width:500px;max-height:calc(var(--vh,1vh)*85);border-radius:16px;animation:.3s ease-out page-module__kC27Uq__slideUp}@keyframes page-module__kC27Uq__slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-module__kC27Uq__deviceModalHeader{padding:1.5rem}.page-module__kC27Uq__deviceModalTitle{font-size:1.5rem}.page-module__kC27Uq__deviceModalRefresh{width:2rem;min-width:2rem;height:2rem;min-height:2rem}.page-module__kC27Uq__deviceModalRefresh svg{width:16px;height:16px}.page-module__kC27Uq__deviceModalRefreshButton{width:2rem!important;min-width:2rem!important;height:2rem!important;min-height:2rem!important}.page-module__kC27Uq__deviceModalClose{width:2rem;min-width:2rem;height:2rem;min-height:2rem;font-size:2rem}.page-module__kC27Uq__deviceModalCloseButton{width:2rem;min-width:2rem;height:2rem;min-height:2rem;width:2rem!important;min-width:2rem!important;height:2rem!important;min-height:2rem!important}.page-module__kC27Uq__deviceModalPlaylist{padding:1rem 1.5rem}.page-module__kC27Uq__deviceModalPlaylistLabel,.page-module__kC27Uq__deviceModalPlaylistName{font-size:.875rem}.page-module__kC27Uq__deviceModalContent{padding:1.5rem}.page-module__kC27Uq__deviceModalDescription{margin:0 0 1.25rem;font-size:.9375rem}.page-module__kC27Uq__playlistSearchContainer{margin-bottom:1.25rem}.page-module__kC27Uq__playlistSearchInput{padding:1rem 1.25rem 1rem 3.25rem;font-size:1rem}.page-module__kC27Uq__playlistSearchIcon{width:1.25rem;height:1.25rem;left:1rem}.page-module__kC27Uq__deviceModalEmptyState{gap:1.25rem;padding:3.5rem 1.5rem}.page-module__kC27Uq__deviceModalEmptyIcon{font-size:3.5rem}.page-module__kC27Uq__deviceModalEmptyMessage{max-width:320px;font-size:1rem}.page-module__kC27Uq__deviceList{gap:.75rem}.page-module__kC27Uq__deviceCard{gap:1rem;min-height:auto;padding:1rem}.page-module__kC27Uq__deviceCard:active{transform:scale(.98)}.page-module__kC27Uq__deviceIcon{width:3rem;min-width:3rem;height:3rem;min-height:3rem;font-size:2rem}.page-module__kC27Uq__deviceName{font-size:1rem}.page-module__kC27Uq__deviceType{font-size:.875rem}.page-module__kC27Uq__deviceModalFooter{padding:1rem 1.5rem}}@media (min-width:1024px){.page-module__kC27Uq__deviceModal{max-width:550px}.page-module__kC27Uq__playlistsContainer{padding:1.5rem}.page-module__kC27Uq__playlistsHeader{margin-bottom:1.25rem}.page-module__kC27Uq__playlistsTitle{font-size:1.5rem}.page-module__kC27Uq__playlistsSubtitle{font-size:.875rem}.page-module__kC27Uq__playlistsGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.page-module__kC27Uq__playlistCard{border-radius:12px;flex-direction:column;align-items:stretch;gap:0}.page-module__kC27Uq__playlistCard:active{transform:scale(.98)}.page-module__kC27Uq__playlistCardImageWrapper{aspect-ratio:1;border-radius:0;width:100%;min-width:auto}.page-module__kC27Uq__playlistCardImagePlaceholder svg{width:48px;height:48px}.page-module__kC27Uq__playlistCardOverlay{background-color:var(--color-overlay-medium);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.page-module__kC27Uq__playlistCardPlayIcon{width:3.5rem;height:3.5rem}.page-module__kC27Uq__playlistCardPlayIcon svg{width:24px;height:24px;margin-left:2px}.page-module__kC27Uq__playlistCardContent{gap:.375rem;padding:.875rem}.page-module__kC27Uq__playlistCardTitle{-webkit-line-clamp:2;font-size:.9375rem}.page-module__kC27Uq__playlistCardMeta{gap:.375rem;font-size:.8125rem}}@media (min-width:1280px){.page-module__kC27Uq__playlistsGrid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.page-module__kC27Uq__joinPartyInput{background-color:var(--color-bg-elevated);border:2px solid var(--color-border);width:100%;color:var(--color-text-primary);-webkit-tap-highlight-color:transparent;border-radius:8px;margin-bottom:1rem;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.page-module__kC27Uq__joinPartyInput:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-shadow-light);outline:none}.page-module__kC27Uq__joinPartyInput:disabled{opacity:.6;cursor:not-allowed}.page-module__kC27Uq__joinPartyInput::placeholder{color:var(--color-text-tertiary)}.page-module__kC27Uq__joinPartyError{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error);border-radius:8px;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.75rem;font-size:.875rem;line-height:1.5;display:flex}.page-module__kC27Uq__joinPartyError span:first-child{flex-shrink:0;font-size:1rem}.page-module__kC27Uq__joinPartyError span:last-child{flex:1}@media (min-width:640px){.page-module__kC27Uq__joinPartyInput{padding:1rem 1.25rem;font-size:1rem}.page-module__kC27Uq__joinPartyError{padding:.875rem 1rem;font-size:.9375rem}}.page-module__kC27Uq__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.page-module__kC27Uq__iconSmall{flex-shrink:0;width:1rem;height:1rem}.page-module__kC27Uq__iconMedium{flex-shrink:0;width:1.5rem;height:1.5rem}.page-module__kC27Uq__iconLarge{flex-shrink:0;width:3rem;height:3rem}