:root,[data-theme=dark]{--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-rgb: 59, 130, 246;--color-secondary: #60a5fa;--color-bg-primary: #1a1a1a;--color-bg-secondary: #2a2a2a;--color-bg-tertiary: #3a3a3a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-success: #28a745;--color-warning: #e67e22;--color-error: #dc3545;--space-unit: 4px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-normal: .2s ease;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-caption: .75rem;--font-size-body: 1rem;--font-size-h3: 1.125rem;--font-size-h2: 1.5rem;--font-size-h1: 2rem}[data-theme=light]{--color-primary: #0a5ca8;--color-primary-hover: #1672c4;--color-primary-rgb: 10, 92, 168;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #e0e0e0;--color-text-primary: #1a1a1a;--color-text-secondary: rgba(0, 0, 0, .7);--color-text-muted: rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:var(--color-primary-hover)}button{background-color:#f9f9f9}}._banner_13mx0_11{position:fixed;top:0;left:0;right:0;width:90%;max-width:1400px;margin:0 auto;z-index:2000;display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:#fff;font-family:var(--font-family);font-size:var(--font-size-body);animation:_slideDown_13mx0_1 .3s ease-out;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-md)}@keyframes _slideDown_13mx0_1{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}._error_13mx0_83{background-color:var(--color-error)}._warning_13mx0_91{background-color:var(--color-warning)}._success_13mx0_99{background-color:var(--color-success)}._content_13mx0_109{flex:1;min-width:0}._message_13mx0_119{font-weight:600;line-height:1.4;word-wrap:break-word}._code_13mx0_131{margin-top:var(--space-xs);font-size:var(--font-size-caption);opacity:.9;font-family:Courier New,monospace}._suggestion_13mx0_145{margin-top:var(--space-xs);font-size:.875rem;opacity:.95}._dismiss_13mx0_159{flex-shrink:0;background:none;border:none;color:#fff;cursor:pointer;padding:var(--space-xs);font-size:1.25rem;line-height:1;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:auto;min-width:auto}._dismiss_13mx0_159:hover{background-color:#fff3;transform:none;box-shadow:none}._dismiss_13mx0_159:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media(min-width:768px)and (max-width:1023px){._banner_13mx0_11{width:95%}}@media(max-width:767px){._banner_13mx0_11{width:100%;border-radius:0;padding:var(--space-sm)}}._pill_1bkc7_3{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:999px;background-color:var(--color-bg-tertiary);border:1px solid transparent;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:600;letter-spacing:.04em;color:var(--color-text-primary);transition:background-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}._pill_1bkc7_3:hover{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-sm);transform:none}._pill_1bkc7_3:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._led_1bkc7_33{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}._live_1bkc7_42 ._led_1bkc7_33{background-color:var(--color-success)}._syncing_1bkc7_46 ._led_1bkc7_33{background-color:var(--color-warning)}._down_1bkc7_50 ._led_1bkc7_33{background-color:var(--color-error)}._pulse_1bkc7_55{animation:_ledPulse_1bkc7_1 1.2s ease-in-out infinite}@keyframes _ledPulse_1bkc7_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}._idle_1bkc7_65{border-color:var(--color-bg-tertiary);color:var(--color-text-muted)}._idle_1bkc7_65:hover{color:var(--color-text-primary);border-color:var(--color-primary)}._code_1bkc7_75{font-family:Courier New,monospace;letter-spacing:.12em}._label_1bkc7_80{font-family:var(--font-family)}._toggle_bzi3m_1{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1.25rem;cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal)}._toggle_bzi3m_1:hover{background:var(--color-bg-tertiary)}._header_e419v_3{width:100%;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-bg-tertiary);z-index:1000;flex-shrink:0;transition:background-color var(--transition-normal),border-color var(--transition-normal)}._inner_e419v_12{display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-xl);height:56px;max-width:1600px;margin:0 auto;min-width:0}._logo_e419v_23{font-size:var(--font-size-h3);font-weight:700;color:var(--color-primary);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:var(--space-xs)}._logo_e419v_23:hover{color:var(--color-primary-hover)}._logoIcon_e419v_38{width:28px;height:28px;border-radius:var(--radius-sm, 6px);flex-shrink:0}._pillSlot_e419v_46{min-width:0;flex-shrink:1;overflow:hidden}._spacer_e419v_52{flex:1}._actions_e419v_57{display:flex;align-items:center;gap:var(--space-sm)}._iconBtn_e419v_63{width:36px;height:36px;border-radius:var(--radius-md);background:none;border:none;color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-width:unset;min-height:unset;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}._iconBtn_e419v_63:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);transform:none;box-shadow:none}._iconBtn_e419v_63:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media(max-width:767px){._inner_e419v_12{padding:0 var(--space-sm);gap:var(--space-xs);height:50px}._logo_e419v_23{font-size:.85rem}._logoIcon_e419v_38{width:24px;height:24px}._actions_e419v_57{gap:2px;flex-shrink:0}._iconBtn_e419v_63{width:32px;height:32px;font-size:1rem}}@media(max-width:380px){._logo_e419v_23{font-size:1.1rem}._logoText_e419v_130{display:none}}._container_r7x1a_5{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}._iconButton_r7x1a_19{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);background:var(--color-bg-secondary);cursor:pointer;position:relative;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}._viaHostBadge_r7x1a_55{position:absolute;bottom:-4px;right:-4px;font-size:9px;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:2px 4px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff}._iconButton_r7x1a_19:hover{background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm)}._inactive_r7x1a_95{filter:grayscale(100%);opacity:.6}._active_r7x1a_105{filter:none;opacity:1;border-color:var(--color-primary)}._icon_r7x1a_19{width:28px;height:28px}._prompt_r7x1a_127{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary)}._promptLink_r7x1a_147{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}._promptLink_r7x1a_147:hover{color:var(--color-primary-hover);text-decoration:underline}._myPlaylistsPill_r7x1a_173{display:flex;align-items:center;gap:.4rem;height:36px;padding:0 .85rem;border:1px solid var(--color-bg-tertiary);border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.82rem;font-weight:600;font-family:var(--font-family);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast);margin-left:auto}._myPlaylistsPill_r7x1a_173:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}._pillCount_r7x1a_221{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--color-primary);color:#000;font-size:.7rem;font-weight:700;line-height:1}@media(max-width:767px){._iconButton_r7x1a_19{width:36px;height:36px}._icon_r7x1a_19{width:20px;height:20px}._container_r7x1a_5{padding:var(--space-xs, 4px) var(--space-sm)}}._container_1vu5n_5{width:100%;padding:var(--space-md);font-family:var(--font-family)}._grid_1vu5n_19{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}@media(min-width:768px){._grid_1vu5n_19{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(min-width:1024px){._grid_1vu5n_19{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}._playlistCard_1vu5n_57{background-color:var(--color-bg-primary);border-radius:var(--radius-md);padding:.5rem;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);min-height:44px;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow-sm)}._playlistCard_1vu5n_57:hover{background-color:var(--color-bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}._playlistCard_1vu5n_57:active{transform:translateY(0)}._playlistCard_1vu5n_57:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._artworkContainer_1vu5n_115{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-secondary)}._artwork_1vu5n_115{width:100%;height:100%;object-fit:cover;display:block}._placeholderArtwork_1vu5n_145{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%)}._playlistInfo_1vu5n_167{display:flex;flex-direction:column;gap:var(--space-xs)}._playlistName_1vu5n_179{font-size:.78rem;font-weight:600;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}._trackCount_1vu5n_205{font-size:.7rem;color:var(--color-text-muted);margin:0}._skeletonCard_1vu5n_219{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:.75rem;animation:_pulse_1vu5n_1 1.5s ease-in-out infinite}@keyframes _pulse_1vu5n_1{0%,to{opacity:1}50%{opacity:.6}}._skeletonArtwork_1vu5n_257{width:100%;aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--color-bg-secondary)}._skeletonText_1vu5n_271{height:1.2rem;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);width:80%}._skeletonSubtext_1vu5n_285{height:.875rem;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);width:50%}._emptyState_1vu5n_301{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-xl)}._emptyMessage_1vu5n_317{font-size:1.1rem;color:var(--color-text-muted);text-align:center;margin:0}@media(max-width:767px){._container_1vu5n_5{padding:.5rem}._playlistCard_1vu5n_57{padding:.4rem}._placeholderArtwork_1vu5n_145{font-size:1.25rem}}@media(min-width:1024px){._playlistCard_1vu5n_57:hover ._artwork_1vu5n_115{transform:scale(1.05);transition:transform .3s ease}._artworkContainer_1vu5n_115{overflow:hidden}}._container_1voqc_5{width:100%;padding:var(--space-md);font-family:var(--font-family)}._participantNotice_1voqc_19{background-color:var(--color-bg-secondary);color:var(--color-warning);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:var(--space-md);text-align:center;font-size:.9rem;border:1px solid var(--color-bg-tertiary)}._list_1voqc_43{display:flex;flex-direction:column;gap:var(--space-sm)}._trackItem_1voqc_57{background-color:var(--color-bg-primary);border-radius:var(--radius-md);padding:.75rem;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;gap:var(--space-md);min-height:44px}._trackItem_1voqc_57:hover,._trackItem_1voqc_57:active{background-color:var(--color-bg-secondary)}._trackItem_1voqc_57:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._trackItem_1voqc_57._disabled_1voqc_111{cursor:not-allowed;opacity:.7}._trackItem_1voqc_57._disabled_1voqc_111:hover{background-color:var(--color-bg-primary)}._trackItem_1voqc_57._trackItemOpen_1voqc_131{position:relative;z-index:10}._trackItem_1voqc_57._currentTrack_1voqc_143{background-color:var(--color-primary);color:#000}._trackItem_1voqc_57._currentTrack_1voqc_143:hover{background-color:var(--color-primary-hover)}._trackItem_1voqc_57._currentTrack_1voqc_143 ._trackTitle_1voqc_161,._trackItem_1voqc_57._currentTrack_1voqc_143 ._trackMeta_1voqc_163,._trackItem_1voqc_57._currentTrack_1voqc_143 ._trackDuration_1voqc_165{color:#000}._artworkContainer_1voqc_175{position:relative;width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-bg-secondary)}._artwork_1voqc_175{width:100%;height:100%;object-fit:cover;display:block}._placeholderArtwork_1voqc_209{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%)}._playingIndicator_1voqc_231{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:var(--color-primary);width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}._trackInfo_1voqc_263{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}._trackTitle_1voqc_161{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._trackMeta_1voqc_163{font-size:.875rem;color:var(--color-text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._trackDuration_1voqc_165{font-size:.875rem;color:var(--color-text-muted);flex-shrink:0;font-variant-numeric:tabular-nums}._addMenuContainer_1voqc_337{position:relative;flex-shrink:0}._unavailable_1voqc_347{opacity:.45}._unavailableIcon_1voqc_355{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-text-muted);cursor:default}._playNowButton_1voqc_379{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-bg-tertiary);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast)}._playNowButton_1voqc_379:hover{background:var(--color-accent);color:#fff;transform:scale(1.1)}._addMenuButton_1voqc_423{height:30px;padding:0 .6rem;border-radius:var(--radius-md);border:1px solid var(--color-bg-tertiary);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast)}._addMenuButton_1voqc_423:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}._addMenuButton_1voqc_423:disabled{opacity:.5;cursor:wait}._addMenuButtonDone_1voqc_471{border-color:var(--color-primary);color:var(--color-primary)}._addMenu_1voqc_337{position:absolute;right:0;top:calc(100% + 4px);min-width:200px;max-height:280px;overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);box-shadow:0 6px 16px #00000059;z-index:200;display:flex;flex-direction:column;padding:.25rem 0}._addMenuItem_1voqc_517{padding:.45rem .85rem;border:none;background:none;color:var(--color-text-primary);text-align:left;cursor:pointer;font-size:.875rem;font-family:var(--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._addMenuItem_1voqc_517:hover{background:var(--color-bg-secondary)}._addMenuNewItem_1voqc_553{color:var(--color-primary)}._addMenuDivider_1voqc_561{height:1px;background:var(--color-bg-tertiary);margin:.25rem 0}._addMenuSection_1voqc_573{padding:.3rem .85rem .2rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);pointer-events:none}._addMenuEmpty_1voqc_593{padding:.4rem .85rem;color:var(--color-text-muted);font-size:.875rem;font-style:italic}._newPlaylistInline_1voqc_609{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem}._newPlaylistInput_1voqc_623{flex:1;height:28px;padding:0 .5rem;background:var(--color-bg-secondary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.8rem;font-family:var(--font-family);min-width:0}._newPlaylistInput_1voqc_623:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.25)}._newPlaylistConfirm_1voqc_659{width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--color-primary);background:var(--color-primary);color:#000;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}._newPlaylistConfirm_1voqc_659:disabled{opacity:.4;cursor:not-allowed}._trackItem_1voqc_57._currentTrack_1voqc_143 ._trackDuration_1voqc_165{color:#000;font-weight:600}._skeletonTrack_1voqc_713{background-color:var(--color-bg-primary);border-radius:var(--radius-md);padding:.75rem;display:flex;align-items:center;gap:var(--space-md);min-height:44px;animation:_pulse_1voqc_1 1.5s ease-in-out infinite}@keyframes _pulse_1voqc_1{0%,to{opacity:1}50%{opacity:.6}}._skeletonArtwork_1voqc_753{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);background-color:var(--color-bg-secondary)}._skeletonInfo_1voqc_769{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}._skeletonTitle_1voqc_783{height:1rem;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);width:60%}._skeletonSubtitle_1voqc_797{height:.875rem;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);width:40%}._skeletonDuration_1voqc_811{width:40px;height:.875rem;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);flex-shrink:0}._emptyState_1voqc_829{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-xl)}._emptyMessage_1voqc_845{font-size:1.1rem;color:var(--color-text-muted);text-align:center;margin:0}@media(max-width:767px){._container_1voqc_5{padding:.75rem}._list_1voqc_43{gap:.375rem}._trackItem_1voqc_57{padding:.625rem;gap:.75rem}._artworkContainer_1voqc_175{width:40px;height:40px}._trackTitle_1voqc_161{font-size:.95rem}._trackMeta_1voqc_163,._trackDuration_1voqc_165{font-size:.8rem}._participantNotice_1voqc_19{font-size:.85rem;padding:.625rem .875rem}}@media(min-width:768px)and (max-width:1023px){._container_1voqc_5{padding:1.25rem}._list_1voqc_43{gap:.625rem}}@media(min-width:1024px){._container_1voqc_5{padding:var(--space-lg)}._list_1voqc_43{gap:var(--space-sm)}._trackItem_1voqc_57:hover ._artwork_1voqc_175{transform:scale(1.1);transition:transform .3s ease}._artworkContainer_1voqc_175{overflow:hidden}}._container_1kixf_1{position:relative;width:100%;max-width:400px}._input_1kixf_13{width:100%;padding:10px 40px 10px 12px;font-size:var(--font-size-body);font-family:var(--font-family);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}._input_1kixf_13:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}._clearButton_1kixf_49{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}._clearButton_1kixf_49:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}._clearButton_1kixf_49:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){._input_1kixf_13{font-size:16px;padding:12px 44px 12px 12px}}._container_6eim0_5{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family)}._header_6eim0_27{padding:var(--space-lg);border-bottom:1px solid var(--color-bg-secondary);display:flex;flex-direction:column;gap:var(--space-md);background-color:var(--color-bg-secondary)}._title_6eim0_45{font-size:1.75rem;font-weight:700;margin:0;color:var(--color-text-primary)}._backButton_6eim0_59{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-body);font-weight:600;cursor:pointer;padding:var(--space-sm) 0;text-align:left;transition:color var(--transition-fast);min-height:44px;display:flex;align-items:center}._backButton_6eim0_59:hover{color:var(--color-primary-hover)}._backButton_6eim0_59:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}._content_6eim0_113{flex:1;overflow-y:auto;overflow-x:hidden;transition:opacity var(--transition-fast)}._bulkAddBar_6eim0_129{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-bg-tertiary);flex-shrink:0}._bulkAddLabel_6eim0_151{font-size:var(--font-size-caption);color:var(--color-text-muted)}._bulkAddMenuContainer_6eim0_161{position:relative;flex-shrink:0}._bulkAddButton_6eim0_171{height:32px;padding:0 .8rem;border-radius:var(--radius-md);border:1px solid var(--color-primary);background:var(--color-bg-primary);color:var(--color-primary);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}._bulkAddButton_6eim0_171:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:none;box-shadow:none}._bulkAddButton_6eim0_171:disabled{opacity:.6;cursor:wait}._bulkAddMenu_6eim0_161{position:absolute;right:0;top:calc(100% + 4px);min-width:220px;max-height:320px;overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);box-shadow:0 6px 16px #00000059;z-index:200;display:flex;flex-direction:column;padding:.25rem 0}._bulkAddMenuItem_6eim0_255{padding:.45rem .85rem;border:none;background:none;color:var(--color-text-primary);text-align:left;cursor:pointer;font-size:.875rem;font-family:var(--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._bulkAddMenuItem_6eim0_255:hover{background:var(--color-bg-secondary)}._bulkAddMenuNewItem_6eim0_291{color:var(--color-primary)}._bulkAddMenuDivider_6eim0_299{height:1px;background:var(--color-bg-tertiary);margin:.25rem 0}._bulkAddMenuSection_6eim0_311{padding:.3rem .85rem .2rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);pointer-events:none}._bulkAddMenuEmpty_6eim0_331{padding:.4rem .85rem;color:var(--color-text-muted);font-size:.875rem;font-style:italic}._bulkAddNewInline_6eim0_345{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem}._bulkAddNewInput_6eim0_359{flex:1;height:28px;padding:0 .5rem;background:var(--color-bg-secondary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.8rem;font-family:var(--font-family);min-width:0}._bulkAddNewInput_6eim0_359:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.25)}._bulkAddNewConfirm_6eim0_395{width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--color-primary);background:var(--color-primary);color:#000;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}._bulkAddNewConfirm_6eim0_395:disabled{opacity:.4;cursor:not-allowed}._errorContainer_6eim0_439{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--space-xl);text-align:center}._errorIcon_6eim0_459{font-size:4rem;margin-bottom:var(--space-md)}._errorTitle_6eim0_469{font-size:var(--font-size-h2);font-weight:600;margin:0 0 var(--space-sm) 0;color:var(--color-text-primary)}._errorMessage_6eim0_483{font-size:var(--font-size-body);color:var(--color-text-muted);margin:0 0 var(--space-lg) 0;max-width:500px}._retryButton_6eim0_497{background-color:var(--color-primary);color:#fff;border:none;border-radius:24px;padding:.75rem 2rem;font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);min-height:44px;min-width:120px}._retryButton_6eim0_497:hover{background-color:var(--color-primary-hover);transform:scale(1.05)}._retryButton_6eim0_497:active{transform:scale(.98)}._retryButton_6eim0_497:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._retryingMessage_6eim0_555{font-size:.95rem;color:var(--color-primary);margin:0;font-weight:500}._emptyState_6eim0_571{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--space-xl);text-align:center}._emptyIcon_6eim0_591{font-size:5rem;margin-bottom:var(--space-md);opacity:.5}._emptyTitle_6eim0_603{font-size:var(--font-size-h2);font-weight:600;margin:0 0 var(--space-sm) 0;color:var(--color-text-primary)}._emptyMessage_6eim0_617{font-size:var(--font-size-body);color:var(--color-text-muted);margin:0;max-width:500px;line-height:1.5}@media(max-width:767px){._header_6eim0_27{padding:var(--space-md)}._title_6eim0_45{font-size:var(--font-size-h2)}._backButton_6eim0_59{font-size:.95rem;min-height:44px}._errorContainer_6eim0_439,._emptyState_6eim0_571{min-height:300px;padding:var(--space-lg)}._errorIcon_6eim0_459,._emptyIcon_6eim0_591{font-size:3rem}._errorTitle_6eim0_469,._emptyTitle_6eim0_603{font-size:1.25rem}._errorMessage_6eim0_483,._emptyMessage_6eim0_617{font-size:.95rem}._retryButton_6eim0_497{padding:.65rem 1.5rem;font-size:.95rem}}@media(min-width:768px)and (max-width:1023px){._header_6eim0_27{padding:1.25rem}._title_6eim0_45{font-size:1.6rem}}@media(min-width:1024px){._header_6eim0_27{padding:var(--space-xl)}._title_6eim0_45{font-size:var(--font-size-h1)}._backButton_6eim0_59:hover{text-decoration:underline}}._content_6eim0_113:has(._loading_6eim0_771){pointer-events:none;opacity:.7}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._content_6eim0_113::-webkit-scrollbar{width:12px}._content_6eim0_113::-webkit-scrollbar-track{background:var(--color-bg-secondary)}._content_6eim0_113::-webkit-scrollbar-thumb{background:var(--color-bg-secondary);border-radius:var(--radius-md)}._content_6eim0_113::-webkit-scrollbar-thumb:hover{background:var(--color-bg-tertiary)}._searchModeSelector_6eim0_831{display:flex;gap:2px;background:var(--color-bg-primary, #1a1a1a);border-radius:var(--radius-md, 8px);padding:2px}._searchModeButton_6eim0_847{flex:1;padding:.4rem .75rem;border:none;background:transparent;color:var(--color-text-secondary, #888);font-size:.8rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm, 6px);transition:background-color .15s,color .15s;white-space:nowrap;min-height:36px}._searchModeButton_6eim0_847:hover:not(:disabled){background:var(--color-surface-hover, rgba(128, 128, 128, .15));color:var(--color-text-primary, #fff)}._searchModeButton_6eim0_847:disabled{opacity:.4;cursor:not-allowed}._searchModeActive_6eim0_897{background:var(--color-primary);color:#fff}._searchModeActive_6eim0_897:hover{background:var(--color-primary-hover);color:#fff}@media(max-width:767px){._content_6eim0_113{max-height:50vh;overflow-y:auto}._title_6eim0_45{font-size:1.25rem}._searchModeSelector_6eim0_831{flex-wrap:nowrap}._searchModeButton_6eim0_847{font-size:.7rem;padding:.3rem .5rem;min-height:32px}}._drawer_z619m_3{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}._drawer_z619m_3._open_z619m_11{box-shadow:var(--shadow-md)}._handle_z619m_16{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-bg-secondary);border:none;width:100%;text-align:left;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:600;letter-spacing:.04em;border-top:1px solid var(--color-bg-tertiary);transition:background-color var(--transition-fast);min-height:unset}._handle_z619m_16:hover{background-color:var(--color-bg-tertiary);transform:none;box-shadow:none}._handle_z619m_16:focus-visible{outline:3px solid var(--color-primary);outline-offset:-2px}._handleLabel_z619m_48{display:flex;align-items:center;gap:var(--space-sm)}._chevron_z619m_54{display:inline-block;transition:transform var(--transition-normal);font-size:.65rem;color:var(--color-text-muted)}._chevron_z619m_54._rotated_z619m_61{transform:rotate(180deg)}._body_z619m_66{overflow:hidden;max-height:0;transition:max-height .3s ease}._body_z619m_66._open_z619m_11{max-height:75vh;overflow-y:auto}._bodyInner_z619m_77{padding:var(--space-md);border-top:1px solid var(--color-bg-tertiary)}._container_1b5t5_1{padding:1rem;border-radius:8px;background:var(--surface-color, #1e1e1e)}._header_1b5t5_13{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}._title_1b5t5_27{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}._refreshButton_1b5t5_41{background:none;border:1px solid var(--border-color, #444);border-radius:6px;padding:.4rem .6rem;cursor:pointer;font-size:1rem;color:var(--text-primary, #fff)}._refreshButton_1b5t5_41:disabled{opacity:.5;cursor:not-allowed}._emptyMessage_1b5t5_71{color:var(--text-secondary, #aaa);font-size:.875rem;text-align:center;padding:1rem 0}._deviceList_1b5t5_85{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}._deviceItem_1b5t5_103{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid var(--border-color, #444);border-radius:8px;background:transparent;color:var(--text-primary, #fff);cursor:pointer;text-align:left;font-size:.9rem}._deviceItem_1b5t5_103:hover{background:var(--hover-color, rgba(255, 255, 255, .08))}._deviceItem_1b5t5_103._selected_1b5t5_141{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}._deviceIcon_1b5t5_151{font-size:1.5rem;flex-shrink:0}._deviceInfo_1b5t5_161{display:flex;flex-direction:column}._deviceName_1b5t5_171{font-weight:500}._deviceType_1b5t5_179{font-size:.75rem;color:var(--text-secondary, #aaa)}._container_1orio_3{display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg);padding:var(--space-xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);min-height:0;height:100%;box-shadow:var(--shadow-md)}._visuallyHidden_1orio_17{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._placeholder_1orio_30{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);flex:1;color:var(--color-text-muted);text-align:center;padding:var(--space-xl)}._placeholderIcon_1orio_42{font-size:4rem;line-height:1;opacity:.5}._placeholderText_1orio_48{font-size:var(--font-size-h3);color:var(--color-text-muted)}._placeholderSub_1orio_53{font-size:var(--font-size-caption);color:var(--color-text-muted)}._artworkWrapper_1orio_59{display:flex;justify-content:center}._artwork_1orio_59{width:100%;max-width:260px;aspect-ratio:1;border-radius:var(--radius-lg);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:4rem;overflow:hidden;box-shadow:var(--shadow-lg);flex-shrink:0}._artwork_1orio_59 img{width:100%;height:100%;object-fit:cover}._ytSlot_1orio_86{width:100%;max-width:260px;aspect-ratio:16 / 9;border-radius:var(--radius-lg);background-color:#000;overflow:hidden;box-shadow:var(--shadow-lg);flex-shrink:0}._trackInfo_1orio_98{display:flex;align-items:flex-start;gap:var(--space-sm);min-width:0}._trackText_1orio_105{flex:1;min-width:0}._trackTitle_1orio_110{font-size:var(--font-size-h2);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}._trackArtist_1orio_121{font-size:var(--font-size-h3);color:var(--color-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._serviceDot_1orio_131{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:6px}._spotify_1orio_139{background-color:#1db954}._youtube_music_1orio_140{background-color:red}._plex_1orio_141{background-color:#e5a00d}._amazon_music_1orio_142{background-color:#00a8e1}._unknown_1orio_143{background-color:var(--color-text-muted)}._scrubber_1orio_146{display:flex;flex-direction:column;gap:var(--space-xs)}._scrubberSlider_1orio_152{width:100%}._scrubberTimes_1orio_156{display:flex;justify-content:space-between;font-size:var(--font-size-caption);color:var(--color-text-muted);font-variant-numeric:tabular-nums}._controls_1orio_165{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}._controlBtn_1orio_172{width:48px;height:48px;border-radius:50%;border:none;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast);padding:0;min-width:unset;min-height:unset}._controlBtn_1orio_172:hover:not(:disabled){background-color:var(--color-bg-tertiary);transform:scale(1.08);box-shadow:var(--shadow-sm)}._controlBtn_1orio_172:disabled{opacity:.4;cursor:not-allowed}._playPauseBtn_1orio_201{width:60px;height:60px;font-size:1.4rem;background-color:var(--color-primary);color:#fff}._playPauseBtn_1orio_201:hover:not(:disabled){background-color:var(--color-primary-hover)}._hostOnlyNote_1orio_214{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--font-size-caption);color:var(--color-text-muted);padding:var(--space-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);text-align:center}._container_zg6sm_3{display:flex;flex-direction:column;gap:0;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}._header_zg6sm_12{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-bg-tertiary);flex-shrink:0}._header_zg6sm_12 h3{font-size:var(--font-size-h3);font-weight:600;color:var(--color-text-primary);margin:0}._headerActions_zg6sm_28{display:flex;align-items:center;gap:var(--space-xs)}._addButton_zg6sm_34{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap}._addButton_zg6sm_34:hover:not(:disabled){background-color:var(--color-primary-hover);transform:none;box-shadow:none}._saveButton_zg6sm_56{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap}._saveButton_zg6sm_56:hover:not(:disabled){border-color:var(--color-primary);transform:none;box-shadow:none}._saveButton_zg6sm_56:disabled{opacity:.6;cursor:wait}._clearButton_zg6sm_83{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}._clearButton_zg6sm_83:hover{border-color:var(--color-error, #e53e3e);color:var(--color-error, #e53e3e);transform:none;box-shadow:none}._saveInline_zg6sm_106{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-bg-tertiary)}._saveInput_zg6sm_114{flex:1;height:30px;padding:0 var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-caption);min-width:0}._saveInput_zg6sm_114:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.25)}._saveConfirm_zg6sm_131,._saveCancel_zg6sm_132{width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--color-bg-tertiary);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center}._saveConfirm_zg6sm_131{border-color:var(--color-primary);color:var(--color-primary)}._saveConfirm_zg6sm_131:disabled{opacity:.4;cursor:not-allowed}._list_zg6sm_157{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0;max-height:320px}._emptyState_zg6sm_167{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-caption)}._trackItem_zg6sm_174{display:grid;grid-template-columns:2rem 12px 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-bg-tertiary);transition:background-color var(--transition-fast)}._trackItem_zg6sm_174:last-child{border-bottom:none}._trackItem_zg6sm_174:hover{background-color:var(--color-bg-tertiary)}._trackItem_zg6sm_174._current_zg6sm_192{background-color:rgba(var(--color-primary-rgb),.1);border-left:3px solid var(--color-primary);padding-left:calc(var(--space-md) - 3px)}._trackIndex_zg6sm_198{font-size:var(--font-size-caption);color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums;line-height:1}._trackIndex_zg6sm_198._playingIcon_zg6sm_206{color:var(--color-primary);font-size:.7rem}._serviceDot_zg6sm_212{width:8px;height:8px;border-radius:50%;flex-shrink:0}._spotify_zg6sm_219{background-color:#1db954}._youtube_music_zg6sm_220{background-color:red}._plex_zg6sm_221{background-color:#e5a00d}._amazon_music_zg6sm_222{background-color:#00a8e1}._unknown_zg6sm_223{background-color:var(--color-text-muted)}._trackMeta_zg6sm_225{min-width:0;display:flex;flex-direction:column;gap:2px}._trackTitle_zg6sm_232{font-size:var(--font-size-caption);font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}._trackArtist_zg6sm_242{font-size:var(--font-size-caption);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}._trackDuration_zg6sm_251{font-size:var(--font-size-caption);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:var(--space-xs)}._trackActions_zg6sm_259{display:flex;align-items:center;gap:4px}._removeBtn_zg6sm_265{padding:0;background:none;border:none;color:var(--color-text-muted);font-size:.75rem;cursor:pointer;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast);min-width:unset;min-height:unset}._removeBtn_zg6sm_265:hover:not(:disabled){color:var(--color-error);background-color:#dc35451a;transform:none;box-shadow:none}._card_14n8j_5{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}._card_14n8j_5:hover{background-color:var(--color-bg-tertiary)}._avatar_14n8j_35{width:40px;height:40px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}._avatarImage_14n8j_59{width:100%;height:100%;object-fit:cover;border-radius:50%}._avatarInitial_14n8j_73{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:600;color:#fff;-webkit-user-select:none;user-select:none}._name_14n8j_91{flex:1;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}._hostBadge_14n8j_117{flex-shrink:0;font-size:var(--font-size-caption);line-height:1}._statusDot_14n8j_131{width:10px;height:10px;border-radius:50%;flex-shrink:0}._connected_14n8j_145{background-color:var(--color-success)}._disconnected_14n8j_153{background-color:var(--color-error)}._reconnecting_14n8j_161{background-color:var(--color-warning);animation:_pulse_14n8j_1 1.5s ease-in-out infinite}@keyframes _pulse_14n8j_1{0%,to{opacity:1}50%{opacity:.4}}._container_smpgo_3{display:flex;flex-direction:column;gap:1rem}._header_smpgo_9{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}._header_smpgo_9 h3{font-size:1.2rem;font-weight:600}._participantCount_smpgo_21{background-color:#3a3a3a;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.9rem;font-weight:600}._list_smpgo_30{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}._list_smpgo_30::-webkit-scrollbar{width:8px}._list_smpgo_30::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}._list_smpgo_30::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}._list_smpgo_30::-webkit-scrollbar-thumb:hover{background:#4a4a4a}._participant_smpgo_21{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#1a1a1a;border-radius:6px;transition:background-color .2s}._participant_smpgo_21:hover{background-color:#252525}._participantHost_smpgo_70{background-color:#2a2a1a;border:2px solid #ffd700}._participantHost_smpgo_70:hover{background-color:#353520}._avatar_smpgo_79{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:#fff;flex-shrink:0}._participantHost_smpgo_70 ._avatar_smpgo_79{background:linear-gradient(135deg,gold,#ffed4e);color:#000}._info_smpgo_98{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}._name_smpgo_106{font-weight:500;font-size:1rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._status_smpgo_115{font-size:.85rem;color:#aaa}._hostBadge_smpgo_120{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:gold;color:#000;border-radius:4px;font-size:.75rem;font-weight:600;flex-shrink:0}._connectionStatus_smpgo_133{width:8px;height:8px;border-radius:50%;flex-shrink:0}._connectionStatus_smpgo_133._connected_smpgo_140{background-color:var(--color-success)}._connectionStatus_smpgo_133._disconnected_smpgo_144{background-color:#f44336}._connectionStatus_smpgo_133._reconnecting_smpgo_148{background-color:#ff9800;animation:_pulse_smpgo_1 1.5s ease-in-out infinite}@keyframes _pulse_smpgo_1{0%,to{opacity:1}50%{opacity:.4}}._emptyState_smpgo_162{text-align:center;padding:2rem 1rem;color:#666;font-size:.9rem}@media(max-width:767px){._list_smpgo_30{max-height:300px}._participant_smpgo_21{padding:.5rem}._avatar_smpgo_79{width:36px;height:36px;font-size:.9rem}._name_smpgo_106{font-size:.95rem}._status_smpgo_115{font-size:.8rem}}@media(min-width:1024px){._list_smpgo_30{max-height:500px}}._container_13zg0_3{display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}._header_13zg0_11{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-bg-tertiary);flex-shrink:0}._header_13zg0_11 h3{font-size:var(--font-size-h3);font-weight:600;color:var(--color-text-primary);margin:0}._body_13zg0_27{overflow-y:auto;flex:1;min-height:0;max-height:240px}._container_155dz_3{display:flex;flex-direction:column;gap:var(--space-md);min-height:0;overflow:hidden}._layout_114hi_3{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) var(--space-xl);width:100%;max-width:1600px;margin:0 auto;min-height:0;flex:1}._stage_114hi_16{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:var(--space-md);min-height:0;height:calc(100vh - 56px - 60px - var(--space-md) * 4)}._drawer_114hi_26{flex-shrink:0}@media(min-width:768px)and (max-width:1023px){._stage_114hi_16{grid-template-columns:1fr;height:auto}}._container_3eifd_3{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-bg-tertiary);min-height:56px;flex-shrink:0}._art_3eifd_15{width:40px;height:40px;border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;overflow:hidden}._art_3eifd_15 img{width:100%;height:100%;object-fit:cover}._serviceDot_3eifd_35{width:6px;height:6px;border-radius:50%;flex-shrink:0}._spotify_3eifd_42{background-color:#1db954}._youtube_music_3eifd_43{background-color:red}._plex_3eifd_44{background-color:#e5a00d}._amazon_music_3eifd_45{background-color:#00a8e1}._unknown_3eifd_46{background-color:var(--color-text-muted)}._trackInfo_3eifd_49{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}._trackTitle_3eifd_57{font-size:var(--font-size-caption);font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}._trackArtist_3eifd_67{font-size:var(--font-size-caption);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}._playBtn_3eifd_77{width:36px;height:36px;border-radius:50%;background-color:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;padding:0;min-width:unset;min-height:unset;transition:background-color var(--transition-fast),transform var(--transition-fast)}._playBtn_3eifd_77:hover:not(:disabled){background-color:var(--color-primary-hover);transform:scale(1.05);box-shadow:none}._hostLock_3eifd_103{font-size:var(--font-size-caption);color:var(--color-text-muted);white-space:nowrap;display:flex;align-items:center;gap:2px;flex-shrink:0}._idle_3eifd_114{color:var(--color-text-muted);font-size:var(--font-size-caption);text-align:center;width:100%}._container_1wfd3_3{display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}._mobileHeader_1wfd3_11{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-bg-tertiary);flex-shrink:0}._mobileHeaderTitle_1wfd3_21{font-size:var(--font-size-caption);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}._tabs_1wfd3_30{display:flex;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-bg-tertiary);flex-shrink:0}._tab_1wfd3_30{flex:1;padding:var(--space-sm) var(--space-xs);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:600;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);text-align:center;min-height:unset;border-radius:0;letter-spacing:.02em}._tab_1wfd3_30:hover{color:var(--color-text-primary);transform:none;box-shadow:none}._tab_1wfd3_30._active_1wfd3_60{color:var(--color-primary);border-bottom-color:var(--color-primary)}._tab_1wfd3_30:focus-visible{outline:3px solid var(--color-primary);outline-offset:-2px}._content_1wfd3_71{flex:1;overflow-y:auto;min-height:0;padding:var(--space-md)}._miniPlayerSlot_1wfd3_79{flex-shrink:0}._browseTab_1wfd3_84{display:flex;flex-direction:column;gap:var(--space-sm)}._overlay_mefr9_6{position:fixed;inset:0;z-index:1500;pointer-events:none}._backdrop_mefr9_13{position:fixed;background-color:#0009;pointer-events:auto;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease}._ring_mefr9_20{position:fixed;border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.35);pointer-events:none;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease}._card_mefr9_29{position:fixed;pointer-events:auto;background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg);font-family:var(--font-family);transition:top .2s ease,bottom .2s ease,left .2s ease}._card_mefr9_29._centered_mefr9_41{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 24px))}._stepCounter_mefr9_49{font-size:var(--font-size-caption);color:var(--color-text-muted);margin:0 0 var(--space-xs);text-transform:uppercase;letter-spacing:.05em}._title_mefr9_57{font-size:var(--font-size-h3);font-weight:700;margin:0 0 var(--space-sm)}._body_mefr9_63{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-lg)}._actions_mefr9_70{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}._navGroup_mefr9_77{display:flex;gap:var(--space-sm)}._skipBtn_mefr9_82{background:none;color:var(--color-text-muted);font-size:var(--font-size-caption);padding:var(--space-xs) var(--space-sm)}._skipBtn_mefr9_82:hover{color:var(--color-text-secondary);transform:none;box-shadow:none}._backBtn_mefr9_95{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);padding:.5rem 1rem}._nextBtn_mefr9_101{background-color:var(--color-primary);color:#fff;padding:.5rem 1.25rem;font-weight:600}._nextBtn_mefr9_101:hover:not(:disabled){background-color:var(--color-primary-hover)}@media(max-width:767px){._card_mefr9_29{padding:var(--space-md)}}._overlay_1nthe_3{position:fixed;inset:0;background-color:#00000080;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding:60px var(--space-xl) 0}._popover_1nthe_14{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg);width:320px;max-width:calc(100vw - 2 * var(--space-xl));display:flex;flex-direction:column;gap:var(--space-md);position:relative}._closeBtn_1nthe_27{position:absolute;top:var(--space-sm);right:var(--space-sm);width:28px;height:28px;border-radius:50%;background:none;border:none;color:var(--color-text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-width:unset;min-height:unset;line-height:1}._closeBtn_1nthe_27:hover{background-color:var(--color-bg-tertiary);transform:none;box-shadow:none}._title_1nthe_54{font-size:var(--font-size-h3);font-weight:700;color:var(--color-text-primary);margin:0;padding-right:2rem}._codeRow_1nthe_63{display:flex;align-items:center;gap:var(--space-sm)}._codeLabel_1nthe_69{font-size:var(--font-size-caption);color:var(--color-text-muted);white-space:nowrap}._code_1nthe_63{font-size:1.8rem;font-weight:700;letter-spacing:.2em;color:var(--color-primary);font-family:Courier New,monospace}._copyBtn_1nthe_83{padding:var(--space-xs) var(--space-sm);background-color:var(--color-bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-caption);cursor:pointer;white-space:nowrap;min-height:unset;min-width:unset;transition:background-color var(--transition-fast)}._copyBtn_1nthe_83:hover{background-color:var(--color-bg-primary);transform:none;box-shadow:none}._qrWrapper_1nthe_104{display:flex;justify-content:center;padding:var(--space-sm) 0}._qrWrapper_1nthe_104 svg{border-radius:var(--radius-sm);background:#fff;padding:4px}._shareRow_1nthe_117{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;cursor:pointer}._shareRow_1nthe_117 input[type=checkbox]{width:16px;height:16px;cursor:pointer}._participantControlNote_1nthe_132{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;padding:var(--space-xs) 0}._leaveBtn_1nthe_140{background-color:var(--color-error);color:#fff;border:none;width:100%;transition:background-color var(--transition-fast)}._leaveBtn_1nthe_140:hover:not(:disabled){background-color:#c0392b;transform:none}._idleContent_1nthe_154{display:flex;flex-direction:column;gap:var(--space-md)}._sectionTitle_1nthe_160{font-size:var(--font-size-caption);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}._divider_1nthe_169{text-align:center;color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-caption)}._codeInput_1nthe_176{width:100%;text-transform:uppercase;text-align:center;font-size:1.2rem;letter-spacing:.1em;background-color:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-md);padding:.6rem;font-family:var(--font-family);box-sizing:border-box}._codeInput_1nthe_176:focus{outline:3px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}._primaryBtn_1nthe_197{background-color:var(--color-primary);color:#fff;border:none;width:100%}._primaryBtn_1nthe_197:hover:not(:disabled){background-color:var(--color-primary-hover);transform:none}._warningBanner_1nthe_209{padding:var(--space-sm);background-color:#e67e2226;border-radius:var(--radius-sm);font-size:var(--font-size-caption);color:var(--color-warning);text-align:center}._form_1ex4s_11{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;max-width:500px}._formGroup_1ex4s_27{display:flex;flex-direction:column;gap:.5rem}._label_1ex4s_39{font-weight:600;font-size:.95rem;color:#333}._input_1ex4s_51{padding:.75rem;font-size:1rem;border:2px solid #ddd;border-radius:4px;transition:border-color .2s;min-height:44px}._input_1ex4s_51:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}._input_1ex4s_51:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}._input_1ex4s_51[aria-invalid=true]{border-color:#e74c3c}._helpText_1ex4s_101{font-size:.85rem;color:#666;margin:0}._helpLink_1ex4s_113{color:var(--color-primary);text-decoration:none;font-weight:500}._helpLink_1ex4s_113:hover{text-decoration:underline}._helpLink_1ex4s_113:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}._errorText_1ex4s_145{font-size:.85rem;color:#e74c3c;margin:0;font-weight:500}._errorMessage_1ex4s_159{padding:1rem;background-color:#fee;border:1px solid #e74c3c;border-radius:4px;color:#c0392b}._errorMessage_1ex4s_159 p{margin:0}._connectButton_1ex4s_183{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:var(--color-primary);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s;min-height:44px}._connectButton_1ex4s_183:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}._connectButton_1ex4s_183:active:not(:disabled){transform:translateY(0)}._connectButton_1ex4s_183:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}._connectButton_1ex4s_183:focus{outline:2px solid var(--color-primary);outline-offset:2px}._connectedState_1ex4s_249{padding:1rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px}._connectedMessage_1ex4s_263{margin:0;color:#155724;font-weight:500}._connectedActions_1ex4s_277{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}._secondaryButton_1ex4s_293{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--color-primary);background-color:transparent;border:2px solid var(--color-primary);border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s;min-height:44px}._secondaryButton_1ex4s_293:hover:not(:disabled){background-color:rgba(var(--color-primary-rgb),.1);transform:translateY(-1px)}._secondaryButton_1ex4s_293:active:not(:disabled){transform:translateY(0)}._secondaryButton_1ex4s_293:disabled{color:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}._secondaryButton_1ex4s_293:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){._form_1ex4s_11{padding:.5rem}._input_1ex4s_51,._connectButton_1ex4s_183{font-size:16px}}@media(prefers-color-scheme:dark){._label_1ex4s_39{color:#e0e0e0}._input_1ex4s_51{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}._input_1ex4s_51:focus{border-color:var(--color-primary)}._helpText_1ex4s_101{color:#aaa}._errorMessage_1ex4s_159{background-color:#3a1a1a;border-color:#e74c3c;color:#ff6b6b}._connectedState_1ex4s_249{background-color:#1a3a1a;border-color:#2a5a2a}._connectedMessage_1ex4s_263{color:#90ee90}}._container_lkcpo_5{display:flex;flex-direction:column;gap:1.5rem}._container_lkcpo_5 h2{font-size:1.5rem;margin-bottom:.5rem}._serviceList_lkcpo_27{display:flex;flex-direction:column;gap:1rem}._serviceCard_lkcpo_39{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background-color:#1a1a1a;border-radius:8px;border:2px solid #3a3a3a;transition:all .2s}._serviceCard_lkcpo_39:hover{border-color:#4a4a4a}._serviceCard_lkcpo_39._active_lkcpo_69{border-color:var(--color-primary);background-color:#1a1a2a}._serviceHeader_lkcpo_79{display:flex;align-items:center;justify-content:space-between;gap:1rem}._serviceInfo_lkcpo_93{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}._serviceIcon_lkcpo_109{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}._serviceIcon_lkcpo_109._spotify_lkcpo_131{background:linear-gradient(135deg,#1db954,#1ed760)}._serviceIcon_lkcpo_109._amazon_lkcpo_139{background:linear-gradient(135deg,#f90,#ffb84d)}._serviceName_lkcpo_147{display:flex;flex-direction:column;gap:.25rem;min-width:0}._serviceName_lkcpo_147 h3{font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._serviceStatus_lkcpo_179{font-size:.85rem;display:flex;align-items:center;gap:.5rem}._statusDot_lkcpo_193{width:8px;height:8px;border-radius:50%;flex-shrink:0}._statusDot_lkcpo_193._connected_lkcpo_207{background-color:var(--color-success)}._statusDot_lkcpo_193._disconnected_lkcpo_215{background-color:#666}._statusText_lkcpo_223{color:#aaa}._statusText_lkcpo_223._connected_lkcpo_207{color:var(--color-success)}._activeBadge_lkcpo_239{padding:.25rem .75rem;background-color:var(--color-primary);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}._serviceActions_lkcpo_263{display:flex;gap:.75rem}._connectButton_lkcpo_273{flex:1;background-color:var(--color-primary);color:#fff;min-height:44px}._connectButton_lkcpo_273:hover:not(:disabled){background-color:var(--color-primary-hover)}._connectButton_lkcpo_273:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._disconnectButton_lkcpo_305{flex:1;background-color:#f44336;color:#fff;min-height:44px}._disconnectButton_lkcpo_305:hover:not(:disabled){background-color:#d32f2f}._disconnectButton_lkcpo_305:focus-visible{outline:3px solid #f44336;outline-offset:2px}._switchButton_lkcpo_337{background-color:#3a3a3a;color:#fff;padding:.5rem 1rem;min-height:44px}._switchButton_lkcpo_337:hover:not(:disabled){background-color:#4a4a4a}._switchButton_lkcpo_337:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}._noServiceMessage_lkcpo_369{text-align:center;padding:2rem 1rem;background-color:#1a1a1a;border-radius:8px;border:2px dashed #3a3a3a}._noServiceMessage_lkcpo_369 p{color:#aaa;margin-bottom:1rem;font-size:.95rem}._noServiceMessage_lkcpo_369 strong{color:#fff;display:block;margin-bottom:.5rem;font-size:1.1rem}._tokenExpiry_lkcpo_411{font-size:.8rem;color:#ff9800;padding:.5rem;background-color:#2a2a2a;border-radius:4px;text-align:center}@media(max-width:767px){._serviceCard_lkcpo_39{padding:1rem}._serviceHeader_lkcpo_79{flex-direction:column;align-items:flex-start}._serviceInfo_lkcpo_93{width:100%}._activeBadge_lkcpo_239{align-self:flex-start}._serviceActions_lkcpo_263{width:100%;flex-direction:column}._connectButton_lkcpo_273,._disconnectButton_lkcpo_305,._switchButton_lkcpo_337{width:100%}._serviceIcon_lkcpo_109{width:40px;height:40px;font-size:1.25rem}._serviceName_lkcpo_147 h3{font-size:1rem}}@media(min-width:768px)and (max-width:1023px){._serviceList_lkcpo_27{gap:1.25rem}}._unavailableNote_lkcpo_525{font-size:.85rem;color:#999;margin:.5rem 0;padding:.75rem;background-color:#2a2a2a;border-radius:4px;border-left:3px solid #666}._disabled_lkcpo_545{opacity:.5;cursor:not-allowed}._disabled_lkcpo_545:hover{background-color:#3a3a3a!important}._comingSoon_lkcpo_563{font-size:.75rem;font-weight:600;color:var(--color-text-muted, #888);background:var(--color-bg-tertiary, rgba(128, 128, 128, .15));padding:.2rem .6rem;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}._accordion_46frb_11{border-radius:var(--radius-lg);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;min-height:0;max-height:100%;width:100%}._header_46frb_37{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border:none;background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:600;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}._header_46frb_37:hover{background:var(--color-bg-tertiary)}._header_46frb_37:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}._chevron_46frb_91{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;transition:transform var(--transition-normal);flex-shrink:0}._chevronExpanded_46frb_109{transform:rotate(90deg)}._title_46frb_119{flex:1;min-width:0}._body_46frb_131{overflow-y:auto;transition:max-height var(--transition-normal);flex:1;min-height:0}._content_46frb_147{padding:0 var(--space-md) var(--space-md)}@media(max-width:767px){._accordion_46frb_11{max-height:none;overflow:visible}._body_46frb_131{overflow-y:visible}}._page_1a6kq_5{max-width:720px;margin:0 auto;padding:var(--space-lg) var(--space-md);font-family:var(--font-family);color:var(--color-text-primary)}._header_1a6kq_21{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}._backButton_1a6kq_35{background:none;border:1px solid var(--color-bg-tertiary);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-body);transition:background-color var(--transition-fast),color var(--transition-fast)}._backButton_1a6kq_35:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}._pageTitle_1a6kq_67{font-size:var(--font-size-h1);font-weight:700;margin:0}._section_1a6kq_79{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}._sectionTitle_1a6kq_95{font-size:var(--font-size-h3);font-weight:600;margin:0 0 var(--space-md) 0;color:var(--color-text-primary)}._fieldGroup_1a6kq_109{display:flex;flex-direction:column;gap:var(--space-sm)}._label_1a6kq_121{font-size:var(--font-size-caption);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}._input_1a6kq_137{width:100%;height:40px;padding:0 var(--space-md);background-color:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-body);font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}._input_1a6kq_137:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.25)}._saveButton_1a6kq_177{align-self:flex-start;padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);min-height:40px}._saveButton_1a6kq_177:hover:not(:disabled){background-color:var(--color-primary-hover)}._saveButton_1a6kq_177:disabled{opacity:.5;cursor:not-allowed}._avatarPreview_1a6kq_225{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}._avatarImage_1a6kq_239{width:64px;height:64px;border-radius:50%;object-fit:cover;background-color:var(--color-bg-tertiary)}._avatarPlaceholder_1a6kq_255{width:64px;height:64px;border-radius:50%;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-h2);color:var(--color-text-muted)}._passwordForm_1a6kq_281{display:flex;flex-direction:column;gap:var(--space-md)}._passwordError_1a6kq_293{color:var(--color-error);font-size:var(--font-size-caption);margin:0}._passwordSuccess_1a6kq_305{color:var(--color-success);font-size:var(--font-size-caption);margin:0}@media(max-width:600px){._page_1a6kq_5{padding:var(--space-md) var(--space-sm)}._section_1a6kq_79{padding:var(--space-md)}._header_1a6kq_21{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}._overlay_1a9gq_3{position:fixed;inset:0;background-color:#00000080;z-index:1100;display:flex;justify-content:flex-end}._panel_1a9gq_13{width:420px;max-width:100vw;height:100%;background-color:var(--color-bg-primary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;outline:none;animation:_slideIn_1a9gq_1 var(--transition-normal) ease forwards}@keyframes _slideIn_1a9gq_1{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){._panel_1a9gq_13{animation:none}}._header_1a9gq_39{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-bg-tertiary);flex-shrink:0}._title_1a9gq_48{font-size:var(--font-size-h2);font-weight:700;margin:0;color:var(--color-text-primary)}._closeButton_1a9gq_55{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);line-height:1;transition:background-color var(--transition-fast),color var(--transition-fast)}._closeButton_1a9gq_55:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}._content_1a9gq_72{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg) var(--space-lg)}._section_1a9gq_79{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}._fieldGroup_1a9gq_87{display:flex;flex-direction:column;gap:var(--space-sm)}._label_1a9gq_93{font-size:var(--font-size-caption);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}._input_1a9gq_101{width:100%;height:40px;padding:0 var(--space-md);background-color:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-body);font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}._input_1a9gq_101:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.25)}._saveButton_1a9gq_121{align-self:flex-start;padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);min-height:40px}._saveButton_1a9gq_121:hover:not(:disabled){background-color:var(--color-primary-hover)}._saveButton_1a9gq_121:disabled{opacity:.5;cursor:not-allowed}._avatarPreview_1a9gq_145{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}._avatarImage_1a9gq_152{width:64px;height:64px;border-radius:50%;object-fit:cover;background-color:var(--color-bg-tertiary)}._avatarPlaceholder_1a9gq_160{width:64px;height:64px;border-radius:50%;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-h2);color:var(--color-text-muted)}._passwordForm_1a9gq_173{display:flex;flex-direction:column;gap:var(--space-md)}._passwordError_1a9gq_179{color:var(--color-error);font-size:var(--font-size-caption);margin:0}._passwordSuccess_1a9gq_185{color:var(--color-success);font-size:var(--font-size-caption);margin:0}@media(max-width:600px){._panel_1a9gq_13{width:100vw}._content_1a9gq_72,._section_1a9gq_79{padding:var(--space-md)}}._page_8xojr_5{max-width:720px;margin:0 auto;padding:var(--space-lg) var(--space-md);font-family:var(--font-family);color:var(--color-text-primary)}._header_8xojr_21{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}._backButton_8xojr_35{background:none;border:1px solid var(--color-bg-tertiary);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-body);transition:background-color var(--transition-fast),color var(--transition-fast)}._backButton_8xojr_35:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}._pageTitle_8xojr_67{font-size:var(--font-size-h1);font-weight:700;margin:0}._createSection_8xojr_79{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}._createInput_8xojr_91{flex:1;height:40px;padding:0 var(--space-md);background-color:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-body);font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}._createInput_8xojr_91:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.25)}._createButton_8xojr_131{padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);min-height:40px;white-space:nowrap}._createButton_8xojr_131:hover:not(:disabled){background-color:var(--color-primary-hover)}._createButton_8xojr_131:disabled{opacity:.5;cursor:not-allowed}._error_8xojr_177{color:var(--color-error);font-size:var(--font-size-caption);margin:0 0 var(--space-md) 0}._loading_8xojr_189,._emptyState_8xojr_203{text-align:center;color:var(--color-text-muted);padding:var(--space-xl) 0;font-size:var(--font-size-body)}._list_8xojr_217{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}._playlistItem_8xojr_235{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background-color var(--transition-fast);box-shadow:var(--shadow-sm)}._playlistItem_8xojr_235:hover{background-color:var(--color-bg-tertiary)}._playlistInfo_8xojr_267{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}._playlistName_8xojr_283{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._playlistMeta_8xojr_301{font-size:var(--font-size-caption);color:var(--color-text-muted)}._playButton_8xojr_311{background:var(--color-primary);border:none;color:#000;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--transition-fast),transform var(--transition-fast)}._playButton_8xojr_311:hover{background-color:var(--color-primary-hover);transform:scale(1.1)}._addQueueButton_8xojr_355{background:none;border:1px solid var(--color-bg-tertiary);color:var(--color-text-primary);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--transition-fast),border-color var(--transition-fast)}._addQueueButton_8xojr_355:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-primary)}._addQueueButton_8xojr_355:disabled{opacity:.5;cursor:wait}._deleteButton_8xojr_409{background:none;border:1px solid transparent;color:var(--color-text-muted);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-caption);transition:color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}._deleteButton_8xojr_409:hover{color:var(--color-error);border-color:var(--color-error)}._playlistActions_8xojr_443{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;margin-left:var(--space-md)}._renameButton_8xojr_459{background:none;border:1px solid transparent;color:var(--color-text-muted);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-caption);transition:color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}._renameButton_8xojr_459:hover{color:var(--color-primary);border-color:var(--color-primary)}._renameInput_8xojr_493{width:100%;height:32px;padding:0 var(--space-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:600;font-family:var(--font-family);box-sizing:border-box}._renameInput_8xojr_493:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.25)}@media(max-width:600px){._page_8xojr_5{padding:var(--space-md) var(--space-sm)}._header_8xojr_21{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}._createSection_8xojr_79{flex-direction:column}._playlistItem_8xojr_235{padding:var(--space-sm) var(--space-md)}}._page_17nyq_5{max-width:720px;margin:0 auto;padding:var(--space-lg) var(--space-md);font-family:var(--font-family);color:var(--color-text-primary)}._header_17nyq_21{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}._backButton_17nyq_35{background:none;border:1px solid var(--color-bg-tertiary);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-body);transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}._backButton_17nyq_35:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}._playlistTitle_17nyq_71{font-size:var(--font-size-h1);font-weight:700;margin:0;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._playlistTitle_17nyq_71:hover{color:var(--color-primary)}._titleInput_17nyq_101{font-size:var(--font-size-h1);font-weight:700;margin:0;padding:0;background:transparent;border:none;border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);font-family:var(--font-family);width:100%;min-width:0;outline:none}._trackCount_17nyq_131{font-size:var(--font-size-caption);color:var(--color-text-muted);margin-bottom:var(--space-lg)}._error_17nyq_145{color:var(--color-error);font-size:var(--font-size-caption);margin:0 0 var(--space-md) 0}._loading_17nyq_157,._emptyState_17nyq_171{text-align:center;color:var(--color-text-muted);padding:var(--space-xl) 0;font-size:var(--font-size-body)}._trackList_17nyq_187{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}._trackItem_17nyq_205{display:flex;align-items:center;gap:var(--space-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm)}._trackPosition_17nyq_225{font-size:var(--font-size-caption);color:var(--color-text-muted);min-width:24px;text-align:center;flex-shrink:0}._trackArtwork_17nyq_241{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background-color:var(--color-bg-tertiary)}._artworkPlaceholder_17nyq_259{width:48px;height:48px;border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}._trackInfo_17nyq_283{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}._trackTitle_17nyq_299{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._trackMeta_17nyq_317{font-size:var(--font-size-caption);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._trackDuration_17nyq_333{font-size:var(--font-size-caption);color:var(--color-text-muted);flex-shrink:0;min-width:40px;text-align:right}._platformIcon_17nyq_349{font-size:16px;flex-shrink:0}._trackActions_17nyq_361{display:flex;align-items:center;gap:2px;flex-shrink:0}._moveButton_17nyq_375{background:none;border:1px solid transparent;color:var(--color-text-muted);padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-caption);line-height:1;transition:color var(--transition-fast),border-color var(--transition-fast)}._moveButton_17nyq_375:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}._moveButton_17nyq_375:disabled{opacity:.3;cursor:not-allowed}._removeButton_17nyq_419{background:none;border:1px solid transparent;color:var(--color-text-muted);padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-caption);line-height:1;transition:color var(--transition-fast),border-color var(--transition-fast);margin-left:var(--space-sm)}._removeButton_17nyq_419:hover{color:var(--color-error);border-color:var(--color-error)}@media(max-width:600px){._page_17nyq_5{padding:var(--space-md) var(--space-sm)}._header_17nyq_21{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}._trackItem_17nyq_205{padding:var(--space-sm);gap:var(--space-sm)}._trackArtwork_17nyq_241,._artworkPlaceholder_17nyq_259{width:40px;height:40px}}._searchSection_17nyq_505{margin-top:var(--space-lg)}._playInSessionButton_17nyq_515{background-color:var(--color-primary);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-body);font-weight:600;transition:background-color var(--transition-fast),opacity var(--transition-fast);margin-bottom:var(--space-md)}._playInSessionButton_17nyq_515:hover:not(:disabled){opacity:.85}._playInSessionButton_17nyq_515:disabled{opacity:.4;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}.app-header{background-color:var(--color-bg-secondary);padding:var(--space-md) var(--space-xl);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-bg-tertiary);transition:background-color var(--transition-normal),border-color var(--transition-normal);width:90%}.app-header h1{font-size:var(--font-size-h2);font-weight:600;color:var(--color-text-primary)}.app-main{display:grid;gap:var(--space-md);padding:var(--space-xl) 0;width:90%;height:calc(100vh - 190px);overflow:hidden}@media(min-width:1024px){.app-main{grid-template-columns:1fr 2fr 1fr;grid-template-areas:"left center right"}.left-panel{grid-area:left}.center-panel{grid-area:center}.right-panel{grid-area:right}}@media(min-width:768px)and (max-width:1023px){.app-header{width:95%}.app-main{width:95%;grid-template-columns:1fr 1fr;grid-template-areas:"left left" "center right";gap:var(--space-lg)}.left-panel{grid-area:left}.center-panel{grid-area:center}.right-panel{grid-area:right}}@media(max-width:767px){.app-header{width:100%;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.app-header h1{font-size:1.2rem}.app-main{width:100%;grid-template-columns:1fr;grid-template-areas:"left" "center" "right";padding:var(--space-md);gap:var(--space-md);height:auto;overflow:visible}.left-panel,.center-panel,.right-panel{overflow:visible;max-height:none}.left-panel{grid-area:left}.center-panel{grid-area:center}.right-panel{grid-area:right}}.left-panel,.center-panel,.right-panel{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:background-color var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden;min-height:0;min-width:0}button{font-family:var(--font-family);font-size:var(--font-size-body);padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0)}button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=number]{font-family:var(--font-family);font-size:var(--font-size-body);padding:.75rem;border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--color-primary)}input[type=text]:focus-visible,input[type=number]:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}input[type=text]:disabled,input[type=number]:disabled{opacity:.5;cursor:not-allowed}input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--color-bg-tertiary);outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none}input[type=range]:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}input[type=range]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:767px){button{min-height:44px;min-width:44px}input[type=text],input[type=number]{min-height:44px;padding:.875rem .75rem}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);background-color:var(--color-bg-primary)}.auth-page h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-lg);text-align:center}.auth-page form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-md);background-color:var(--color-bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.auth-page label{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-secondary);margin-bottom:calc(-1 * var(--space-sm))}.auth-page input[type=text],.auth-page input[type=password]{width:100%;padding:.75rem;border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-body);transition:border-color var(--transition-fast)}.auth-page input[type=text]:focus,.auth-page input[type=password]:focus{outline:none;border-color:var(--color-primary)}.auth-page button[type=submit]{width:100%;padding:.875rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);margin-top:var(--space-sm)}.auth-page button[type=submit]:hover:not(:disabled){background-color:var(--color-primary-hover);transform:none}.auth-page button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.auth-page p{margin-top:var(--space-md);font-size:var(--font-size-body);color:var(--color-text-secondary);text-align:center}.auth-page a{color:var(--color-primary);text-decoration:none;font-weight:600}.auth-page a:hover{text-decoration:underline}.auth-page .error-message{color:var(--color-error);font-size:.875rem;font-weight:500;text-align:center;padding:var(--space-sm);background-color:#dc35451a;border-radius:var(--radius-sm);margin:0}.auth-page .info-message{max-width:400px;text-align:center;color:var(--color-text-secondary);font-size:.875rem;padding:var(--space-sm) var(--space-md);background-color:#0d6efd1a;border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.25rem;color:var(--color-text-secondary);background-color:var(--color-bg-primary)}@media(max-width:767px){.auth-page{padding:var(--space-lg) var(--space-md)}.auth-page form{padding:var(--space-lg)}.auth-page h2{font-size:1.5rem}}