@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);.toast-container[data-v-23de34c2]{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-index-tooltip)}.toast[data-v-23de34c2]{background-color:var(--background-elevated);color:var(--text-base);padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);min-width:250px;max-width:400px;display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm);border-left:4px solid var(--primary);transition:opacity var(--transition-duration) var(--transition-easing),transform var(--transition-duration) var(--transition-easing)}.toast-enter-from[data-v-23de34c2],.toast-leave-to[data-v-23de34c2]{opacity:0;transform:translateY(20px)}.toast-enter-active[data-v-23de34c2],.toast-leave-active[data-v-23de34c2]{transition:opacity var(--transition-duration) var(--transition-easing),transform var(--transition-duration) var(--transition-easing)}.close-button[data-v-23de34c2]{background:transparent;border:none;color:var(--text-subdued);font-size:var(--font-size-md);cursor:pointer;padding:var(--space-xxs);transition:color var(--transition-duration) var(--transition-easing)}.close-button[data-v-23de34c2]:hover{color:var(--text-base)}.toast-content[data-v-23de34c2]{flex:1;padding-right:var(--space-sm)}.device-selector-overlay[data-v-bfb03d0e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal)}.device-selector-modal[data-v-bfb03d0e]{background-color:var(--background-elevated);border-radius:var(--border-radius-md);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modal-in-bfb03d0e var(--transition-duration) var(--transition-easing)}.device-selector-header[data-v-bfb03d0e]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--decorative-subdued)}.device-selector-header h2[data-v-bfb03d0e]{margin:0;font-size:var(--font-size-lg);color:var(--text-base)}.close-button[data-v-bfb03d0e]{background:transparent;border:none;color:var(--text-subdued);font-size:var(--font-size-xl);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-duration) var(--transition-easing)}.close-button[data-v-bfb03d0e]:hover{color:var(--text-base)}.device-list[data-v-bfb03d0e]{list-style:none;padding:0;margin:0}.empty-state[data-v-bfb03d0e]{padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--text-subdued)}.device-item[data-v-bfb03d0e]{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--decorative-subdued);cursor:pointer;display:flex;align-items:center;transition:background-color var(--transition-duration) var(--transition-easing)}.device-item[data-v-bfb03d0e]:last-child{border-bottom:none}.device-item[data-v-bfb03d0e]:hover{background-color:var(--background-press)}.device-icon[data-v-bfb03d0e]{margin-right:var(--space-md);color:var(--text-subdued);font-size:var(--font-size-lg)}.device-name[data-v-bfb03d0e]{flex:1;font-weight:500;color:var(--text-base)}.device-type[data-v-bfb03d0e]{font-size:var(--font-size-sm);color:var(--text-subdued);margin-top:var(--space-xxs)}.actions[data-v-bfb03d0e]{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--decorative-subdued);display:flex;justify-content:space-between}.refresh-button[data-v-bfb03d0e]{background-color:transparent;color:var(--text-base);border:1px solid var(--decorative-subdued);border-radius:var(--border-radius-pill);padding:var(--space-xs) var(--space-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-duration) var(--transition-easing)}.refresh-button[data-v-bfb03d0e]:hover{border-color:var(--text-subdued);color:var(--text-bright-accent)}.active-device[data-v-bfb03d0e]{background-color:rgba(29,185,84,.1)}.active-device .device-name[data-v-bfb03d0e]{color:var(--text-bright-accent);font-weight:700}.loading-indicator[data-v-bfb03d0e]{display:flex;justify-content:center;padding:var(--space-xl) 0}.spinner[data-v-bfb03d0e]{border:3px solid var(--background-press);border-top:3px solid var(--primary);border-radius:50%;width:30px;height:30px;animation:spin-bfb03d0e 1s linear infinite}@keyframes spin-bfb03d0e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes modal-in-bfb03d0e{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}nav{display:flex;justify-content:center;background-color:var(--background-elevated);padding:var(--space-md);box-shadow:var(--shadow-sm)}button{margin:0 var(--space-xs);padding:var(--space-sm) var(--space-lg);cursor:pointer;font-size:var(--font-size-md);border:none;background-color:var(--primary);color:var(--spotify-black);border-radius:var(--border-radius-pill);transition:background-color var(--transition-duration) var(--transition-easing);font-weight:600}button:hover:not(:disabled){background-color:var(--primary-hover)}nav button.active,nav button[aria-current=page]{background-color:var(--primary-hover);box-shadow:0 0 0 2px rgba(30,215,96,.35)}button:disabled{opacity:.6;cursor:not-allowed}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-duration) var(--transition-easing)}.fade-enter-from,.fade-leave-to{opacity:0}.global-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal)}.spinner{border:8px solid var(--background-elevated);border-top:8px solid var(--primary);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){nav{flex-direction:column}button{margin:var(--space-xs) 0;width:100%}}.track-list[data-v-0aaf78a8]{width:100%}.track-list ul[data-v-0aaf78a8]{list-style:none;padding:0;margin:0}.track-item[data-v-0aaf78a8]{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);border-radius:var(--border-radius-sm);transition:background-color var(--transition-duration) var(--transition-easing),transform var(--transition-duration) var(--transition-easing);position:relative;overflow:hidden}.track-item[data-v-0aaf78a8]:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:transparent;transition:background-color var(--transition-duration) var(--transition-easing)}.track-item[data-v-0aaf78a8]:hover{background-color:var(--background-press);transform:translateX(4px);cursor:pointer}.track-item[data-v-0aaf78a8]:hover:before{background-color:var(--primary)}.track-item-voted[data-v-0aaf78a8]{background-color:rgba(29,185,84,.05)}.track-item-voted[data-v-0aaf78a8]:before{background-color:var(--primary)}.track-item-info[data-v-0aaf78a8]{flex:1;overflow:hidden;padding-right:var(--space-md);display:flex;align-items:center}.track-item-thumbnail[data-v-0aaf78a8]{width:50px;height:50px;margin-right:var(--space-md);border-radius:var(--border-radius-sm);overflow:hidden;flex-shrink:0;background-color:var(--background-press)}.track-item-thumbnail img[data-v-0aaf78a8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-duration) var(--transition-easing);border-radius:inherit;display:block}.track-item:hover .track-item-thumbnail img[data-v-0aaf78a8]{transform:scale(1.05)}.track-item-thumbnail-placeholder[data-v-0aaf78a8]{display:flex;align-items:center;justify-content:center;background-color:var(--background-press);color:var(--text-subdued)}.placeholder-icon[data-v-0aaf78a8]{font-size:var(--font-size-xl)}.track-item-title[data-v-0aaf78a8]{font-weight:600;margin-bottom:var(--space-xxs);color:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item-artist[data-v-0aaf78a8]{font-size:var(--font-size-sm);color:var(--text-subdued);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item-actions[data-v-0aaf78a8]{display:flex;align-items:center}.track-item-votes[data-v-0aaf78a8]{background-color:rgba(29,185,84,.1);color:var(--text-bright-accent);font-weight:600;padding:var(--space-xxs) var(--space-xs);border-radius:var(--border-radius-pill);margin-left:var(--space-sm);font-size:var(--font-size-sm);display:flex;align-items:center;min-width:60px;justify-content:center;transition:transform .2s ease,background-color .2s ease}.track-item-votes-pulse[data-v-0aaf78a8]{animation:pulse-0aaf78a8 1s cubic-bezier(.4,0,.6,1) 1;background-color:rgba(29,185,84,.2)}@keyframes pulse-0aaf78a8{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.track-item-votes-up[data-v-0aaf78a8]{margin-right:var(--space-xxs);display:flex;align-items:center}.track-item-action[data-v-0aaf78a8]{margin-left:var(--space-md)}.action-button[data-v-0aaf78a8]{background-color:var(--primary);color:var(--spotify-black);border:none;border-radius:var(--border-radius-pill);padding:var(--space-xxs) var(--space-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);white-space:nowrap;position:relative;overflow:hidden}.action-button[data-v-0aaf78a8]:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.action-button[data-v-0aaf78a8]:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.2)}.action-button[data-v-0aaf78a8]:active:after{animation:ripple-0aaf78a8 .6s ease-out}@keyframes ripple-0aaf78a8{0%{transform:scale(0);opacity:.5}to{transform:scale(20);opacity:0}}.added-badge[data-v-0aaf78a8],.voted-badge[data-v-0aaf78a8]{display:inline-flex;align-items:center;color:var(--text-bright-accent);font-size:var(--font-size-sm);font-weight:600}.added-badge svg[data-v-0aaf78a8],.voted-badge svg[data-v-0aaf78a8]{margin-left:var(--space-xxs)}.empty-message[data-v-0aaf78a8]{text-align:center;padding:var(--space-lg);color:var(--text-subdued);font-style:italic}.skeleton-list[data-v-0aaf78a8]{list-style:none;padding:0;margin:0}.skeleton-item[data-v-0aaf78a8]{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);border-radius:var(--border-radius-sm);background-color:var(--background-elevated)}.skeleton-thumbnail[data-v-0aaf78a8]{width:50px;height:50px;margin-right:var(--space-md);border-radius:var(--border-radius-sm);background:var(--background-press);flex-shrink:0}.skeleton-content[data-v-0aaf78a8]{flex:1}.skeleton-line[data-v-0aaf78a8]{background:var(--background-press);border-radius:var(--border-radius-sm);margin:6px 0}.skeleton-votes[data-v-0aaf78a8]{width:60px;height:24px;border-radius:var(--border-radius-pill);background:var(--background-press);margin-left:var(--space-sm)}.shimmer[data-v-0aaf78a8]{background:linear-gradient(90deg,var(--background-press) 25%,var(--background-elevated) 37%,var(--background-press) 63%);background-size:400% 100%;animation:shimmer-0aaf78a8 1.4s ease infinite}@keyframes shimmer-0aaf78a8{0%{background-position:100% 0}to{background-position:0 0}}.track-list-enter-active[data-v-0aaf78a8],.track-list-leave-active[data-v-0aaf78a8],.track-list-move[data-v-0aaf78a8]{transition:all .5s ease}.track-list-leave-active[data-v-0aaf78a8]{position:absolute}.track-list-enter-from[data-v-0aaf78a8]{opacity:0;transform:translateY(30px)}.track-list-leave-to[data-v-0aaf78a8]{opacity:0;transform:translateX(-30px)}@media (max-width:768px){.track-item[data-v-0aaf78a8]{flex-wrap:wrap;min-height:56px;font-size:1.1em;margin-bottom:var(--space-sm);padding:var(--space-md) var(--space-sm);border-radius:var(--border-radius-md);transition:background .2s}.track-item[data-v-0aaf78a8]:active{background:rgba(29,185,84,.08)}.action-button[data-v-0aaf78a8]{min-width:44px;min-height:44px;font-size:1em;padding:10px 16px;border-radius:var(--border-radius-pill)}.track-item-artist[data-v-0aaf78a8],.track-item-title[data-v-0aaf78a8]{font-size:1em;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-item-artist[data-v-0aaf78a8]{color:var(--text-subdued);font-size:.95em}.track-item-thumbnail[data-v-0aaf78a8]{width:40px;height:40px;margin-right:var(--space-sm);border-radius:var(--border-radius-md);flex-shrink:0;background-color:var(--background-press)}.track-item-actions[data-v-0aaf78a8]{width:100%;justify-content:flex-end;margin-top:var(--space-xs);gap:var(--space-xs)}.track-item-votes[data-v-0aaf78a8]{min-width:45px;padding:var(--space-xxs) var(--space-xs);font-size:.95em}.added-badge[data-v-0aaf78a8],.voted-badge[data-v-0aaf78a8]{font-size:.95em}.track-item-actions.search-mode .track-item-votes[data-v-0aaf78a8]{display:none}.track-item[data-v-0aaf78a8]:focus{outline:2px solid var(--primary);outline-offset:2px}.track-list[data-v-0aaf78a8]{overflow-x:hidden}.track-list ul li[data-v-0aaf78a8]:last-child{margin-bottom:var(--space-lg)}}@media (max-width:480px){.action-button[data-v-0aaf78a8]{padding:10px;min-width:44px;min-height:44px;font-size:1.2em}.action-button span[data-v-0aaf78a8]{display:none}.action-button svg[data-v-0aaf78a8]{display:inline-block}}.now-playing[data-v-565ee984]{display:flex;flex-direction:column;align-items:center;margin:var(--space-lg) 0;padding:var(--space-lg);background-color:var(--background-elevated);border-radius:var(--border-radius-md);width:100%;max-width:600px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.now-playing[data-v-565ee984]:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary) 0,var(--primary-hover) 100%)}.now-playing-info[data-v-565ee984]{text-align:center;margin-bottom:var(--space-md);z-index:1}.track-number[data-v-565ee984]{font-size:var(--font-size-md);margin-bottom:var(--space-xs);color:var(--text-subdued)}.track-title[data-v-565ee984]{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-xs);color:var(--text-bright-accent)}.track-artist[data-v-565ee984]{font-size:var(--font-size-lg);color:var(--text-subdued)}.album-art[data-v-565ee984]{width:200px;height:200px;overflow:hidden;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);position:relative}.album-art img[data-v-565ee984]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.album-art:hover img[data-v-565ee984]{transform:scale(1.05)}.playing-indicator[data-v-565ee984]{position:absolute;bottom:var(--space-sm);left:0;width:100%;display:flex;justify-content:center;align-items:flex-end;height:20px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}.playing-indicator span[data-v-565ee984]{display:inline-block;width:4px;margin:0 2px;background-color:var(--primary);animation:sound-565ee984 .8s infinite alternate}.playing-indicator span[data-v-565ee984]:first-child{height:8px;animation-delay:0ms}.playing-indicator span[data-v-565ee984]:nth-child(2){height:16px;animation-delay:.2s}.playing-indicator span[data-v-565ee984]:nth-child(3){height:12px;animation-delay:.4s}.playing-indicator span[data-v-565ee984]:nth-child(4){height:14px;animation-delay:.6s}@keyframes sound-565ee984{0%{height:5px}to{height:16px}}.progress-container[data-v-565ee984]{width:100%;margin-top:var(--space-lg)}.progress-bar[data-v-565ee984]{height:5px;background-color:var(--decorative-subdued);border-radius:var(--border-radius-pill);overflow:hidden}.progress-fill[data-v-565ee984]{height:100%;background-color:var(--primary);border-radius:var(--border-radius-pill);transition:width 1s linear}.progress-time[data-v-565ee984]{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-subdued)}.no-track[data-v-565ee984]{text-align:center;padding:var(--space-xl);color:var(--text-subdued);font-style:italic;background-color:var(--background-elevated);border-radius:var(--border-radius-md);width:100%;max-width:600px}.now-playing-skeleton[data-v-565ee984]{align-items:stretch}.skeleton-line[data-v-565ee984]{background:var(--background-press);border-radius:var(--border-radius-sm);display:inline-block}.skeleton-album[data-v-565ee984]{width:100%;height:100%;background:var(--background-press);border-radius:inherit}.shimmer[data-v-565ee984]{background:linear-gradient(90deg,var(--background-press) 25%,var(--background-elevated) 37%,var(--background-press) 63%);background-size:400% 100%;animation:shimmer-565ee984 1.4s ease infinite}@keyframes shimmer-565ee984{0%{background-position:100% 0}to{background-position:0 0}}.music-note-animation[data-v-565ee984]{margin-top:var(--space-lg);font-size:var(--font-size-xl)}.music-note-animation span[data-v-565ee984]{display:inline-block;animation:float-565ee984 3s ease-in-out infinite}.music-note-animation span[data-v-565ee984]:first-child{animation-delay:0ms}.music-note-animation span[data-v-565ee984]:nth-child(2){animation-delay:.5s;margin:0 var(--space-sm)}.music-note-animation span[data-v-565ee984]:nth-child(3){animation-delay:1s}@keyframes float-565ee984{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.fade-enter-active[data-v-565ee984],.fade-leave-active[data-v-565ee984]{transition:all .4s ease}.fade-enter-from[data-v-565ee984]{opacity:0;transform:translateY(-20px)}.fade-leave-to[data-v-565ee984]{opacity:0;transform:translateY(20px)}@media (max-width:767px){.now-playing[data-v-565ee984]{padding:var(--space-sm);margin:var(--space-md) 0}.track-title[data-v-565ee984]{font-size:var(--font-size-lg)}.track-artist[data-v-565ee984]{font-size:var(--font-size-md)}.album-art[data-v-565ee984]{width:120px;height:120px;margin-top:var(--space-xs)}.progress-container[data-v-565ee984]{margin-top:var(--space-md)}.playing-indicator span[data-v-565ee984]{width:3px;margin:0 1px}.no-track[data-v-565ee984]{padding:var(--space-md)}}@media (min-width:768px){.now-playing[data-v-565ee984]{flex-direction:row;justify-content:space-between;padding:var(--space-lg);text-align:left}.now-playing-info[data-v-565ee984]{text-align:left;margin-bottom:0;margin-right:var(--space-lg);flex:1}.album-art[data-v-565ee984]{width:150px;height:150px}.progress-container[data-v-565ee984]{position:absolute;bottom:var(--space-sm);left:var(--space-lg);right:var(--space-lg)}}@media (min-width:992px){.album-art[data-v-565ee984]{width:200px;height:200px}}.track-search[data-v-a0656bbe]{position:relative;width:100%;margin-bottom:var(--space-lg)}.track-search-input[data-v-a0656bbe]{width:100%;padding:16px 14px;font-size:1.1em;border-radius:var(--border-radius-md);border:1px solid var(--essential-subdued);outline:none;box-sizing:border-box}.track-search-dropdown[data-v-a0656bbe]{position:absolute;top:100%;left:0;width:100%;background:var(--background-elevated);border:1px solid var(--essential-subdued);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);z-index:var(--z-index-dropdown);box-shadow:var(--shadow-sm);max-height:320px;overflow-y:auto}.track-search-result[data-v-a0656bbe]{display:flex;align-items:center;padding:14px 10px;cursor:pointer;border-bottom:1px solid var(--essential-subdued);transition:background .18s;font-size:1em}.track-search-result[data-v-a0656bbe]:last-child{border-bottom:none}.track-search-result[data-v-a0656bbe]:active{background:rgba(29,185,84,.08)}.track-search-result.disabled[data-v-a0656bbe]{opacity:.5;pointer-events:none}.result-thumb[data-v-a0656bbe]{width:44px;height:44px;border-radius:var(--border-radius-md);-o-object-fit:cover;object-fit:cover;margin-right:12px;background:var(--background-press)}.result-info[data-v-a0656bbe]{display:flex;flex-direction:column;min-width:0}.result-title[data-v-a0656bbe]{font-weight:600}.result-artist[data-v-a0656bbe],.result-title[data-v-a0656bbe]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 10px)}.result-artist[data-v-a0656bbe]{font-size:.97em;color:var(--text-subdued)}.already-in-queue[data-v-a0656bbe]{color:var(--primary);font-size:.95em;margin-top:2px}.loading-result[data-v-a0656bbe],.no-results[data-v-a0656bbe]{padding:16px;color:var(--text-subdued);text-align:center}.track-search-toast[data-v-a0656bbe]{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--background-elevated);color:var(--text-base);border-radius:var(--border-radius-pill);padding:12px 32px;font-size:1.06em;box-shadow:var(--shadow-md);z-index:9999;animation:fade-in-out-a0656bbe 1.6s}@keyframes fade-in-out-a0656bbe{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.fade-enter-active[data-v-a0656bbe],.fade-leave-active[data-v-a0656bbe]{transition:opacity .3s}.fade-enter[data-v-a0656bbe],.fade-leave-to[data-v-a0656bbe]{opacity:0}@media (max-width:600px){.track-search-input[data-v-a0656bbe]{font-size:1em;padding:14px 10px}.result-thumb[data-v-a0656bbe]{width:38px;height:38px;margin-right:8px}}@media (max-width:400px){.track-search-input[data-v-a0656bbe]{font-size:.95em;padding:12px 8px}.result-thumb[data-v-a0656bbe]{width:32px;height:32px}}.guest-view[data-v-0a2d45df]{max-width:800px;margin:0 auto;padding:var(--space-lg);color:var(--text-base)}h1[data-v-0a2d45df]{text-align:center;margin-bottom:var(--space-lg);font-size:var(--font-size-xl);color:var(--text-base)}h2[data-v-0a2d45df]{color:var(--text-base);font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.search-container[data-v-0a2d45df]{position:relative;display:flex;margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-sm)}.search-input-wrapper[data-v-0a2d45df]{position:relative;flex-grow:1}.search-input-wrapper input[data-v-0a2d45df]{width:100%;padding:var(--space-md);border:1px solid var(--essential-subdued);border-right:none;border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm);background-color:var(--background-elevated);color:var(--text-base);font-size:var(--font-size-md);transition:border-color var(--transition-duration) var(--transition-easing)}.search-input-wrapper input[data-v-0a2d45df]:focus{outline:none;border-color:var(--primary)}.search-container button[data-v-0a2d45df]{padding:var(--space-sm) var(--space-lg);background-color:var(--primary);color:var(--spotify-black);border:none;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;cursor:pointer;font-size:var(--font-size-md);font-weight:600;transition:background-color var(--transition-duration) var(--transition-easing)}.search-container button[data-v-0a2d45df]:hover:not(:disabled){background-color:var(--primary-hover)}.search-container button[data-v-0a2d45df]:disabled{background-color:var(--essential-subdued);cursor:not-allowed}.loading[data-v-0a2d45df]{display:flex;justify-content:center;margin:var(--space-lg) 0}.spinner[data-v-0a2d45df]{border:4px solid var(--background-elevated);border-top:4px solid var(--primary);border-radius:50%;width:30px;height:30px;animation:spin-0a2d45df 1s linear infinite}@keyframes spin-0a2d45df{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.queue-section[data-v-0a2d45df],.search-results[data-v-0a2d45df]{margin-bottom:var(--space-xl);background-color:var(--background-elevated);border-radius:var(--border-radius-md);padding:var(--space-md)}.buttons[data-v-0a2d45df]{display:flex;justify-content:center;margin-top:var(--space-xl)}.buttons button[data-v-0a2d45df]{margin:0 var(--space-xs);padding:var(--space-sm) var(--space-lg);background-color:var(--essential-subdued);color:var(--text-base);border:none;border-radius:var(--border-radius-pill);cursor:pointer;font-size:var(--font-size-md);font-weight:600;transition:background-color var(--transition-duration) var(--transition-easing)}.buttons button[data-v-0a2d45df]:hover{background-color:var(--decorative-subdued)}.suggestions-dropdown[data-v-0a2d45df]{position:absolute;width:100%;max-height:300px;overflow-y:auto;background-color:var(--background-elevated);border:1px solid var(--essential-subdued);border-top:none;border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);z-index:10;box-shadow:var(--shadow-sm)}.search-panel[data-v-0a2d45df]{overflow:visible;position:relative;z-index:var(--z-index-dropdown)}.suggestion-item[data-v-0a2d45df]{padding:var(--space-sm);cursor:pointer;border-bottom:1px solid var(--essential-subdued);transition:background-color var(--transition-duration) var(--transition-easing)}.suggestion-item[data-v-0a2d45df]:last-child{border-bottom:none}.suggestion-item[data-v-0a2d45df]:hover{background-color:var(--background-press)}.suggestion-info[data-v-0a2d45df]{display:flex;flex-direction:column}.suggestion-title[data-v-0a2d45df]{font-weight:500;color:var(--text-base)}.suggestion-artist[data-v-0a2d45df]{font-size:var(--font-size-sm);color:var(--text-subdued)}[data-v-0a2d45df] .now-playing{background-color:var(--background-elevated);border-radius:var(--border-radius-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}[data-v-0a2d45df] .track-title{color:var(--text-bright-accent)}[data-v-0a2d45df] .track-artist{color:var(--text-subdued)}[data-v-0a2d45df] .track-list{background-color:transparent}[data-v-0a2d45df] .track-item{border-bottom:1px solid var(--decorative-subdued);padding:var(--space-sm) 0;transition:background-color var(--transition-duration) var(--transition-easing)}[data-v-0a2d45df] .track-item:hover{background-color:var(--background-press)}[data-v-0a2d45df] .track-item-action button{background-color:var(--primary);color:var(--spotify-black);border:none;border-radius:var(--border-radius-pill);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:600;transition:background-color var(--transition-duration) var(--transition-easing)}[data-v-0a2d45df] .track-item-action button:hover{background-color:var(--primary-hover)}[data-v-0a2d45df] .track-item-votes{color:var(--text-bright-accent);font-weight:600}@media (max-width:768px){.guest-view[data-v-0a2d45df]{padding:var(--space-sm)}.search-container[data-v-0a2d45df]{flex-direction:column;box-shadow:none}.search-input-wrapper input[data-v-0a2d45df]{border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;border-right:1px solid var(--essential-subdued);padding:var(--space-md);font-size:var(--font-size-lg);height:50px}.search-container button[data-v-0a2d45df]{border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);padding:var(--space-sm);width:100%;height:50px;font-size:var(--font-size-md)}.suggestions-dropdown[data-v-0a2d45df]{max-height:250px}.buttons[data-v-0a2d45df]{flex-direction:column}.buttons button[data-v-0a2d45df]{margin:var(--space-xs) 0}[data-v-0a2d45df] .album-art{width:100px!important;height:100px!important}}@media (min-width:769px) and (max-width:1024px){.search-input-wrapper input[data-v-0a2d45df]{font-size:var(--font-size-md);padding:var(--space-md) var(--space-lg)}.search-container button[data-v-0a2d45df]{padding:var(--space-md) var(--space-xl)}}.qrcode-container[data-v-5764fcf7]{display:inline-block;padding:var(--space-md);background-color:var(--spotify-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin:var(--space-md) 0}.qrcode-image[data-v-5764fcf7]{display:block}.qrcode-caption[data-v-5764fcf7]{margin-top:var(--space-md);font-size:var(--font-size-md);color:var(--text-subdued);text-align:center}.qrcode-fade-enter-active[data-v-5764fcf7],.qrcode-fade-leave-active[data-v-5764fcf7]{transition:opacity var(--transition-duration) var(--transition-easing),transform var(--transition-duration) var(--transition-easing)}.qrcode-fade-enter-from[data-v-5764fcf7],.qrcode-fade-leave-to[data-v-5764fcf7]{opacity:0;transform:scale(.95)}.loading[data-v-5764fcf7]{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.spinner[data-v-5764fcf7]{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin-5764fcf7 1s linear infinite}@keyframes spin-5764fcf7{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-view[data-v-3bd135b2]{min-height:100vh;padding:var(--space-md) 0;background-color:var(--background-base)}.form-control[data-v-3bd135b2]{width:100%;padding:var(--space-sm);border:1px solid var(--essential-subdued);border-radius:var(--border-radius-sm);background-color:var(--background-press);color:var(--text-base);font-size:var(--font-size-md);transition:border-color var(--transition-duration) ease}.form-control[data-v-3bd135b2]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(30,215,96,.3)}.btn-lg[data-v-3bd135b2]{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-lg);font-weight:700}.device-info[data-v-3bd135b2]{padding:var(--space-sm) var(--space-md);background-color:var(--background-tinted-highlight);border-radius:var(--border-radius-sm)}.text-subdued[data-v-3bd135b2]{color:var(--text-subdued);font-size:var(--font-size-sm)}[data-v-3bd135b2] .qrcode-container{margin:var(--space-md) auto}.help-text[data-v-3bd135b2]{color:var(--text-subdued);font-size:var(--font-size-sm);font-style:italic}.panel[data-v-3bd135b2]{overflow:hidden}.skeleton-select[data-v-3bd135b2]{height:40px;width:100%}.skeleton-line[data-v-3bd135b2],.skeleton-select[data-v-3bd135b2]{border-radius:var(--border-radius-sm);background:var(--background-press)}.skeleton-line[data-v-3bd135b2]{display:inline-block}.shimmer[data-v-3bd135b2]{background:linear-gradient(90deg,var(--background-press) 25%,var(--background-elevated) 37%,var(--background-press) 63%);background-size:400% 100%;animation:shimmer-3bd135b2 1.4s ease infinite}@keyframes shimmer-3bd135b2{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:768px){.btn-primary[data-v-3bd135b2],.btn-secondary[data-v-3bd135b2]{width:100%;margin:var(--space-xs) 0}.d-flex[data-v-3bd135b2]{flex-direction:column}.ml-2[data-v-3bd135b2],.ml-3[data-v-3bd135b2],.mr-2[data-v-3bd135b2],.mr-3[data-v-3bd135b2]{margin-left:0!important;margin-right:0!important;margin-top:var(--space-xs)}}.tv-mode[data-v-aa20a1a8]{background-size:cover;background-position:50%;text-align:center;background-color:var(--background-base);color:var(--text-base);min-height:100vh;display:flex;flex-direction:column;padding:var(--space-md) 0}.tv-mode[data-v-aa20a1a8],.tv-mode[data-v-aa20a1a8]>*{position:relative;z-index:1}header[data-v-aa20a1a8]{margin-top:var(--space-lg)}header h1[data-v-aa20a1a8]{font-size:var(--font-size-xxl);font-weight:700;color:var(--text-base);text-shadow:0 1px 2px rgba(0,0,0,.6)}.tv-main-content[data-v-aa20a1a8]{margin-bottom:var(--space-xl)}.now-playing-column[data-v-aa20a1a8]{display:flex;flex-direction:column;align-items:center}.side-panel-column[data-v-aa20a1a8]{display:flex;flex-direction:column}.panel h2[data-v-aa20a1a8]{color:var(--text-base);font-size:var(--font-size-xl);margin-bottom:0}footer[data-v-aa20a1a8]{padding:var(--space-lg) 0}.btn-primary[data-v-aa20a1a8],.btn-secondary[data-v-aa20a1a8]{margin:0 var(--space-xs);padding:var(--space-sm) var(--space-lg);cursor:pointer;font-size:var(--font-size-lg);border:none;border-radius:var(--border-radius-pill);transition:background-color var(--transition-duration) var(--transition-easing);font-weight:600}.btn-primary[data-v-aa20a1a8]{background-color:var(--primary);color:var(--spotify-black)}.btn-primary[data-v-aa20a1a8]:hover{background-color:var(--primary-hover)}.btn-secondary[data-v-aa20a1a8]{background-color:var(--essential-subdued);color:var(--text-base)}.btn-secondary[data-v-aa20a1a8]:hover{background-color:var(--decorative-subdued)}[data-v-aa20a1a8] .qrcode-container{background-color:var(--background-elevated);padding:var(--space-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin:var(--space-lg) 0;border:1px solid var(--border-subtle)}[data-v-aa20a1a8] .qrcode-caption{font-size:var(--font-size-lg);color:var(--text-bright-accent);margin-top:var(--space-md)}[data-v-aa20a1a8] .now-playing{background-color:var(--background-elevated);padding:var(--space-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);max-width:800px;width:100%;border:1px solid var(--border-subtle)}[data-v-aa20a1a8] .track-title{font-size:var(--font-size-xl);color:var(--text-bright-accent);text-shadow:0 1px 2px rgba(0,0,0,.55)}[data-v-aa20a1a8] .track-artist{font-size:var(--font-size-lg);color:var(--text-subdued);text-shadow:0 1px 2px rgba(0,0,0,.5)}[data-v-aa20a1a8] .album-art{box-shadow:var(--shadow-lg)}.tv-mode[data-v-aa20a1a8]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-dark);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);z-index:0}@media (min-width:768px){[data-v-aa20a1a8] .now-playing .album-art{width:100%!important;max-width:450px!important;height:auto!important;aspect-ratio:1/1}.side-panel-column[data-v-aa20a1a8]{max-height:calc(100vh - 180px);overflow-y:auto}}:root{--spotify-green:#1db954;--spotify-black:#191414;--spotify-dark-gray:#121212;--spotify-medium-gray:#535353;--spotify-light-gray:#b3b3b3;--spotify-white:#fff;--primary:var(--spotify-green);--primary-hover:#1ed760;--primary-active:#1aa34a;--background-base:var(--spotify-dark-gray);--background-highlight:#181818;--background-elevated:#1f1f1f;--background-elevated-2:#242424;--background-elevated-3:#2a2a2a;--background-press:#000;--border-subtle:#2a2a2a;--overlay-dark:rgba(0,0,0,.58);--text-base:var(--spotify-white);--text-subdued:var(--spotify-light-gray);--text-muted:#8a8a8a;--text-bright-accent:var(--spotify-green);--text-negative:#f15e6c;--text-warning:#fffe54;--text-positive:#1db954;--essential-base:var(--spotify-white);--essential-subdued:var(--spotify-medium-gray);--essential-bright-accent:var(--spotify-green);--decorative-base:var(--spotify-medium-gray);--decorative-subdued:#3e3e3e;--font-family:"Gotham",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-xxs:0.625rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--space-xxs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:2.5rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-pill:9999px;--transition-duration:200ms;--transition-easing:cubic-bezier(0.3,0,0.4,1);--shadow-sm:0 2px 5px rgba(0,0,0,.2);--shadow-md:0 4px 10px rgba(0,0,0,.25);--shadow-lg:0 8px 20px rgba(0,0,0,.3);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}body{background-color:var(--background-base);color:var(--text-base);font-family:var(--font-family);line-height:1.5;margin:0;padding:0;transition:background-color var(--transition-duration) var(--transition-easing)}h1,h2,h3,h4,h5,h6{color:var(--text-base);font-weight:700;margin-top:0}a{color:var(--text-bright-accent);text-decoration:none;transition:color var(--transition-duration) var(--transition-easing)}a:hover{color:var(--primary-hover);text-decoration:underline}.btn{display:inline-block;font-weight:600;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md);line-height:1.5;border-radius:var(--border-radius-pill);transition:all var(--transition-duration) var(--transition-easing);background-color:transparent;border:none}.btn-primary:active{background-color:var(--primary-active)}.btn-text{color:var(--text-base);background-color:transparent;padding:var(--space-xs) var(--space-sm)}.btn-text:hover{color:var(--text-bright-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.card,input,select,textarea{background-color:var(--background-elevated)}input,select,textarea{border:1px solid var(--essential-subdued);border-radius:var(--border-radius-sm);color:var(--text-base);font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md);width:100%;transition:border-color var(--transition-duration) var(--transition-easing)}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}.text-subdued{color:var(--text-subdued)}.text-accent{color:var(--text-bright-accent)}.bg-elevated{background-color:var(--background-elevated)}.rounded{border-radius:var(--border-radius-md)}.p-md{padding:var(--space-md)}.m-md{margin:var(--space-md)}.spotify-gradient{background:linear-gradient(135deg,#450af5,#c4efd9)}@media (max-width:768px){:root{--font-size-xl:1.25rem;--font-size-xxl:1.75rem;--space-lg:1.25rem;--space-xl:1.5rem;--space-xxl:2rem}.container{padding:0 var(--space-sm)}.btn{padding:var(--space-xs) var(--space-md)}.mobile-hidden{display:none!important}.card{padding:var(--space-sm)}}@media (min-width:769px) and (max-width:1024px){.tablet-hidden{display:none!important}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.row{display:flex;flex-wrap:wrap;margin-right:calc(var(--space-md)*-1);margin-left:calc(var(--space-md)*-1)}.col{position:relative;width:100%;padding-right:var(--space-md);padding-left:var(--space-md);flex-grow:1}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:768px) and (max-width:1023px){.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (max-width:767px){.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-xxs)!important}.mb-2{margin-bottom:var(--space-xs)!important}.mb-3{margin-bottom:var(--space-sm)!important}.mb-4{margin-bottom:var(--space-md)!important}.mb-5{margin-bottom:var(--space-lg)!important}.mb-6{margin-bottom:var(--space-xl)!important}.mb-7{margin-bottom:var(--space-xxl)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--space-xxs)!important}.mt-2{margin-top:var(--space-xs)!important}.mt-3{margin-top:var(--space-sm)!important}.mt-4{margin-top:var(--space-md)!important}.mt-5{margin-top:var(--space-lg)!important}.mt-6{margin-top:var(--space-xl)!important}.mt-7{margin-top:var(--space-xxl)!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--space-xxs)!important}.ml-2{margin-left:var(--space-xs)!important}.ml-3{margin-left:var(--space-sm)!important}.ml-4{margin-left:var(--space-md)!important}.ml-5{margin-left:var(--space-lg)!important}.ml-6{margin-left:var(--space-xl)!important}.ml-7{margin-left:var(--space-xxl)!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--space-xxs)!important}.mr-2{margin-right:var(--space-xs)!important}.mr-3{margin-right:var(--space-sm)!important}.mr-4{margin-right:var(--space-md)!important}.mr-5{margin-right:var(--space-lg)!important}.mr-6{margin-right:var(--space-xl)!important}.mr-7{margin-right:var(--space-xxl)!important}.p-0{padding:0!important}.p-1{padding:var(--space-xxs)!important}.p-2{padding:var(--space-xs)!important}.p-3{padding:var(--space-sm)!important}.p-4{padding:var(--space-md)!important}.p-5{padding:var(--space-lg)!important}.p-6{padding:var(--space-xl)!important}.p-7{padding:var(--space-xxl)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--space-xxs)!important}.pt-2{padding-top:var(--space-xs)!important}.pt-3{padding-top:var(--space-sm)!important}.pt-4{padding-top:var(--space-md)!important}.pt-5{padding-top:var(--space-lg)!important}.pt-6{padding-top:var(--space-xl)!important}.pt-7{padding-top:var(--space-xxl)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--space-xxs)!important}.pb-2{padding-bottom:var(--space-xs)!important}.pb-3{padding-bottom:var(--space-sm)!important}.pb-4{padding-bottom:var(--space-md)!important}.pb-5{padding-bottom:var(--space-lg)!important}.pb-6{padding-bottom:var(--space-xl)!important}.pb-7{padding-bottom:var(--space-xxl)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--space-xxs)!important}.pl-2{padding-left:var(--space-xs)!important}.pl-3{padding-left:var(--space-sm)!important}.pl-4{padding-left:var(--space-md)!important}.pl-5{padding-left:var(--space-lg)!important}.pl-6{padding-left:var(--space-xl)!important}.pl-7{padding-left:var(--space-xxl)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--space-xxs)!important}.pr-2{padding-right:var(--space-xs)!important}.pr-3{padding-right:var(--space-sm)!important}.pr-4{padding-right:var(--space-md)!important}.pr-5{padding-right:var(--space-lg)!important}.pr-6{padding-right:var(--space-xl)!important}.pr-7{padding-right:var(--space-xxl)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.d-flex{display:flex!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.d-none{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-inline{display:inline!important}.btn-primary,.btn-secondary{display:inline-block;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--border-radius-pill);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:background-color var(--transition-duration) var(--transition-easing);text-align:center}.btn-primary{background-color:var(--primary);color:var(--spotify-black)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--essential-subdued);color:var(--text-base)}.btn-secondary:hover{background-color:var(--decorative-subdued)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);font-weight:700}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.form-control{width:100%;padding:var(--space-sm);background-color:var(--background-press);border:1px solid var(--essential-subdued);border-radius:var(--border-radius-sm);color:var(--text-base);font-size:var(--font-size-md);transition:border-color var(--transition-duration) ease}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(30,215,96,.3)}.form-group{margin-bottom:var(--space-md)}label{display:block;margin-bottom:var(--space-xs);color:var(--text-base);font-weight:500}.panel{box-shadow:var(--shadow-md);overflow:hidden}.panel-header{padding:var(--space-md) var(--space-md) 0}.panel-header h1,.panel-header h2,.panel-header h3{margin-top:0;color:var(--text-base)}.panel p{margin-bottom:var(--space-sm)}.panel-content{padding:var(--space-md)}.card-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}}.container-sm{max-width:540px}.container-md{max-width:720px}.container-lg{max-width:960px}.container-xl{max-width:1140px}.panel{background-color:var(--background-elevated);border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.panel,.panel-header{margin-bottom:var(--space-md)}.panel-header{border-bottom:1px solid var(--decorative-subdued);padding-bottom:var(--space-sm)}.panel-footer{border-top:1px solid var(--decorative-subdued);margin-top:var(--space-md);padding-top:var(--space-sm)}@media (max-width:767px){.hide-sm{display:none!important}.order-sm-first{order:-1}.order-sm-last{order:13}}@media (min-width:768px) and (max-width:1023px){.hide-md{display:none!important}.order-md-first{order:-1}.order-md-last{order:13}}@media (min-width:1024px){.hide-lg{display:none!important}.order-lg-first{order:-1}.order-lg-last{order:13}}