.CreatePlaylistButton_createButton__VdglQ{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-primary);color:white;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.CreatePlaylistButton_createButton__VdglQ:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.CreatePlaylistButton_createButton__VdglQ svg{flex-shrink:0}.CreatePlaylistButton_buttonText__ra_mr{white-space:nowrap}@media (max-width:640px){.CreatePlaylistButton_buttonText__ra_mr{display:none}.CreatePlaylistButton_createButton__VdglQ{padding:.625rem;border-radius:50%}}.Footer_footer__0IXn3{background:linear-gradient(to bottom,transparent,var(--bg-tertiary));border-top:1px solid var(--gray-3);margin-top:auto;padding:var(--space-xl) 0}.Footer_container__6pNfo{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.Footer_bottomBar__Q6lGp{display:flex;justify-content:space-between;align-items:center}.Footer_copyright__t4WoK{font-size:var(--font-sm);color:var(--text-tertiary)}.Footer_legal__v4hY_{display:flex;align-items:center;gap:var(--space-md)}.Footer_legalLink__pYyC2{font-size:var(--font-sm);color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.Footer_legalLink__pYyC2:hover{color:var(--text-primary)}.Footer_separator__c4_sz{color:var(--text-tertiary);font-size:var(--font-xs)}@media (max-width:768px){.Footer_container__6pNfo{padding:0 var(--space-md)}.Footer_bottomBar__Q6lGp{flex-direction:column;gap:var(--space-md);text-align:center}.Footer_legal__v4hY_{flex-wrap:wrap;justify-content:center}}.MobileMenu_mobileMenu__VHi_A{display:none}@media (max-width:768px){.MobileMenu_mobileMenu__VHi_A{display:block}}.MobileMenu_hamburgerButton__TkeVd{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer;z-index:1001;position:relative}.MobileMenu_hamburgerLine__43a8_{width:24px;height:2px;background:var(--foreground);margin:3px 0;transition:all .3s ease;transform-origin:center}.MobileMenu_hamburgerLine__43a8_.MobileMenu_open__bOexK:first-child{transform:translateY(8px) rotate(45deg)}.MobileMenu_hamburgerLine__43a8_.MobileMenu_open__bOexK:nth-child(2){opacity:0}.MobileMenu_hamburgerLine__43a8_.MobileMenu_open__bOexK:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.MobileMenu_overlay__EPcgN{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;animation:MobileMenu_fadeIn__paZLe .3s ease}.MobileMenu_sidebar__WpuIM{position:fixed;top:0;right:0;width:280px;max-width:85vw;height:100vh;background:var(--background);box-shadow:-2px 0 10px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;animation:MobileMenu_slideIn__DcOBZ .3s ease;display:flex;flex-direction:column}@keyframes MobileMenu_slideIn__DcOBZ{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes MobileMenu_fadeIn__paZLe{0%{opacity:0}to{opacity:1}}.MobileMenu_loadingContainer__enJHS{padding:2rem;display:flex;flex-direction:column;gap:1rem}.MobileMenu_skeletonAvatar__3WtJy{width:60px;height:60px;border-radius:50%}.MobileMenu_skeletonAvatar__3WtJy,.MobileMenu_skeletonText__wQtBb{background:linear-gradient(90deg,var(--gray-4) 25%,var(--gray-5) 50%,var(--gray-4) 75%);background-size:200% 100%;animation:MobileMenu_shimmer__kWie8 1.5s infinite}.MobileMenu_skeletonText__wQtBb{width:150px;height:20px;border-radius:4px}@keyframes MobileMenu_shimmer__kWie8{0%{background-position:200% 0}to{background-position:-200% 0}}.MobileMenu_userSection__SkogH{padding:1.5rem;border-bottom:1px solid var(--gray-6)}.MobileMenu_userInfo__a_yFS{display:flex;align-items:center;gap:1rem}.MobileMenu_avatar__DddFI{width:50px;height:50px;border-radius:50%;object-fit:cover}.MobileMenu_avatarPlaceholder___5nOT{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.MobileMenu_userDetails__8NyD0{flex:1;min-width:0}.MobileMenu_userName__ihk0l{margin:0;font-size:1rem;font-weight:600;color:var(--foreground)}.MobileMenu_userEmail__yuBMR,.MobileMenu_userName__ihk0l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MobileMenu_userEmail__yuBMR{margin:.25rem 0 0;font-size:.875rem;color:var(--gray-10)}.MobileMenu_nav__8Bwkl{flex:1;padding:1rem 0}.MobileMenu_navLink__8HF1Z{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:var(--foreground);text-decoration:none;font-size:.9375rem;transition:background-color .2s ease}.MobileMenu_navLink__8HF1Z:hover{background:var(--gray-3)}.MobileMenu_navLink__8HF1Z svg{flex-shrink:0;opacity:.7}.MobileMenu_navLink__8HF1Z:hover svg{opacity:1}.MobileMenu_bottomSection__CYkTs{padding:1rem 1.5rem;border-top:1px solid var(--gray-6);margin-top:auto}.MobileMenu_signOutButton__1_AzG{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 0;background:none;border:none;color:var(--foreground);text-align:left;font-size:.9375rem;cursor:pointer;transition:opacity .2s ease}.MobileMenu_signOutButton__1_AzG:hover{opacity:.7}.MobileMenu_signOutButton__1_AzG svg{flex-shrink:0;opacity:.7}.MobileMenu_authSection__x_f0G{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.MobileMenu_authTitle__bbNw3{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--foreground)}.MobileMenu_authSubtitle__gM2N8{margin:0 0 2rem;font-size:.9375rem;color:var(--gray-11)}.MobileMenu_authButtons__B4eIb{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:200px}.MobileMenu_loginButton__kHPXh{display:block;padding:.75rem 1.5rem;background:transparent;color:var(--foreground);border:2px solid var(--gray-6);border-radius:.5rem;text-decoration:none;font-size:.9375rem;font-weight:600;text-align:center;transition:all .2s ease}.MobileMenu_loginButton__kHPXh:hover{background:var(--gray-3);border-color:var(--gray-7)}.MobileMenu_signupButton__913CK{display:block;padding:.75rem 1.5rem;background:var(--foreground);color:var(--background);border:2px solid var(--foreground);border-radius:.5rem;text-decoration:none;font-size:.9375rem;font-weight:600;text-align:center;transition:opacity .2s ease}.MobileMenu_signupButton__913CK:hover{opacity:.9}@media (prefers-color-scheme:dark){.MobileMenu_sidebar__WpuIM{box-shadow:-2px 0 10px rgba(0,0,0,.3)}.MobileMenu_overlay__EPcgN{background:rgba(0,0,0,.7)}}.SearchBar_container__9_ZPM{position:relative;flex:1;max-width:600px;transition:all var(--transition-base)}.SearchBar_container__9_ZPM.SearchBar_expanded__go7i_{max-width:700px}.SearchBar_searchWrapper__QIhPZ{position:relative;display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--gray-4);border-radius:var(--radius-full);padding:0 var(--space-md);height:44px;transition:all var(--transition-base)}.SearchBar_searchWrapper__QIhPZ:hover{border-color:var(--gray-5);background:var(--bg-hover)}.SearchBar_searchWrapper__QIhPZ:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,255,.1),var(--shadow-md);transform:translateY(-1px)}.SearchBar_searchIcon__TWZTk{width:20px;height:20px;color:var(--text-tertiary);margin-right:var(--space-sm);flex-shrink:0;transition:color var(--transition-fast)}.SearchBar_searchWrapper__QIhPZ:focus-within .SearchBar_searchIcon__TWZTk{color:var(--color-primary)}.SearchBar_input__IssPV{flex:1;background:transparent;border:none;outline:none;font-size:var(--font-base);color:var(--text-primary);padding:var(--space-sm) 0;width:100%}.SearchBar_input__IssPV::placeholder{color:var(--text-tertiary)}.SearchBar_clearButton__rLcG6{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;margin-left:var(--space-sm);background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.SearchBar_clearButton__rLcG6:hover{background:var(--bg-tertiary);color:var(--text-secondary);transform:scale(1.1)}.SearchBar_clearButton__rLcG6 svg{width:14px;height:14px}.SearchBar_shortcut__rMVm8{display:flex;align-items:center;margin-left:var(--space-sm);opacity:0;transition:opacity var(--transition-fast)}.SearchBar_searchWrapper__QIhPZ:not(:focus-within) .SearchBar_shortcut__rMVm8{opacity:.5}.SearchBar_shortcut__rMVm8 kbd{padding:2px 6px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-xs);font-family:monospace;color:var(--text-secondary);border:1px solid rgba(0,0,0,.1)}@media (max-width:768px){.SearchBar_container__9_ZPM{width:100%;max-width:none}.SearchBar_container__9_ZPM.SearchBar_expanded__go7i_{max-width:none}.SearchBar_searchWrapper__QIhPZ{height:40px}.SearchBar_searchInput__It28G{font-size:var(--font-sm)}.SearchBar_shortcut__rMVm8{display:none}.SearchBar_searchIcon__TWZTk{width:18px;height:18px}.SearchBar_input__IssPV{font-size:var(--font-sm)}}@media (max-width:1024px){.SearchBar_container__9_ZPM{max-width:300px}.SearchBar_container__9_ZPM.SearchBar_expanded__go7i_{max-width:400px}}.UserMenu_loadingContainer__H94uQ{display:flex;align-items:center;gap:.75rem}.UserMenu_skeletonAvatar__dJbhw{width:36px;height:36px;border-radius:50%}.UserMenu_skeletonAvatar__dJbhw,.UserMenu_skeletonName__BqOnb{background:linear-gradient(90deg,var(--gray-4) 25%,var(--gray-5) 50%,var(--gray-4) 75%);background-size:200% 100%;animation:UserMenu_shimmer__tqIUJ 1.5s infinite}.UserMenu_skeletonName__BqOnb{width:80px;height:20px;border-radius:4px}@keyframes UserMenu_shimmer__tqIUJ{0%{background-position:200% 0}to{background-position:-200% 0}}.UserMenu_authLinks__OI4wW{display:flex;align-items:center;gap:1rem}.UserMenu_loginLink__xg9lI{color:var(--foreground);text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:opacity .2s}.UserMenu_loginLink__xg9lI:hover{opacity:.8}.UserMenu_signupLink__pbDAb{background:var(--foreground);color:var(--background);text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:opacity .2s}.UserMenu_signupLink__pbDAb:hover{opacity:.9}.UserMenu_userMenu__0KUub{position:relative}.UserMenu_userButton__wT28B{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid transparent;border-radius:2rem;cursor:pointer;padding:.25rem .75rem .25rem .25rem;transition:all .2s ease}.UserMenu_userButton__wT28B:hover{background:var(--gray-3);border-color:var(--gray-5)}.UserMenu_avatar__A_Vks{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.UserMenu_avatarImage__jUeQa{width:32px;height:32px;border-radius:50%;object-fit:cover}.UserMenu_userName__g6rna{font-size:.875rem;font-weight:500;color:var(--foreground);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.UserMenu_chevron__pUBV6{color:var(--gray-9);transition:transform .2s ease}.UserMenu_chevronUp__wqyrL{transform:rotate(180deg)}.UserMenu_dropdown__36CDP{position:absolute;top:calc(100% + .75rem);right:0;min-width:280px;background:var(--background);border:1px solid var(--gray-5);border-radius:.75rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);z-index:50;overflow:hidden;animation:UserMenu_slideDown__oGqwF .2s ease}@keyframes UserMenu_slideDown__oGqwF{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.UserMenu_userInfo__N5eaF{padding:1rem;background:var(--gray-2)}.UserMenu_userInfoHeader__Wdhai{display:flex;align-items:center;gap:.75rem}.UserMenu_dropdownAvatar__FMIr5{width:40px;height:40px;border-radius:50%;object-fit:cover}.UserMenu_dropdownAvatarPlaceholder__geElg{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.UserMenu_userDetails__BCgFc{flex:1;min-width:0}.UserMenu_userFullName__MI3nW{margin:0;font-size:.875rem;font-weight:600;color:var(--foreground)}.UserMenu_userEmail__FPsdm,.UserMenu_userFullName__MI3nW{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.UserMenu_userEmail__FPsdm{margin:.125rem 0 0;font-size:.75rem;color:var(--gray-10)}.UserMenu_divider__WQI7n{margin:0;border:none;border-top:1px solid var(--gray-5)}.UserMenu_menuItem__jvOOk{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;color:var(--foreground);text-decoration:none;font-size:.875rem;transition:background-color .15s ease}.UserMenu_menuItem__jvOOk:hover{background:var(--gray-3)}.UserMenu_menuIcon__byjJL{flex-shrink:0;opacity:.7}.UserMenu_menuItem__jvOOk:hover .UserMenu_menuIcon__byjJL{opacity:1}.UserMenu_signOutButton__pTahp{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--foreground);text-align:left;font-size:.875rem;cursor:pointer;transition:background-color .15s ease}.UserMenu_signOutButton__pTahp:hover{background:var(--gray-3)}.UserMenu_signOutButton__pTahp:hover .UserMenu_menuIcon__byjJL{opacity:1}@media (max-width:768px){.UserMenu_authLinks__OI4wW,.UserMenu_loginLink__xg9lI,.UserMenu_signupLink__pbDAb,.UserMenu_userMenu__0KUub{display:none}}@media (prefers-color-scheme:dark){.UserMenu_dropdown__36CDP{box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)}}:root{--color-primary:#0066FF;--color-primary-dark:#0052CC;--color-primary-light:#E6F0FF;--color-secondary:#6B7280;--color-success:#10B981;--color-danger:#EF4444;--bg-primary:#FFFFFF;--bg-secondary:#F9FAFB;--bg-tertiary:#F3F4F6;--bg-hover:#F9FAFB;--text-primary:#111827;--text-secondary:#6B7280;--text-tertiary:#9CA3AF;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--gray-1:#FAFAFA;--gray-2:#F4F4F5;--gray-3:#E4E4E7;--gray-4:#D4D4D8;--gray-5:#A1A1AA;--gray-6:#71717A;--gray-7:#52525B;--gray-8:#3F3F46;--gray-9:#27272A;--gray-10:#18181B;--gray-11:#09090B;--gray-12:#000000;--foreground:var(--text-primary);--background:var(--bg-primary)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0A0A0B;--bg-secondary:#111113;--bg-tertiary:#1A1A1D;--bg-hover:#202024;--text-primary:#F9FAFB;--text-secondary:#D1D5DB;--text-tertiary:#9CA3AF;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -2px rgba(0,0,0,0.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.3),0 10px 10px -5px rgba(0,0,0,0.2);--color-primary:#3B82F6;--color-primary-dark:#2563EB;--color-primary-light:#1E293B;--gray-1:#09090B;--gray-2:#18181B;--gray-3:#27272A;--gray-4:#3F3F46;--gray-5:#52525B;--gray-6:#71717A;--gray-7:#A1A1AA;--gray-8:#D4D4D8;--gray-9:#E4E4E7;--gray-10:#F4F4F5;--gray-11:#FAFAFA;--gray-12:#FFFFFF;--foreground:var(--text-primary);--background:var(--bg-primary)}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-base);line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;letter-spacing:-.02em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .5s ease-out}@media (prefers-color-scheme:dark){:root{--bg-primary:#0F172A;--bg-secondary:#1E293B;--bg-tertiary:#334155;--bg-hover:#475569;--text-primary:#F1F5F9;--text-secondary:#CBD5E1;--text-tertiary:#94A3B8}}.layout_container__Yo0Pg{min-height:100vh;display:flex;flex-direction:column;animation:layout_fadeIn__eC_Lb .5s ease-out}.layout_header__mmmNG{background:var(--bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-3);padding:var(--space-md) 0;position:sticky;top:0;z-index:100;transition:all var(--transition-base)}.layout_headerContent__zCqYN{max-width:1280px;margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.layout_searchPlaceholder__K_iCv{flex:1;max-width:600px;height:44px;background:var(--bg-secondary);border-radius:var(--radius-full);animation:layout_pulse__jvuRz 2s infinite}.layout_headerActions__hARvx{display:flex;align-items:center;gap:var(--space-md)}.layout_logo__7Ml5A{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.03em;transition:all var(--transition-fast);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.layout_logo__7Ml5A:hover{transform:translateX(2px);opacity:.9}.layout_main__ABI2k{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:var(--space-2xl) var(--space-lg);animation:layout_fadeIn__eC_Lb .6s ease-out .1s both}.layout_footer__DcfK2{background:linear-gradient(to bottom,transparent,var(--bg-tertiary));padding:var(--space-2xl) 0;margin-top:auto;border-top:1px solid rgba(0,0,0,.05)}.layout_footerContent__kufus{max-width:1280px;margin:0 auto;padding:0 var(--space-lg);text-align:center;color:var(--text-secondary);font-size:var(--font-sm);opacity:.8;transition:opacity var(--transition-fast)}.layout_footerContent__kufus:hover{opacity:1}@media (max-width:768px){.layout_header__mmmNG{padding:var(--space-sm) 0}.layout_headerContent__zCqYN{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 var(--space-sm);gap:var(--space-sm)}.layout_logo__7Ml5A{font-size:var(--font-lg);flex-shrink:0}.layout_headerActions__hARvx,.layout_searchPlaceholder__K_iCv{display:none}.layout_main__ABI2k{padding:var(--space-lg) var(--space-sm)}.layout_footerContent__kufus{padding:0 var(--space-md)}}