@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0);:root{--breakpoint-phone-max:767px;--breakpoint-tablet-min:768px;--breakpoint-tablet-max:1023px;--breakpoint-laptop-min:1024px;--breakpoint-laptop-max:1919px;--breakpoint-desktop-min:1920px}.responsive-container{box-sizing:border-box}.responsive-container,.responsive-form{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.responsive-form>*{flex:1 1 auto;min-width:0}.button-group{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.button-group>.button,.button-group>button{flex:1 1 auto;min-width:-webkit-fit-content;min-width:fit-content}.input-group{display:flex;flex-wrap:wrap;gap:.75rem;width:100%}.input-group>input,.input-group>select,.input-group>textarea{flex:1 1 100%;min-width:0}.responsive-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}@media (max-width:767px){.hide-on-mobile{display:none!important}.responsive-form{flex-direction:column}.responsive-form>*{flex:1 1 100%;width:100%}.input-group{flex-direction:column}.input-group>*{flex:1 1 100%;width:100%}.button-group{flex-wrap:wrap}.button-group>.button,.button-group>button{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;min-width:120px}.responsive-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (min-width:768px) and (max-width:1023px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.button-group>.button,.button-group>button{flex-basis:calc(33.333% - 0.5rem);flex-grow:1;flex-shrink:1}}@media (min-width:1024px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.button-group>.button,.button-group>button{flex:1 1 auto}}.show-when-space{display:none}@media (min-width:768px){.show-when-space{display:block}}@media (max-width:480px){.hide-on-small{display:none!important}}.icon-only-mobile .icon-text{display:none}@media (min-width:768px){.icon-only-mobile .icon-text{display:inline}}.text-flow{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}@media (min-width:768px){.text-flow{white-space:normal}}.text-no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-grow{flex:1 1 auto;min-width:0}.flex-shrink{flex:0 1 auto;min-width:0}.flex-min{flex:1 1 200px;min-width:200px}@media (max-width:767px) and (orientation:landscape){.button-group,.responsive-container,.responsive-form{gap:.5rem}.button-group>.button,.button-group>button{flex-basis:calc(33.333% - 0.33rem);flex-grow:1;flex-shrink:1}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;min-height:100vh;overflow-x:hidden;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;overflow-x:visible!important;overflow-y:auto!important;position:relative!important;width:100%!important}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(255,255,255,.1)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.library-main,.library-main .viewport-container,.library-main .viewport-container .viewport-bottom-column.accordion-section,.viewport-bottom-column.accordion-section,.viewport-container .viewport-bottom-column.accordion-section{display:flex!important;flex:0 0 auto!important;height:auto!important;left:0!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;max-width:100%!important;min-height:48px!important;opacity:1!important;overflow:visible!important;position:relative!important;right:0!important;top:0!important;visibility:visible!important;width:100%!important;z-index:10!important}.library-main .viewport-container .viewport-bottom-column.accordion-section .accordion-header,.viewport-bottom-column.accordion-section .accordion-header,.viewport-container .viewport-bottom-column.accordion-section .accordion-header{left:0!important;max-width:100%!important;overflow:visible!important;top:0!important;z-index:11!important}.viewport-bottom-column.accordion-section.collapsed{display:flex!important;min-height:48px!important;opacity:1!important;visibility:visible!important}@media (min-width:1024px){::-webkit-scrollbar{height:10px;width:10px}}.App{color:#fff;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;box-shadow:0 4px 6px #0000001a;padding:1rem 0;position:relative;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.nav-logo{color:#fff;font-size:1.25rem;font-weight:700;margin-right:1rem;text-decoration:none;transition:transform .3s ease;z-index:1001}.nav-logo:hover{transform:scale(1.05)}.nav-hamburger{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:1.75rem;justify-content:space-around;justify-content:center;min-height:44px;min-width:44px;padding:0;position:relative;width:1.75rem;z-index:1001}.nav-hamburger span{background:#fff;border-radius:10px;height:.25rem;transform-origin:1px;transition:all .3s ease;width:1.75rem}.nav-hamburger.open span:first-child{transform:rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:translateX(20px)}.nav-hamburger.open span:last-child{transform:rotate(-45deg)}.nav-menu{-webkit-overflow-scrolling:touch;align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-radius:0;box-shadow:-5px 0 15px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:calc(100vh - 64px);list-style:none;margin:0;max-width:300px;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;right:-100%;top:64px;transition:right .3s ease-in-out;width:80%;z-index:999}.nav-menu.mobile-open{right:0}.nav-item{border-bottom:1px solid #ffffff1a;margin:0;padding:0;width:100%}.nav-link{align-items:center;color:#fff;display:block;display:flex;font-size:1.1rem;font-weight:500;margin:0;min-height:44px;padding:.75rem 1rem;text-decoration:none;transition:opacity .3s ease}.nav-link:hover{opacity:.8}.nav-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;display:flex;justify-content:center;margin:0;min-height:44px;padding:.75rem 1rem;text-align:center;transition:all .3s ease;width:100%}.nav-button:hover{background:#ffffff4d;transform:translateY(-2px)}.nav-overlay{display:none}.nav-menu.mobile-open~.nav-overlay,.nav-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:998}.loading{align-items:center;display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;gap:1rem;justify-content:center;min-height:100vh}.loading p{animation:pulse 1.5s ease-in-out infinite;font-size:1.2rem;opacity:.8}.container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:1rem;width:100%}@media (max-width:767px){.container{max-width:100%;padding:.75rem}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem}.button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-height:44px;padding:.875rem 1.25rem;transition:all .3s ease}.button:hover{box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.button:active{transform:translateY(0)}.input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;margin-bottom:1rem;min-height:44px;padding:.875rem;transition:all .3s ease;width:100%}.input::placeholder{color:#fff9}.input:focus{background:#ffffff26;border-color:#fff9;outline:none}@media (min-width:768px){.nav-container{padding:0 1.5rem}.nav-logo{font-size:1.5rem;margin-right:2rem}.nav-hamburger{height:2rem;width:2rem}.nav-hamburger span{width:2rem}.nav-menu{width:70%}}@media (min-width:1024px){.nav-container{padding:0 2rem}.nav-hamburger{display:none}.nav-menu{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:row;gap:2rem;height:auto;max-width:none;overflow:visible;position:static;transition:none;z-index:auto}.nav-item,.nav-menu{margin:0;padding:0;width:auto}.nav-item{border-bottom:none}.nav-link{display:block;font-size:1rem;padding:.5rem 0}.nav-button,.nav-link{margin:0;min-height:auto}.nav-button{display:inline-block;padding:.5rem 1rem;width:auto}.nav-overlay{display:none!important}.container{padding:2rem}.button{min-height:auto;padding:.75rem 1.5rem}}@media (min-width:1920px){.nav-menu{gap:2rem}}.home{align-items:center;display:flex;min-height:calc(100vh - 80px);padding:2rem 0}.hero{margin-bottom:4rem;text-align:center}.hero-logo{animation:float 3s ease-in-out infinite;justify-content:center;margin-bottom:1.5rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.button-primary{background:#fff;color:#667eea;font-weight:700}.button-primary:hover{background:#ffffffe6}.button-secondary{background:#fff3;border:2px solid #fff}.button-secondary:hover{background:#ffffff4d}.admin-tools-section{margin:3rem 0;text-align:center}.admin-tools-section .section-title{color:#fff;font-size:2rem;margin-bottom:1.5rem}.tools-grid{grid-gap:1.5rem;gap:1.5rem;margin:0 auto;max-width:800px}.tool-link{background:#fffffff2;border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1.5rem;transition:all .3s ease}.tool-link:hover{background:#fff;box-shadow:0 8px 24px #0003;transform:translateY(-5px)}.tool-title{color:#667eea;font-size:1.2rem;margin-bottom:.5rem}.tool-description{font-size:.95em;line-height:1.5;margin-bottom:.5rem}.tool-note{font-size:.85em;font-style:italic;margin-top:.5rem}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 12px 24px #0003;transform:translateY(-5px)}.feature-icon{font-size:3rem}.feature-card h3{font-size:1.5rem;margin-bottom:.5rem}.feature-card p{line-height:1.6;opacity:.9}@media (max-width:1024px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.4rem}.features{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.home{min-height:calc(100vh - 70px);padding:1rem 0}.hero{margin-bottom:2.5rem}.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1.1rem;padding:0 1rem}.hero-buttons{gap:.75rem;padding:0 1rem}.button{font-size:1.1rem;padding:1rem 1.5rem;width:100%}.features{gap:1rem;grid-template-columns:1fr;margin-top:2rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.3rem}.feature-card p{font-size:.95rem}}@media (max-width:480px){.hero-title{font-size:2rem}.button,.hero-subtitle{font-size:1rem}.button{padding:.875rem 1.25rem}}.login-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.login-card{margin:0 auto;max-width:450px;width:100%}.login-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1rem}.error-message{background:#ff525233;border:1px solid #ff525280;border-radius:8px;color:#fcc;margin-bottom:1rem;padding:1rem;text-align:center}.divider{align-items:center;display:flex;margin:1.5rem 0;opacity:.7;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ffffff4d;content:"";flex:1 1}.divider span{font-weight:500;padding:0 1rem}.button-google{align-items:center;background:#fff;color:#333;display:flex;font-weight:600;gap:.5rem;justify-content:center}.button-google:hover{background:#ffffffe6}.toggle-auth{margin-top:1.5rem;opacity:.9;text-align:center}.toggle-link{background:none;border:none;color:#fff;cursor:pointer;font-size:inherit;font-weight:700;padding:0;text-decoration:underline}.toggle-link:hover{opacity:.8}@media (max-width:1024px){.login-page{padding:1.5rem}.login-card{max-width:500px}}@media (max-width:768px){.login-page{min-height:calc(100vh - 70px);padding:1rem}.login-card{max-width:100%;padding:1.5rem}.login-title{font-size:1.75rem;margin-bottom:1.5rem}.login-form{gap:.875rem}.input{font-size:1rem;margin-bottom:0;padding:.875rem}.button{font-size:1rem;padding:.875rem 1.25rem}.button,.button-google{min-height:48px}.divider{margin:1.25rem 0}.toggle-auth{font-size:.95rem;margin-top:1.25rem}.toggle-link{display:inline-block;font-size:.95rem;min-height:32px;padding:.25rem}.error-message{font-size:.9rem;padding:.875rem}}@media (max-width:480px){.login-page{padding:.5rem}.login-card{padding:1.25rem}.login-title{font-size:1.5rem}.toggle-auth{font-size:.875rem}}.accordion-image-button{align-items:center;background:#0000;border:none;color:#b3b3b3;cursor:pointer;display:flex;font-size:.95rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.accordion-image-button.nested{border-left:2px solid #ffffff0d;padding-left:2.5rem}.accordion-image-button.level-2{border-left:2px solid #ffffff14;padding-left:3.5rem}.accordion-image-button.level-3{border-left:2px solid #ffffff1a;padding-left:4.5rem}.accordion-image-button.level-4{border-left:2px solid #ffffff1f;padding-left:5.5rem}.accordion-image-button.nested.active{border-left-color:#1db95480}.accordion-image-button.level-2.active{border-left-color:#1db95499}.accordion-image-button.level-3.active{border-left-color:#1db954b3}.accordion-image-button.level-4.active{border-left-color:#1db954cc}.accordion-image-button:hover{background:#ffffff1a;color:#fff}.accordion-image-button.expanded{color:#1db954}.accordion-image-button.active{background:#1db95433;color:#1db954;font-weight:600}.accordion-image-button-content{align-items:center;display:flex;gap:.75rem;width:100%}.accordion-image-thumbnail{border-radius:6px;box-shadow:0 4px 12px #0006;flex-shrink:0;height:80px;overflow:hidden;transition:transform .2s ease;width:80px}.accordion-image-button:hover .accordion-image-thumbnail{transform:scale(1.05)}.accordion-image-thumbnail img{height:100%;object-fit:cover;width:100%}.accordion-image-loading,.accordion-image-placeholder{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;flex-shrink:0;font-size:2rem;height:80px;justify-content:center;width:80px}.accordion-image-label{flex:1 1;font-size:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-image-button:not(.nested) .accordion-image-label{font-size:1.4rem}.accordion-image-button.nested .accordion-image-loading,.accordion-image-button.nested .accordion-image-placeholder,.accordion-image-button.nested .accordion-image-thumbnail{height:64px;width:64px}.accordion-image-button.level-2 .accordion-image-loading,.accordion-image-button.level-2 .accordion-image-placeholder,.accordion-image-button.level-2 .accordion-image-thumbnail{height:56px;width:56px}.accordion-image-button.level-3 .accordion-image-loading,.accordion-image-button.level-3 .accordion-image-placeholder,.accordion-image-button.level-3 .accordion-image-thumbnail,.accordion-image-button.level-4 .accordion-image-loading,.accordion-image-button.level-4 .accordion-image-placeholder,.accordion-image-button.level-4 .accordion-image-thumbnail{height:48px;width:48px}.left-accordion{display:flex;flex-direction:column;height:100%;padding-top:0}.done-searching-container{background:linear-gradient(180deg,#1a1a1a,#121212);border-bottom:none;padding:.75rem 1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.done-searching-btn{align-items:center;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:25px;box-shadow:0 4px 15px #1db9544d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.5px;padding:.75rem 1rem;text-transform:uppercase;transition:all .3s ease;width:100%}.done-searching-btn:hover{background:linear-gradient(135deg,#1ed760,#2eef70);box-shadow:0 6px 20px #1db95466;transform:translateY(-2px)}.done-searching-btn:active{box-shadow:0 2px 10px #1db9544d;transform:translateY(0)}@media (max-width:768px){.done-searching-container{background:linear-gradient(180deg,#1a1a1a,#121212);border-bottom:none;display:block;padding:1rem 1rem 0}.done-searching-btn{font-size:1.1rem;min-height:50px;padding:1rem}}.accordion-scrollable-content{flex:1 1;overflow:visible}.nav-rows-container{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:0 1rem 1rem;width:100%}@media (max-width:768px){.accordion-scrollable-content{box-sizing:border-box;max-width:100vw!important;width:100%!important}.nav-rows-container{box-sizing:border-box;max-width:100vw!important;padding:0 .75rem .75rem;width:100vw!important}.nav-row,.nav-row-buttons,.nav-row-content{box-sizing:border-box;max-width:100%!important;width:100%!important}.nav-row-buttons{flex-wrap:wrap!important;overflow-x:visible!important;overflow-y:visible!important}.nav-button{box-sizing:border-box;flex:1 1 auto!important;max-width:calc(100% - 1rem)!important}.nav-button,.nav-row-languages .nav-button,.nav-row-types .nav-button{min-width:-webkit-fit-content!important;min-width:fit-content!important;width:auto!important}.nav-row-languages .nav-button,.nav-row-types .nav-button{flex-basis:calc(50% - 0.5rem);flex-grow:0;flex-shrink:1;max-width:calc(50% - .5rem)!important;padding-bottom:.6rem!important;padding-top:.6rem!important}.nav-row-artists .nav-button{flex:1 1 auto!important;max-width:calc(100% - 1rem)!important;min-width:-webkit-fit-content!important;min-width:fit-content!important;width:auto!important}.nav-row-artists .nav-row-buttons{flex-wrap:wrap!important}}.nav-row{border:none;border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;gap:0;padding:0;width:100%}.nav-row-artists{overflow:visible}.nav-row-content{padding-top:0}.nav-row-types .nav-row-content{max-height:none!important;opacity:1!important}.nav-row-label{color:#b3b3b3;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-align:center;text-transform:uppercase}.nav-row-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.nav-row.expanded .nav-row-content{max-height:500px;overflow:visible;transition:max-height .3s ease-in}.nav-row-artists .nav-row-content{max-height:0;overflow-x:hidden;overflow-y:hidden}.nav-row-artists.expanded .nav-row-content{box-sizing:border-box;height:205px;margin:0;max-height:205px;overflow-x:hidden!important;overflow-y:auto!important;padding:0;position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-color:#555 #1a1a1a;scrollbar-width:thin;transition:max-height .3s ease-in,height .3s ease-in}.nav-row-artists.expanded .nav-row-content::-webkit-scrollbar{width:6px}.nav-row-artists.expanded .nav-row-content::-webkit-scrollbar-track{background:#1a1a1a}.nav-row-artists.expanded .nav-row-content::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.nav-row-artists.expanded .nav-row-content::-webkit-scrollbar-thumb:hover{background:#666}.nav-row-buttons{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;overflow-x:auto;padding:0;scrollbar-color:#555 #1a1a1a;scrollbar-width:thin;width:100%}.nav-row-buttons::-webkit-scrollbar{height:6px}.nav-row-buttons::-webkit-scrollbar-track{background:#1a1a1a}.nav-row-buttons::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.nav-row-buttons::-webkit-scrollbar-thumb:hover{background:#666}.nav-button{background:#2a2a2a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;scroll-snap-align:start;transition:all .2s ease;white-space:nowrap;width:200px}.nav-row-types .nav-button{color:#0ff;padding:.6rem 1rem;text-shadow:0 0 10px #00ffff80,0 0 20px #00ffff4d;width:100px}.nav-row-languages .nav-button{color:#0f8;padding:.6rem 1rem;text-shadow:0 0 10px #00ff8880,0 0 20px #00ff884d;width:100px}.nav-row-genres .nav-button{color:gold;text-shadow:0 0 10px #ffd70080,0 0 20px #ffd7004d}.nav-row-subgenres .nav-button{color:#ff6b35;text-shadow:0 0 10px #ff6b3580,0 0 20px #ff6b354d}.nav-row-artists .nav-button{color:#f0f;text-shadow:0 0 10px #ff00ff80,0 0 20px #ff00ff4d}.nav-row-artists .nav-row-buttons{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;height:auto;justify-content:center;margin:0;min-height:-webkit-fit-content;min-height:fit-content;padding:0;width:100%}.nav-row-artists .nav-button{flex-shrink:0;width:300px}.nav-button:hover{background:#3a3a3a;transform:translateY(-1px)}.nav-row-types .nav-button.active{background:linear-gradient(135deg,#0ff,#0080ff);box-shadow:0 0 20px #0ff6;color:#fff;font-weight:600;text-shadow:0 0 15px #0ffc,0 0 30px #00ffff80}.nav-row-languages .nav-button.active{background:linear-gradient(135deg,#0f8,#0c6);box-shadow:0 0 20px #0f86;color:#fff;font-weight:600;text-shadow:0 0 15px #0f8c,0 0 30px #00ff8880}.nav-row-genres .nav-button.active{background:linear-gradient(135deg,gold,#fa0);box-shadow:0 0 20px #ffd70066;color:#000;font-weight:600;text-shadow:0 0 15px #ffd700cc,0 0 30px #ffd70080}.nav-row-subgenres .nav-button.active{background:linear-gradient(135deg,#ff6b35,#ff4500);box-shadow:0 0 20px #ff6b3566;color:#fff;font-weight:600;text-shadow:0 0 15px #ff6b35cc,0 0 30px #ff6b3580}.nav-row-artists .nav-button.active{background:linear-gradient(135deg,#f0f,#c0c);box-shadow:0 0 20px #f0f6;color:#fff;font-weight:600;text-shadow:0 0 15px #f0fc,0 0 30px #ff00ff80}.accordion-scrollable-content.master-mode-active .nav-row-artists{display:none!important;height:0!important;margin:0!important;max-height:0!important;min-height:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;visibility:hidden!important}.nav-button.active:hover{background:#1ed760}.nav-row-empty{color:#666;font-size:.85rem;font-style:italic;padding:.5rem 0}@media (orientation:portrait){.nav-button{font-size:.85rem;max-width:200px;padding:.4rem .75rem;width:100%}.nav-row-languages .nav-button,.nav-row-types .nav-button{max-width:100px;padding:.48rem .75rem;width:100%}.nav-row-buttons{gap:.4rem;padding:.25rem 0}.nav-rows-container{gap:8px;padding:.75rem}.nav-row-artists .nav-button,.nav-row-genres .nav-button,.nav-row-languages .nav-button,.nav-row-subgenres .nav-button,.nav-row-types .nav-button{text-shadow:0 0 8px currentColor,0 0 15px currentColor}.nav-row-artists .nav-button.active,.nav-row-genres .nav-button.active,.nav-row-languages .nav-button.active,.nav-row-subgenres .nav-button.active,.nav-row-types .nav-button.active{box-shadow:0 0 15px currentColor;text-shadow:0 0 12px currentColor,0 0 25px currentColor}}@media (orientation:landscape){.nav-button{font-size:.9rem;width:200px}.nav-row-buttons{gap:.5rem}.nav-rows-container{gap:10px;padding:1rem}}@media (orientation:portrait) and (max-width:480px){.nav-button{font-size:.8rem;max-width:180px;padding:.35rem .6rem;width:100%}.nav-row-languages .nav-button,.nav-row-types .nav-button{max-width:90px;padding:.42rem .6rem;width:100%}.nav-rows-container{gap:6px;padding:.5rem}.nav-row-buttons{gap:.3rem}}@media (orientation:portrait) and (min-width:481px) and (max-width:768px){.nav-button{font-size:.875rem;width:190px}.nav-row-languages .nav-button,.nav-row-types .nav-button{padding:.48rem 1rem;width:95px}}@media (orientation:landscape) and (min-width:769px) and (max-width:1024px){.nav-button{font-size:.875rem;width:180px}.nav-row-buttons{gap:.4rem}}@media (orientation:landscape) and (min-width:1025px){.nav-button{font-size:.9rem;width:200px}}.accordion-done-button-container{background:#181818;border-top:none;bottom:0;display:none;padding:1rem;position:-webkit-sticky;position:sticky;z-index:10}.accordion-loading{color:#b3b3b3;padding:2rem 1rem;text-align:center}.accordion-item{display:none;margin-bottom:.5rem}.accordion-button{align-items:center;background:#0000;border:none;color:#b3b3b3;cursor:pointer;display:flex;font-size:.95rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.accordion-button:hover{background:#ffffff1a;color:#fff}.accordion-button.gamepad-focused,.accordion-image-button.gamepad-focused,.accordion-item.gamepad-focused>.accordion-button{background:#1e90ff4d!important;box-shadow:0 0 15px #1e90ff80;color:#fff!important;outline:3px solid #1e90ff!important;outline-offset:-3px}.accordion-button.expanded{color:#fff;font-weight:600}.accordion-button.active{background:#1db9541a;color:#1db954;font-weight:600}.accordion-icon{display:inline-block;margin-right:.5rem;width:1rem}.accordion-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-content{margin-left:.5rem}.accordion-nested{border-left:none}.accordion-button.nested{font-size:.9rem;padding-left:1.5rem}.accordion-button.nested.level-2{font-size:.875rem;padding-left:2rem}.accordion-button.nested.level-3{font-size:.85rem;padding-left:2.5rem}.accordion-button.nested.level-4{font-size:.825rem;padding-left:3rem}.accordion-content{animation:slideDown .2s ease-out}@media (max-width:768px){.accordion-button{font-size:.9rem;padding:.625rem .875rem}.accordion-button.nested{font-size:.875rem;padding-left:1.375rem}.accordion-button.nested.level-2{font-size:.85rem;padding-left:1.875rem}.accordion-button.nested.level-3{font-size:.8125rem;padding-left:2.375rem}.accordion-button.nested.level-4{font-size:.8rem;padding-left:2.875rem}}.accordion-done-button{align-items:center;background:#1db954;border:none;border-radius:8px;box-shadow:0 -2px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.accordion-done-button:hover{background:#1ed760;box-shadow:0 -4px 12px #0000004d;transform:translateY(-2px)}.accordion-done-button:active{background:#1aa34a;transform:translateY(0)}@media (max-width:768px){.accordion-scrollable-content{padding:.75rem 0}.accordion-done-button-container{display:block}.accordion-button{font-size:1rem;min-height:48px;padding:.875rem 1rem}.accordion-button:active{background:#ffffff26}.accordion-icon{font-size:.875rem;margin-right:.625rem;width:1.25rem}.accordion-button.nested{font-size:.95rem;min-height:44px;padding-left:1.5rem}.accordion-button.nested.level-2{font-size:.9rem;padding-left:2rem}.accordion-button.nested.level-3{font-size:.875rem;padding-left:2.5rem}.accordion-button.nested.level-4{font-size:.85rem;padding-left:3rem}.accordion-content{margin-left:.75rem}.accordion-loading{font-size:.95rem;padding:1.5rem 1rem}}@media (max-width:480px){.accordion-scrollable-content{padding:.5rem 0}.accordion-done-button-container{padding:.875rem}.accordion-done-button{font-size:.95rem;min-height:44px;padding:.75rem 1.25rem}.accordion-button{font-size:.95rem;padding:.75rem .875rem}.accordion-button.nested{font-size:.9rem;padding-left:1.375rem}.accordion-button.nested.level-2{font-size:.875rem;padding-left:1.875rem}.accordion-button.nested.level-3{font-size:.85rem;padding-left:2.375rem}.accordion-button.nested.level-4{font-size:.8125rem;padding-left:2.875rem}.accordion-icon{font-size:.8rem;width:1rem}}.singles-playlists-container{border-left:2px solid #ffffff1a;margin-left:1rem;padding-left:.5rem}.singles-playlists-container::-webkit-scrollbar{width:6px}.singles-playlists-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.singles-playlists-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.singles-playlists-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.accordion-nav-links{background:#1a1a1a;border:2px solid red;display:none;flex-direction:column;gap:.5rem;margin-top:0;padding:1rem;position:relative;transform:translateY(-200px)}.accordion-nav-link{background:#ffffff0d;border:1px solid #ffffff1a;gap:.5rem}.accordion-nav-link:hover{background:#ffffff1a;border-color:#fff3}.accordion-nav-link.logout-btn{background:#ef444426}.accordion-nav-link.logout-btn:hover{background:#ef444440}.accordion-nav-toggle-container{display:none!important}@media (max-width:768px){.accordion-nav-links{display:flex!important;transform:translateY(-200px)}}.accordion-nav-link{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.accordion-nav-link:hover{background:#ffffff26;border-color:#ffffff40}.accordion-nav-link.logout-btn{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.accordion-nav-link.logout-btn:hover{background:#ef44444d;border-color:#ef444480}.album-grid-container{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-start;max-height:100%;min-height:0;overflow:hidden;padding:0 0 96px}.album-grid-filters{background:#1e1e1e;border-bottom:none;box-sizing:border-box;flex-shrink:0;margin-bottom:5rem;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:0!important;max-width:100vw;overflow-x:hidden;padding:0 0 .5rem;position:relative;width:100vw}.utility-row{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:0;max-width:100%;overflow-x:auto;overflow-y:visible;padding:1rem 1rem 0;scrollbar-width:thin;width:100%}.utility-row::-webkit-scrollbar{height:4px}.utility-row::-webkit-scrollbar-track{background:#0000}.utility-row::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.utility-row::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:1024px){.utility-row{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible}.utility-btn{flex-shrink:0;white-space:nowrap}}.utility-btn{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid #444;border-radius:6px;box-shadow:0 1px 4px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:.35rem;justify-content:center;overflow:hidden;padding:.5rem .75rem;position:relative;transition:all .2s ease;white-space:nowrap}.utility-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.utility-btn:hover:before{left:100%}.utility-btn:hover:not(:disabled){background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-color:#1db954;box-shadow:0 4px 16px #1db9544d;transform:translateY(-2px)}.utility-btn.gamepad-focused{background:#2a2a3e;border:2px solid #60a5fa;box-shadow:0 0 15px #60a5fa99;transform:scale(1.1);z-index:10}.utility-btn:disabled{cursor:not-allowed;opacity:.5}.utility-btn.shuffle-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.utility-btn.shuffle-btn:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6)}.utility-btn.queue-btn.active{background:#3b82f6;border-color:#3b82f6}.utility-btn.admin-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:#ee5a24;padding:.5rem}.utility-btn.admin-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff8585,#ff6b3d)}.utility-btn.search-icon-btn{padding:.5rem}.utility-icon{align-items:center;display:flex;font-size:1rem;justify-content:center;line-height:1}.utility-label{font-size:.8rem;letter-spacing:.2px}.desktop-only{display:inline}@media (max-width:768px){.desktop-only{display:none!important}}.utility-search{align-items:center;background:#282828;border:1px solid #444;border-radius:6px;display:flex;gap:.5rem;min-width:120px;padding:.4rem .75rem}.utility-search-expanded{flex:1 1;min-width:200px}.utility-search:focus-within{background:#333;border-color:#1db954}.utility-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.85rem;min-width:0;outline:none}.utility-search-input::placeholder{color:#666}.utility-search-clear{align-items:center;background:#444;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;transition:all .2s ease;width:20px}.utility-search-clear:hover{background:#555;color:#fff}.utility-sort{display:flex;flex-shrink:0;gap:.25rem}.utility-btn.sort-btn{background:#282828;border-color:#444;padding:.5rem .75rem}.utility-btn.sort-btn.active{background:#1db954;border-color:#1db954}.utility-btn.sort-btn:hover:not(.active){background:#333}.utility-view{display:flex;flex-shrink:0;gap:.25rem}.utility-btn.view-btn{background:#282828;border-color:#444;padding:.5rem .75rem}.utility-btn.view-btn.active{background:#8b5cf6;border-color:#8b5cf6}.utility-btn.view-btn:hover:not(.active){background:#333}.utility-btn.queue-mode-btn{background:#282828;border-color:#444;padding:.5rem .75rem;transition:all .2s ease}.utility-btn.queue-mode-btn.active{animation:queuePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#000}.utility-btn.queue-mode-btn:hover:not(.active){background:#333;border-color:#f59e0b}@keyframes queuePulse{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}.artist-view{display:flex;flex-direction:column;gap:.5rem}.artist-section{background:#1a1a1a;border-radius:8px;overflow:hidden;transition:all .2s ease}.artist-section.expanded{background:#1e2a1e;border:1px solid #1db954}.artist-header{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.25rem;transition:background .2s ease}.artist-header:hover{background:#ffffff0d}.artist-expand-icon{color:#888;font-size:.75rem;text-align:center;width:1rem}.artist-section.expanded .artist-expand-icon{color:#1db954}.artist-name{color:#fff;flex:1 1;font-size:1.1rem;font-weight:600}.artist-album-count{background:#333;border-radius:12px;color:#888;font-size:.85rem;padding:.25rem .75rem}.artist-queued-badge{background:#1db95433;border-radius:12px;color:#1db954;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.artist-albums{grid-gap:.5rem;background:#0003;border-top:1px solid #1db95433;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(clamp(100px,10vw,140px),1fr));padding:.75rem 1.25rem 1.25rem}.selected-artists-bar{align-items:center;background:linear-gradient(135deg,#1db95426,#1db95414);border:1px solid #1db9544d;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.selected-artists-label{color:#1db954;font-size:.85rem;font-weight:600;white-space:nowrap}.selected-artists-chips{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.selected-artist-chip{align-items:center;background:#1db954;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.35rem .75rem;transition:all .2s ease}.selected-artist-chip:hover{background:#1ed760;transform:scale(1.02)}.chip-remove{font-size:.7rem;margin-left:.25rem;opacity:.7}.selected-artist-chip:hover .chip-remove{opacity:1}.clear-all-artists-btn{background:#444;border:none;border-radius:6px;color:#b3b3b3;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.clear-all-artists-btn:hover{background:#555;color:#fff}.grid-view-container{display:flex;flex-direction:column;gap:1rem}.selected-albums-bar{align-items:flex-start;background:linear-gradient(135deg,#3b82f626,#3b82f614);border:1px solid #3b82f64d;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.selected-albums-label{color:#3b82f6;font-size:.85rem;font-weight:600;padding-top:.35rem;white-space:nowrap}.selected-albums-chips{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.selected-album-chip{align-items:center;background:#3b82f6;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;max-width:200px;overflow:hidden;padding:.35rem .75rem;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.selected-album-chip:hover{background:#60a5fa;transform:scale(1.02)}.sort-buttons{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.sort-buttons label{color:#b3b3b3;font-size:.85rem;font-weight:600;margin-right:.25rem}.sort-buttons .sort-btn{background:#282828;border:1px solid #444;border-radius:20px;color:#b3b3b3;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.sort-buttons .sort-btn:hover{background:#333;color:#fff}.sort-buttons .sort-btn.active{background:#1db954;border-color:#1db954;color:#fff;font-weight:600}.view-buttons{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.view-buttons label{color:#b3b3b3;font-size:.85rem;font-weight:600;margin-right:.25rem}.view-buttons .view-btn{background:#282828;border:1px solid #444;border-radius:20px;color:#b3b3b3;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.view-buttons .view-btn:hover{background:#333;color:#fff}.view-buttons .view-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff;font-weight:600}.mobile-only{display:none!important}@media (max-width:768px){.utility-row{display:none!important}.album-grid-container{padding-bottom:87px}.mobile-toolbar.mobile-only{align-items:center;background:#1a1a1a;border-radius:8px;display:flex!important;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:8px}.mobile-btn{align-items:center;background:#282828;border:1px solid #444;border-radius:6px;color:#b3b3b3;cursor:pointer;display:flex;font-size:1rem;gap:4px;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s ease}.mobile-btn:hover{background:#333;color:#fff}.mobile-btn.active{background:#1db954;border-color:#1db954;color:#fff}.mobile-btn.shuffle{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;min-width:auto;padding:0 10px}.mobile-btn.shuffle:disabled{cursor:not-allowed;opacity:.5}.mobile-btn-count{font-size:.75rem;font-weight:700}.mobile-btn.queue.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#000}.mobile-search{align-items:center;display:flex;flex:1 1;max-width:200px;min-width:100px;position:relative}.mobile-search input{background:#282828;border:1px solid #444;border-radius:6px;color:#fff;font-size:.85rem;height:36px;padding:0 28px 0 8px;width:100%}.mobile-search input::placeholder{color:#666}.mobile-search input:focus{border-color:#1db954;outline:none}.mobile-search-clear{background:none;border:none;color:#888;cursor:pointer;font-size:.9rem;padding:4px;position:absolute;right:4px}.mobile-search-clear:hover{color:#fff}}.shuffle-all-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 15px #1e90ff66;font-size:1.25rem;font-weight:800;gap:1rem;letter-spacing:1px;margin-bottom:1rem;padding:1.25rem 2rem;text-transform:uppercase;transition:all .3s ease}.queue-mode-toggle,.shuffle-all-button{align-items:center;color:#fff;cursor:pointer;justify-content:center;width:100%}.queue-mode-toggle{background:#6c757d;border:none;border-radius:8px;font-size:1rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.queue-mode-toggle.active{background:#3b82f6}.shuffle-all-button:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 6px 20px #3b82f699;transform:translateY(-2px)}.shuffle-all-button:active:not(:disabled){box-shadow:0 3px 10px #3b82f680;transform:translateY(0)}.shuffle-all-button:disabled{background:#555;cursor:not-allowed;opacity:.5}.shuffle-icon{animation:baseball-bounce 2s ease-in-out infinite;font-size:1.5rem}@keyframes baseball-bounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(-15deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-4px) rotate(15deg)}}.shuffle-text{font-size:1.1rem;font-weight:800}.filter-group{margin-bottom:.75rem;position:relative}.filter-group:last-child{margin-bottom:0}.filter-group label{color:#b3b3b3;display:block;font-size:.85rem;margin-bottom:.5rem}.search-input{background:#282828;border:1px solid #444;border-radius:8px;color:#fff;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.search-input:focus{background:#333;border-color:#1db954;outline:none}.search-input::placeholder{color:#666}.search-clear{align-items:center;background:#444;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;font-size:.875rem;height:24px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.search-clear:hover{background:#555;color:#fff}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-buttons button{background:#282828;border:1px solid #444;border-radius:20px;color:#b3b3b3;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.filter-buttons button:hover{background:#333;border-color:#555;color:#fff}.filter-buttons button.active{background:#1db954;border-color:#1db954;color:#fff;font-weight:600}.artists-filter-group{background:#ffffff05;border-radius:8px;margin-bottom:10px;max-height:125px;overflow-y:auto;padding:.75rem}.artists-filter-group label{display:block;margin-bottom:.5rem}.filter-results{display:none}.queue-mode-indicator{animation:queueIndicatorPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;color:#000;font-weight:600;margin-bottom:.75rem;padding:.75rem 1rem;text-align:center}@keyframes queueIndicatorPulse{0%,to{opacity:1}50%{opacity:.8}}.queue-mode-toggle{margin-bottom:.75rem}.queue-mode-toggle .queue-mode-btn{background:#282828;border:2px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.queue-mode-toggle .queue-mode-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#000}.queue-mode-toggle .queue-mode-btn:hover:not(.active){border-color:#f59e0b}.shift-mode-indicator{animation:pulse 2s ease-in-out infinite;background:#1db954;color:#fff;font-weight:600;text-align:center}.playlist-controls,.shift-mode-indicator{border-radius:8px;margin-bottom:.75rem;padding:.75rem 1rem}.playlist-controls{align-items:center;background:#1db9541a;border:1px solid #1db9544d;display:flex;flex-wrap:wrap;gap:.75rem}.playlist-count{color:#1db954;flex:1 1;font-size:.95rem;font-weight:600;min-width:150px}.clear-playlist-btn,.save-playlist-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.save-playlist-btn{background:#1db954;color:#fff}.save-playlist-btn:hover{background:#1ed760;transform:translateY(-1px)}.clear-playlist-btn{background:#444;color:#b3b3b3}.clear-playlist-btn:hover{background:#555;color:#fff}.album-grid-card.in-playlist{border:2px solid #1db954}.album-grid-playlist-badge{background:#1db954;right:.5rem}.album-grid-playlist-badge,.album-grid-queued-badge{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-size:.875rem;height:28px;justify-content:center;position:absolute;top:.5rem;width:28px;z-index:2}.album-grid-queued-badge{background:#3b82f6;left:.5rem}.album-grid-content{background:#ffffff05;border-radius:8px;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;margin:1rem;margin-top:auto!important;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem;position:relative;scroll-behavior:smooth;scroll-snap-type:y proximity;z-index:1000!important}.album-grid-content,.viewport-bottom-column .album-grid-content{height:calc(100% + 120px)!important;max-height:calc(100% + 120px)!important}.viewport-bottom-column .album-grid-content{margin:0;padding:0}.album-grid-content.player-visible,.viewport-bottom-column .album-grid-content.player-visible{height:calc(66.67% + 80px)!important;max-height:calc(66.67% + 80px)!important}@media (max-width:768px){.album-grid-container{padding-top:80px}}.album-grid{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,12vw,160px),1fr))}.album-grid>*{scroll-snap-align:start}.album-grid-card{background:#181818;border-radius:4px;cursor:pointer;padding:.25rem;position:relative;transition:all .2s ease}.album-grid-card:hover{background:#282828;transform:translateY(-2px)}.album-grid-card.selected{background:#1e3a1e;border:2px solid #1db954}.album-grid-card.gamepad-focused{background:#2a2a3e;border:3px solid #60a5fa;box-shadow:0 0 20px #60a5fa80;transform:scale(1.05);z-index:10}.album-grid-card.queued{background:#1a2a3e;border:2px solid #3b82f6;box-shadow:0 0 10px #3b82f64d}.album-grid-card.queued:hover{background:#1e3347;box-shadow:0 0 15px #3b82f666}.album-grid-cover{background:#282828;border-radius:4px;margin-bottom:.75rem;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.album-grid-cover img{object-fit:cover}.album-grid-cover img,.album-grid-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.album-grid-placeholder{align-items:center;color:#444;display:flex;font-size:3rem;justify-content:center}.album-grid-selected-overlay{background:#1db954;border-radius:0 4px 0 4px;color:#fff;font-size:1.25rem;font-weight:700;padding:.5rem;position:absolute;right:0;top:0}.album-grid-info{padding:.25rem .25rem 0}.album-grid-title{word-wrap:break-word;color:#ccc;font-size:.7rem;font-weight:500;line-height:1.3;margin:0;overflow:visible;text-align:center;white-space:normal}.album-grid-artist{display:none}.album-grid-empty{align-items:flex-start;border:none;box-sizing:border-box;color:#666;display:flex;flex:1 1;height:100%;justify-content:center;margin-top:0;min-height:50vh;padding-top:0}.album-grid-empty-content{margin-top:0;max-width:400px;padding-top:0;text-align:center}.album-grid-empty-icon{display:block;font-size:5rem;margin-bottom:1rem;margin-top:0;padding-top:0}.album-grid-empty h2{color:#888;margin:0 0 .5rem}.album-grid-empty p{color:#666;margin:0}.album-grid-loading{align-items:center;color:#b3b3b3;display:flex;font-size:1.1rem;height:100%;justify-content:center}@media (max-width:1400px){.album-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:992px){.album-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.album-grid-filters{box-sizing:border-box;max-width:100vw;padding:.875rem;width:100%}.filter-buttons button{font-size:.8125rem;padding:.45rem .875rem}}@media (max-width:768px){.album-grid-filters{box-sizing:border-box;max-width:100vw;padding:.25rem .5rem .5rem;width:100%}.utility-row{margin-bottom:0}.shuffle-all-button{font-size:1rem;gap:.75rem;margin-bottom:.875rem;min-height:56px;padding:1rem 1.5rem}.shuffle-icon{font-size:1.25rem}.shuffle-text{font-size:.95rem}.filter-group{margin-bottom:.875rem}.filter-group label{font-size:.8rem;margin-bottom:.375rem}.filter-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;scrollbar-color:#444 #1e1e1e;scrollbar-width:thin}.filter-buttons::-webkit-scrollbar{height:4px}.filter-buttons::-webkit-scrollbar-track{background:#1e1e1e}.filter-buttons::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.filter-buttons button{flex-shrink:0;font-size:.875rem;min-height:40px;padding:.5rem 1rem;white-space:nowrap}.search-input{font-size:1rem;min-height:48px;padding:.875rem}.playlist-controls{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;width:100%}.playlist-count{flex:1 1 100%;margin-bottom:.5rem;min-width:100%;width:100%}.clear-playlist-btn,.save-playlist-btn{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;min-height:44px;min-width:0;padding:.75rem}.album-grid{gap:.375rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.album-grid-content{margin:.5rem;padding:.75rem}.album-grid-card{padding:.625rem}.album-grid-cover{margin-bottom:.5rem}.album-grid-title{font-size:.85rem}.album-grid-artist{font-size:.75rem}.album-grid-empty-icon{font-size:4rem}.album-grid-empty h2{font-size:1.25rem}.album-grid-empty p{font-size:.95rem}.filter-results{font-size:.8rem;margin-top:.5rem;text-align:center}}@media (max-width:480px){.album-grid-container{padding-bottom:81px}.album-grid-filters{padding:.125rem .25rem .25rem}.mobile-toolbar.mobile-only{gap:4px;margin-bottom:4px;padding:4px}.mobile-btn{font-size:.9rem;height:32px;min-width:32px;padding:0 6px}.mobile-btn-count{font-size:.65rem}.mobile-search{min-width:80px}.mobile-search input{font-size:.8rem;height:32px;padding:0 24px 0 6px}.shift-mode-indicator{font-size:.8rem;padding:.5rem .75rem}.playlist-controls{padding:.5rem}.album-grid{gap:.25rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.album-grid-content{margin:.25rem;padding:.375rem}.album-grid-card{padding:.375rem}.album-grid-title{font-size:.8rem}}@media (max-width:768px){.album-grid-artist{font-size:.7rem}.album-grid-playlist-badge{font-size:.75rem;height:24px;right:.375rem;top:.375rem;width:24px}.album-grid-queued-badge{font-size:.75rem;height:24px;left:.375rem;top:.375rem;width:24px}.filter-buttons button{font-size:.8125rem;min-height:36px;padding:.5rem .875rem}}.display-title-editor-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.display-title-editor-container{animation:slideUp .3s ease-out;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}.display-title-editor-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 24px}.display-title-editor-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.display-title-editor-close{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.display-title-editor-close:hover{background-color:#333;color:#fff}.display-title-editor-content{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:calc(90vh - 180px);overflow-y:auto;padding:20px 24px}.display-title-editor-accordion{background:#222;border:1px solid #333;border-radius:8px;overflow:hidden}.display-title-editor-accordion-header{align-items:center;background:#2a2a2a;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:14px 16px;transition:background-color .2s;width:100%}.display-title-editor-accordion-header:hover{background:#333}.display-title-editor-accordion-header.expanded{background:#2a2a2a;border-bottom:1px solid #333}.accordion-icon{color:#888;font-size:12px;transition:transform .2s}.display-title-editor-accordion-content{background:#1a1a1a;padding:16px}.display-title-editor-field{margin-bottom:16px}.display-title-editor-field:last-child{margin-bottom:0}.display-title-editor-field label{color:#aaa;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.display-title-editor-field input{background:#2a2a2a;border:1px solid #444;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.display-title-editor-field input:focus{border-color:#1db954;outline:none}.display-title-editor-field input::placeholder{color:#666}.display-title-editor-path-display{background:#2a2a2a;border:1px solid #333;border-radius:6px;margin-bottom:16px;padding:12px}.display-title-editor-path-label{color:#aaa;font-size:12px;font-weight:500;margin-bottom:8px}.display-title-editor-path-text{color:#ccc;font-family:Courier New,monospace;font-size:13px;word-break:break-all}.display-title-editor-path-parts{margin-top:16px}.display-title-editor-path-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.display-title-editor-path-button{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:8px 12px;transition:all .2s}.display-title-editor-path-button:hover{background:#1db954;border-color:#1db954;transform:translateY(-1px)}.display-title-editor-path-button:active{transform:translateY(0)}.path-separator{color:#666;margin-left:4px}.display-title-editor-no-parts{color:#666;font-size:13px;padding:12px;text-align:center}.display-title-editor-add-button{background:#1db954;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;min-width:32px;padding:6px 12px;transition:all .2s}.display-title-editor-add-button:hover{background:#1ed760;transform:translateY(-1px)}.display-title-editor-add-button:active{transform:translateY(0)}.display-title-editor-actions{border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:20px 24px}.display-title-editor-button{background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#aaa;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.display-title-editor-button:hover:not(:disabled){background:#333;border-color:#555;color:#fff}.display-title-editor-button.active{background:#1db954;border-color:#1db954;color:#fff}.display-title-editor-button.active:hover:not(:disabled){background:#1ed760;border-color:#1ed760}.display-title-editor-button:disabled{cursor:not-allowed;opacity:.6}.display-title-editor-cancel,.display-title-editor-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.display-title-editor-save{background:#1db954;color:#fff}.display-title-editor-save:hover:not(:disabled){background:#1ed760;transform:translateY(-1px)}.display-title-editor-save:disabled{cursor:not-allowed;opacity:.6}.display-title-editor-cancel{background:#2a2a2a;border:1px solid #444;color:#aaa}.display-title-editor-cancel:hover:not(:disabled){background:#333;color:#fff}.display-title-editor-cancel:disabled{cursor:not-allowed;opacity:.6}.display-title-editor-content::-webkit-scrollbar{width:8px}.display-title-editor-content::-webkit-scrollbar-track{background:#1a1a1a}.display-title-editor-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.display-title-editor-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.display-title-editor-container{max-height:95vh;width:95%}.display-title-editor-header{padding:16px 20px}.display-title-editor-header h2{font-size:18px}.display-title-editor-content{max-height:calc(95vh - 160px);padding:16px 20px}.display-title-editor-actions{flex-direction:column;padding:16px 20px}.display-title-editor-cancel,.display-title-editor-save{width:100%}}.album-detail{display:flex;flex-direction:column;height:100%}.album-detail-collapse-container{background:linear-gradient(180deg,#1a1a1a,#121212);border-bottom:1px solid #333;flex-shrink:0;padding:.75rem 1rem}.album-detail-collapse-btn{align-items:center;background:linear-gradient(135deg,#ff4757,#ff6b81);border:none;border-radius:20px;box-shadow:0 2px 10px #ff47574d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .3s ease;width:100%}.album-detail-collapse-btn:hover{background:linear-gradient(135deg,#ff6b81,#ff8a9b);box-shadow:0 4px 15px #ff475766;transform:translateY(-2px)}.album-detail-collapse-btn:active{transform:translateY(0)}@media (max-width:768px){.album-detail-collapse-container{display:none}}.album-detail-scrollable-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:.75rem}.album-detail-header-row{display:flex;flex-shrink:0;gap:.5rem;height:135px;margin-bottom:.5rem}.album-detail-done-button-container{background:#181818;border-top:none;bottom:0;display:none;padding:1rem;position:-webkit-sticky;position:sticky;z-index:10}.album-detail-done-button{align-items:center;background:#1db954;border:none;border-radius:8px;box-shadow:0 -2px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.album-detail-done-button:hover{background:#1ed760;box-shadow:0 -4px 12px #0000004d;transform:translateY(-2px)}.album-detail-done-button:active{background:#1aa34a;transform:translateY(0)}.album-detail-empty{align-items:center;display:flex;height:100%;justify-content:center}.album-detail-empty-content{color:#666;text-align:center}.album-detail-empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.album-detail-cover{background:#282828;border-radius:6px;flex-shrink:0;height:135px;overflow:hidden;position:relative;width:135px}.album-detail-cover img{height:100%;object-fit:cover;width:100%}.album-detail-cover-placeholder{align-items:center;color:#444;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.album-detail-info{flex-shrink:0;margin-bottom:.5rem;text-align:center}.album-detail-title{color:#fff;font-size:.85rem;font-weight:600;line-height:1.3;margin:0}.album-detail-artist{color:#60a5fa}.album-detail-meta{color:#888;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.album-detail-meta span{white-space:nowrap}.album-detail-stats{color:#888;display:flex;font-size:.875rem;gap:.5rem}.album-detail-actions{display:flex;flex:1 1;flex-direction:column;gap:.2rem;height:135px;justify-content:space-between}.btn{border-radius:4px;flex:1 1;font-size:.7rem;padding:.35rem .5rem;text-align:center;transition:all .2s ease;white-space:nowrap}.btn-primary{background:#1db954}.btn-primary:hover{background:#1ed760;transform:scale(1.02)}.btn-secondary{background:#0000;border:1px solid #b3b3b3;color:#b3b3b3}.btn-secondary:hover{border-color:#fff;color:#fff}.album-detail-tracklist{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.album-detail-tracklist h3{display:none}.tracklist-items{display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow-y:auto;padding-right:4px}.tracklist-items::-webkit-scrollbar{width:6px}.tracklist-items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.tracklist-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.tracklist-items::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tracklist-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:.4rem .5rem;transition:background .2s ease}.tracklist-item:hover{background:#ffffff1a}.tracklist-item.active{background:#1db95433}.tracklist-item.gamepad-focused{background:#60a5fa4d;border-left:3px solid #60a5fa;box-shadow:0 0 10px #60a5fa4d}.tracklist-number{color:#888;flex-shrink:0;font-size:.9rem;text-align:center;width:2rem}.playing-icon{animation:pulse 1s ease-in-out infinite;color:#1db954;font-weight:700}.tracklist-info{flex:1 1;margin:0 .75rem;min-width:0}.tracklist-title{color:#fff;font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracklist-item.active .tracklist-title{color:#1db954;font-weight:600}.tracklist-artist,.tracklist-item.active .tracklist-artist{color:#60a5fa}.tracklist-duration{color:#888;font-size:.8rem;margin:.25rem 0 0}.tracklist-play-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;opacity:0;transition:all .2s ease;width:2rem}.tracklist-item:hover .tracklist-play-btn{opacity:1}.tracklist-play-btn:hover{background:#fff3;color:#fff;transform:scale(1.1)}.tracklist-empty{color:#666;padding:2rem;text-align:center}.album-detail-scrollable-content::-webkit-scrollbar{width:8px}.album-detail-scrollable-content::-webkit-scrollbar-track{background:#181818}.album-detail-scrollable-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.album-detail-scrollable-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.album-detail-scrollable-content{padding:1.25rem}.album-detail-title{font-size:1.4rem}.album-detail-artist{font-size:1rem}.album-detail-scrollable-content{padding:1rem}.album-detail-done-button-container{display:block}.album-detail-cover,.album-detail-info{margin-bottom:1.25rem}.album-detail-title{font-size:1.3rem;margin-bottom:.375rem}.album-detail-artist{font-size:.95rem;margin-bottom:.875rem}.album-detail-meta,.album-detail-stats{font-size:.8125rem}.album-detail-actions{gap:.625rem;margin-bottom:1.25rem}.btn{font-size:1rem;min-height:48px;padding:.875rem 1.25rem}.album-detail-tracklist h3{font-size:1rem;margin-bottom:.875rem}.tracklist-item{min-height:56px;padding:.875rem .5rem}.tracklist-number{font-size:.875rem;width:2.5rem}.tracklist-info{margin:0 .5rem}.tracklist-title{font-size:.9rem}.tracklist-duration{font-size:.75rem}.tracklist-play-btn{font-size:1rem;height:2.5rem;opacity:1;width:2.5rem}.album-detail-empty-icon{font-size:3.5rem}.album-detail-empty p{font-size:.95rem}}@media (max-width:480px){.album-detail-done-button-container,.album-detail-scrollable-content{padding:.875rem}.album-detail-done-button{font-size:.95rem;min-height:44px;padding:.75rem 1.25rem}.album-detail-cover,.album-detail-info{margin-bottom:1rem}.album-detail-title{font-size:1.15rem}.album-detail-artist{font-size:.9rem}.album-detail-meta,.album-detail-stats{font-size:.75rem}.btn{font-size:.95rem;min-height:44px;padding:.75rem 1rem}.tracklist-item{min-height:52px;padding:.75rem .375rem}.tracklist-number{width:2rem}.tracklist-title{font-size:.85rem}.tracklist-play-btn{height:2.25rem;width:2.25rem}}.cast-button-container{display:inline-flex;gap:8px;position:relative}.cast-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s ease}.cast-button:hover{background:#fff3;border-color:#ffffff4d}.cast-button.casting{background:#4285f44d;border-color:#4285f480}.cast-button.airplay{background:#007aff33;border-color:#007aff66}.cast-icon{font-size:18px}.cast-label{font-weight:500}.cast-device-list{background:#000000e6;border:1px solid #fff3;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000004d;left:0;margin-bottom:8px;min-width:200px;padding:8px;position:absolute;z-index:1000}.cast-device-item{background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.cast-device-item:hover{background:#ffffff1a}.cast-device-item:not(:last-child){margin-bottom:4px}.media-player{align-items:center;background:#282828;border-top:none;display:flex;gap:clamp(.5rem,1.5vw,1.5rem);height:clamp(64px,9.6vh,80px);justify-content:center;min-height:64px;padding:0 clamp(1rem,2vw,2rem)}.media-player-empty{color:#666;font-size:.9rem;text-align:center;width:100%}.media-player-track-info{align-items:center;display:flex;gap:1rem;min-width:0}.track-info-details{flex:1 1;min-width:0}.track-info-title{color:#fff;font-size:clamp(.85rem,1.2vw,.95rem);font-weight:600;margin:0 0 .25rem}.track-info-artist,.track-info-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info-artist{color:#b3b3b3;font-size:clamp(.7rem,1vw,.8rem);margin:0}.track-info-queue{color:#888;font-size:.7rem;margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-player-controls{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:0}.playback-buttons{gap:1rem;justify-content:center;margin-bottom:0}.control-btn{background:#0000;color:#b3b3b3;font-size:1.25rem;padding:.5rem}.control-btn:hover:not(:disabled){color:#fff;transform:scale(1.1)}.control-btn-play{background:#fff;border-radius:50%;color:#000;font-size:1.5rem;height:3rem;width:3rem}.control-btn-play:hover:not(:disabled){background:#f0f0f0;transform:scale(1.05)}.playback-progress{align-items:center;display:flex;gap:.75rem;width:100%}.progress-time{color:#b3b3b3}.progress-bar{background:#404040;outline:none}.progress-bar::-webkit-slider-thumb{background:#fff;height:12px;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;width:12px}.progress-bar:hover::-webkit-slider-thumb{opacity:1}.progress-bar::-moz-range-thumb{background:#fff;height:12px;opacity:0;-moz-transition:opacity .2s ease;transition:opacity .2s ease;width:12px}.progress-bar:hover::-moz-range-thumb{opacity:1}.progress-bar::-webkit-slider-runnable-track{background:linear-gradient(90deg,#1db954 0,#1db954 0,#404040 0,#404040);background:linear-gradient(to right,#1db954 0,#1db954 var(--progress,0),#404040 var(--progress,0),#404040 100%);border-radius:2px;height:4px}.playback-volume{align-items:center;max-width:200px;width:100%}.media-player-progress,.playback-volume{display:flex;gap:.5rem;justify-content:center}.media-player-progress{align-items:flex-end;flex-direction:column;min-width:0}.swipe-mode-buttons{display:flex;flex-shrink:0;gap:.5rem;margin-left:auto}.swipe-mode-btn{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.swipe-mode-btn:hover{background:#fff3;transform:scale(1.1)}.swipe-mode-btn.preview{border-color:orange}.swipe-mode-btn.preview:hover{background:#ffa5004d;border-color:orange}.swipe-mode-btn.listening{border-color:#1e90ff}.swipe-mode-btn.listening:hover{background:#1e90ff4d;border-color:#1e90ff}.volume-btn{flex-shrink:0;font-size:1.25rem;padding:.5rem;transition:transform .2s ease}.volume-btn:hover{transform:scale(1.1)}.volume-slider{background:#404040;flex:0 1 100px;min-width:80px;outline:none}.volume-slider::-webkit-slider-thumb{background:#fff}.volume-slider::-moz-range-thumb{background:#fff}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#fff 0,#fff 100%,#404040 0,#404040 0);background:linear-gradient(to right,#fff 0,#fff var(--volume,100%),#404040 var(--volume,100%),#404040 100%);border-radius:2px;height:4px}@media (max-width:768px){.media-player{padding:0 1.25rem}.media-player-track-info{flex:0 0 220px}.media-player-progress{flex:0 0 180px}}@media (max-width:992px){.media-player{padding:0 1rem}.media-player-track-info{flex:0 0 180px}.media-player-progress{flex:0 0 160px}.control-btn{font-size:1.125rem;padding:.375rem}.control-btn-play{font-size:1.375rem;height:2.75rem;width:2.75rem}.playback-volume{max-width:150px}}@media (max-width:768px){.media-player{flex-direction:column;gap:.625rem;height:auto;min-height:120px;padding:.875rem}.media-player-track-info{flex:1 1 auto;flex:none;max-width:100%;order:1;width:100%}.swipe-mode-buttons{margin-left:0}.swipe-mode-btn{font-size:1.375rem;height:44px;width:44px}.track-info-title{font-size:1rem}.track-info-artist{font-size:.875rem}.media-player-controls{max-width:100%;order:2;width:100%}.playback-buttons{gap:1.25rem;margin-bottom:.625rem}.playback-volume{margin-top:.5rem;max-width:180px}.control-btn{font-size:1.25rem;min-height:44px;min-width:44px;padding:.625rem}.control-btn-play{font-size:1.5rem;height:3.25rem;width:3.25rem}.media-player-progress{align-items:center;flex:1 1 auto;max-width:100%;order:3;padding-top:.5rem;width:100%}.playback-progress{gap:.5rem;width:100%}.progress-time{font-size:.7rem;min-width:36px}.progress-bar,.volume-slider{height:6px}.progress-bar::-webkit-slider-thumb,.volume-slider::-webkit-slider-thumb{height:16px;opacity:1;width:16px}.progress-bar::-moz-range-thumb,.volume-slider::-moz-range-thumb{height:16px;opacity:1;width:16px}.volume-btn{font-size:1.375rem;min-height:44px;min-width:44px;padding:.625rem}.volume-slider{max-width:200px}.media-player-empty{font-size:1rem;padding:1rem}}@media (max-width:480px){.media-player{min-height:110px;padding:.75rem}.track-info-title{font-size:.95rem}.track-info-artist{font-size:.8rem}.playback-buttons{gap:1rem}.playback-volume{max-width:140px}.control-btn{font-size:1.125rem;min-height:40px;min-width:40px;padding:.5rem}.control-btn-play{font-size:1.375rem;height:3rem;width:3rem}.progress-time{font-size:.65rem;min-width:32px}.volume-btn{font-size:1.25rem}.volume-slider{max-width:100px}}.spotify-player{background:linear-gradient(135deg,#191414,#282828);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;gap:16px;padding:20px}.spotify-player.error,.spotify-player.loading,.spotify-player.not-premium{align-items:center;color:#ffffffb3;justify-content:center;min-height:200px;text-align:center}.spotify-player .loading-spinner{animation:pulse 1s ease-in-out infinite;font-size:2.5rem}.premium-required{align-items:center;display:flex;flex-direction:column;gap:12px}.premium-icon{font-size:3rem}.premium-required p{color:#fff;font-size:1rem;margin:0}.premium-note{color:#ffffff80!important;font-size:.85rem!important}.sp-track-info{align-items:center;display:flex;gap:16px}.sp-track-image{border-radius:8px;box-shadow:0 4px 12px #0000004d;height:64px;object-fit:cover;width:64px}.sp-track-details{flex:1 1;min-width:0}.sp-track-name{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 4px}.sp-track-artist,.sp-track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-track-artist{color:#fff9;font-size:.9rem;margin:0}.sp-controls{gap:16px}.sp-btn,.sp-controls{align-items:center;display:flex;justify-content:center}.sp-btn{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.1rem;height:44px;transition:all .2s ease;width:44px}.sp-btn:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.sp-btn:disabled{cursor:not-allowed;opacity:.3}.sp-btn-play{background:#1db954;font-size:1.4rem;height:56px;width:56px}.sp-btn-play:hover{background:#1ed760!important;transform:scale(1.08)!important}.sp-progress{align-items:center;display:flex;gap:12px}.sp-time{color:#ffffff80;font-family:SF Mono,monospace;font-size:.75rem;min-width:40px;text-align:center}.sp-progress-bar{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.sp-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1db954;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .2s;transition:transform .2s;width:12px}.sp-progress-bar::-webkit-slider-thumb:hover{transform:scale(1.3)}.sp-progress-bar::-moz-range-thumb{background:#1db954;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.sp-volume{align-items:center;display:flex;gap:8px;justify-content:center}.sp-volume-icon{font-size:1.2rem}.sp-volume-bar{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;width:100px}.sp-volume-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:10px;width:10px}.sp-volume-bar::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:10px;width:10px}.sp-queue-info{color:#fff6;font-size:.8rem;text-align:center}.sp-queuing-indicator{align-items:center;animation:fadeIn .3s ease;background:#1db95426;border:1px solid #1db95466;border-radius:8px;box-shadow:0 2px 8px #1db95433;display:flex;gap:12px;justify-content:center;margin-bottom:8px;padding:12px 16px}.sp-queuing-indicator span{color:#1db954;font-size:.9rem;font-weight:500}.sp-queuing-spinner{animation:spin .8s linear infinite;background:#0000;border-color:#1db954 #1db954 #1db95433 #1db95433;border-radius:50%;border-style:solid;border-width:3px;box-sizing:border-box;display:block;flex-shrink:0;height:24px;min-height:24px;min-width:24px;width:24px}@media (max-width:480px){.spotify-player{padding:16px}.sp-track-image{height:48px;width:48px}.sp-btn{height:40px;width:40px}.sp-btn-play{height:48px;width:48px}.sp-volume{display:none}}.playlist-save-dialog-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:10000}.playlist-save-dialog{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e2ef2,#16213ef2);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:2rem;pointer-events:auto;position:relative;width:90%;z-index:10001}.playlist-save-dialog h2{color:#fff;font-size:1.75rem;margin:0 0 .5rem;text-align:center}.playlist-track-count{color:#1e90ff;font-size:.95rem;margin:0 0 1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{color:#b3b3b3}.playlist-input,.playlist-textarea{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;color:#fff;font-family:inherit;font-size:1rem;padding:.875rem;transition:all .2s ease;width:100%}.playlist-input select,.playlist-input[type=select],select.playlist-input,select.playlist-input option{background-color:#2a2a2a!important;color:#fff!important}.playlist-input:focus,.playlist-textarea:focus{background:#ffffff14;border-color:#1e90ff;outline:none}.playlist-input::placeholder,.playlist-textarea::placeholder{color:#ffffff4d}.playlist-textarea{min-height:80px;resize:vertical}.checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#1e90ff;cursor:pointer;height:20px;width:20px}.dialog-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel,.btn-save{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.btn-cancel{border:2px solid #fff3}.btn-cancel:hover{transform:translateY(-2px)}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #1e90ff66;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.playlist-save-dialog{max-width:95%;padding:1.5rem}.playlist-save-dialog h2{font-size:1.5rem}.dialog-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.swipe-overlay{background:linear-gradient(135deg,#1a1a2e,#16213e);bottom:0;display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;max-width:none!important;overflow-x:visible!important;overflow-y:auto;padding-left:0!important;position:fixed;right:0;top:0;width:100%;z-index:9999}.swipe-header{align-items:center;background:#0006;border-bottom:1.5px solid #0000;display:flex;flex-shrink:0;gap:1.5rem;justify-content:space-between;padding:1.5rem 2.25rem}.swipe-mode-indicator{align-items:flex-start;color:#1e90ff;display:flex;flex:1 1;flex-direction:column;font-size:2.25rem;font-weight:700;justify-content:center;letter-spacing:1.5px;min-width:0;text-transform:uppercase;white-space:normal;width:100%}.header-actions{align-items:center;display:flex;gap:1.2rem}.swipe-header .header-actions+.swipe-close-btn{margin-left:0}.header-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:3rem;height:108px;justify-content:center;transition:all .2s ease;width:108px}.header-btn:hover{transform:scale(1.1)}.header-btn:active{transform:scale(.95)}.header-btn-block{background:#9e9e9e4d;color:#fff}.header-btn-block:hover{background:#9e9e9e80}.header-btn-save{align-items:center;background:linear-gradient(135deg,#1e90ff,#06c);border-radius:12px;color:#fff;display:flex;font-size:2.4rem;font-weight:600;gap:.75rem;height:108px;justify-content:center;min-width:180px;padding:0 1.8rem;width:auto}.header-btn-save:hover{box-shadow:0 6px 18px #1e90ff80}.header-btn-voice{background:#9c27b04d;color:#fff}.header-btn-voice:hover{background:#9c27b080}.header-btn-voice.active{animation:pulse-voice 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#388e3c)}.preview-duration-selector{background:#0000004d;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.4rem}.preview-duration-selector-mobile{background:#0006;border-radius:8px;display:none;flex-direction:row;flex-shrink:0;flex-wrap:wrap;gap:.5rem;margin-bottom:0;padding:.75rem}.mobile-action-buttons,.preview-duration-selector-mobile{align-items:center;box-sizing:border-box;justify-content:center;width:100%}.mobile-action-buttons{gap:0;margin:0;padding:0}.mobile-action-btn{align-items:center;border:3px solid #0000;border-radius:12px;box-shadow:0 4px 15px #0000004d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;transition:all .15s ease;width:100%}.mobile-action-btn:hover{transform:scale(1.05)}.mobile-action-btn:active{border-color:#0000;transform:scale(.95)}.mobile-action-btn.voice-activated{animation:voiceFlashMobile .6s ease-out;box-shadow:0 0 30px #4caf50cc,0 0 60px #4caf5066}@keyframes voiceFlashMobile{0%{box-shadow:0 4px 15px #0000004d;transform:scale(1)}50%{box-shadow:0 0 40px #4caf50,0 0 80px #4caf5099;transform:scale(1.1)}to{box-shadow:0 4px 15px #0000004d;transform:scale(1)}}.mobile-btn-icon{font-size:3rem;line-height:1;margin-bottom:.5rem}.mobile-btn-label{font-size:1rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.mobile-btn-reject{align-self:stretch!important;background:linear-gradient(135deg,#546e7a,#37474f);color:#fff;height:100%!important;max-height:100%!important;min-height:100%!important}.mobile-btn-reject:hover{box-shadow:0 6px 20px #546e7a99}.mobile-btn-keep{align-self:stretch!important;background:linear-gradient(135deg,#607d8b,#455a64);color:#fff;height:100%!important;max-height:100%!important;min-height:100%!important}.mobile-btn-keep:hover{box-shadow:0 6px 20px #607d8b99}.desktop-only{display:flex}.duration-btn{background:#ffffff1a;border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-size:2.025rem;font-weight:600;min-width:97.2px;padding:.945rem 1.62rem;transition:all .2s ease;white-space:nowrap}.duration-btn:hover{background:#ffffff26}.duration-btn.active{background:orange;border-color:#0000;box-shadow:0 2px 6px #ffa50066;color:#000}.swipe-close-btn{background:#ffffff1a;border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;font-size:3.75rem;height:108px;transition:all .2s ease;width:108px}.swipe-close-btn:hover{background:#fff3;transform:scale(1.05)}.swipe-progress{flex-shrink:0;padding:.75rem 1rem;position:relative;z-index:4}.swipe-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden}.swipe-progress-fill{background:linear-gradient(90deg,#1e90ff,#00bfff);height:100%;transition:width .3s ease}.swipe-stats{align-items:center;color:#fff;display:flex;font-size:.9rem;justify-content:space-between}.stat-kept{color:#607d8b;font-weight:600}.stat-rejected{color:#546e7a;font-weight:600}.stat-current{color:#b3b3b3}.swipe-side-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000;border-bottom:1px solid #0000;border-top:1px solid #0000;display:flex!important;flex-direction:column;flex-shrink:0;height:100%;margin:0;opacity:1!important;overflow:visible!important;padding:0;position:relative;visibility:visible!important;width:250px;z-index:3}@media (min-width:1024px){.swipe-side-panel{height:100%!important;margin:0!important;overflow:visible!important;position:relative!important;width:100px!important}.swipe-card-wrapper .swipe-side-panel-left{flex-shrink:0!important;left:0!important;margin-left:0!important;overflow:visible!important;padding:0!important}}.swipe-side-panel-left,.swipe-side-panel-right,.swipe-side-panel.swipe-side-panel-left{display:none!important;opacity:0!important;visibility:hidden!important}.swipe-side-panel-right{border-radius:12px;border-right:none;flex-shrink:0!important;height:100%!important;order:999!important}.side-panel-header{align-items:center;border-bottom:1px solid #0000;display:flex;flex-shrink:0;gap:.5rem;padding:.75rem 1rem}.swipe-side-panel-left .side-panel-header{background:linear-gradient(90deg,#546e7a4d,#0000)}.swipe-side-panel-right .side-panel-header{background:linear-gradient(-90deg,#607d8b4d,#0000)}.side-panel-icon{font-size:1.25rem}.side-panel-title{color:#fff;font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.side-panel-list{flex:1 1;overflow-y:auto;padding:.5rem}.side-panel-list::-webkit-scrollbar{width:4px}.side-panel-list::-webkit-scrollbar-track{background:#ffffff0d}.side-panel-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.side-panel-empty{align-items:center;color:#fff6;display:flex;font-size:.8rem;font-style:italic;height:100%;justify-content:center;padding:1rem;text-align:center}.side-panel-track{background:#ffffff0d;border-radius:6px;margin-bottom:.25rem;padding:.5rem .75rem;position:relative;transition:all .2s ease}.side-panel-track:hover{background:#ffffff1a}.side-panel-track.playing{background:#1e90ff33;border:1px solid #0000;box-shadow:0 0 8px #1e90ff4d}.side-panel-track.kept,.side-panel-track.rejected{border-left:2px solid #0000}.side-panel-track.playing.kept,.side-panel-track.playing.rejected{border-left:3px solid #0000}.side-panel-move-btn:hover{opacity:.9;transform:scale(1.05)}.side-panel-track .track-title{color:#fff;font-size:.75rem;font-weight:600;margin-bottom:.125rem}.side-panel-track .track-artist,.side-panel-track .track-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-panel-track .track-artist{color:#fff9;font-size:.65rem}.swipe-direction-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);z-index:20}.swipe-direction-left{animation:slideFromLeft .2s ease-out;left:103px}.swipe-direction-right{animation:slideFromRight .2s ease-out;right:103px}@keyframes slideFromLeft{0%{opacity:0;transform:translateY(-50%) translateX(-20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateY(-50%) translateX(20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.direction-icon{animation:iconPulse .6s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));font-size:4rem}.swipe-direction-left .direction-icon{text-shadow:0 0 30px #f44336cc}.swipe-direction-right .direction-icon{text-shadow:0 0 30px #4caf50cc}.direction-text{color:#fff;font-size:1.5rem;font-weight:900;letter-spacing:3px;margin-top:.5rem;text-shadow:0 2px 8px #000c;text-transform:uppercase}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.swipe-card-wrapper{background:#0000;border:10px solid #0000;border-left:10px solid #0000!important;border-radius:12px;border-bottom-left-radius:0!important;border-top-left-radius:0!important;-webkit-clip-path:none!important;clip-path:none!important;column-gap:0!important;flex:0 0 auto!important;gap:0!important;height:calc(110dvh - 257.5px)!important;justify-content:center;margin:10px 0 0!important;max-height:calc(110dvh - 257.5px)!important;max-width:calc(100vw - 15px)!important;min-height:calc(110dvh - 257.5px)!important;min-width:calc(100vw - 15px)!important;position:relative;row-gap:0!important;width:calc(100vw - 15px)!important}.swipe-card-inner-wrapper,.swipe-card-wrapper{align-items:center!important;box-sizing:border-box;display:flex;flex-direction:row;overflow:hidden!important;padding:0!important}.swipe-card-inner-wrapper{border:10px solid #0000!important;border-radius:8px;height:100%;justify-content:center!important;margin:0!important;position:relative!important;width:100%}.swipe-card-inner-wrapper>*{border:2px solid #0000!important;border-radius:10px!important}.swipe-card-inner-wrapper>*,.swipe-card-wrapper>*{gap:0!important;margin:0!important;padding:0!important;z-index:1!important}.swipe-card-inner-wrapper .swipe-side-panel-left.swipe-side-panel-left,.swipe-card-inner-wrapper>.swipe-side-panel-left{margin:0!important;position:relative!important}.swipe-card-inner-wrapper .swipe-side-panel-left{order:1!important}.swipe-card-inner-wrapper .side-action-btn.side-btn-reject{order:2!important}.swipe-card-inner-wrapper .swipe-card-container{order:3!important}.swipe-card-inner-wrapper .side-action-btn.side-btn-keep,.swipe-card-inner-wrapper>.side-action-btn.side-btn-keep{box-sizing:border-box!important;flex-shrink:0!important;margin:0!important;order:4!important}.swipe-card-inner-wrapper .swipe-side-panel-right,.swipe-card-inner-wrapper>.swipe-side-panel-right{box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;height:100%!important;margin-left:0!important;margin-right:0!important;max-height:100%!important;min-height:100%!important;opacity:1!important;order:5!important;overflow:visible!important;position:relative!important;visibility:visible!important;z-index:1!important}.swipe-card-inner-wrapper .swipe-side-panel-left,.swipe-card-inner-wrapper>.swipe-side-panel-left{height:100%!important;max-height:100%!important;min-height:100%!important}.swipe-card-inner-wrapper .mobile-action-buttons{display:none!important}.swipe-card-inner-wrapper .mobile-action-buttons,.swipe-card-inner-wrapper .side-action-btn,.swipe-card-inner-wrapper .side-panels-container,.swipe-card-inner-wrapper .swipe-card-container{border:2px solid #0000!important;border-radius:10px!important;gap:0!important;margin:0!important;padding:0!important}.swipe-card-inner-wrapper .swipe-card-container,.swipe-card-inner-wrapper>.swipe-card-container{border:2px solid #0000!important;border-radius:10px!important;box-shadow:none!important;margin:0!important;outline:none!important;padding:0!important}.swipe-card-wrapper .swipe-card-container,.swipe-card-wrapper>.swipe-card-container{border:2px solid #0000!important;border-radius:0!important;box-shadow:none!important;margin:0!important;outline:none!important;padding:0!important}.swipe-card-wrapper .swipe-card,.swipe-card-wrapper .swipe-card-container .swipe-card{margin:0!important;padding:0!important}.swipe-card-wrapper .mobile-action-buttons{border:2px solid #0000!important;gap:0!important;margin:0!important;padding:0!important}.swipe-card-wrapper .mobile-action-buttons .mobile-action-btn,.swipe-card-wrapper .side-panels-container{border:2px solid #0000!important;border-radius:0!important;margin:0!important;padding:0!important}.swipe-card-wrapper .side-panels-container{box-shadow:none!important;display:none!important;gap:0!important;outline:none!important}.swipe-card-wrapper .swipe-side-panel,.swipe-card-wrapper .swipe-side-panel-right{border:2px solid #0000!important}.swipe-card-inner-wrapper>.swipe-side-panel-left,.swipe-card-wrapper .swipe-side-panel-left{display:none!important;opacity:0!important;visibility:hidden!important}.swipe-card-wrapper *{box-sizing:border-box}.swipe-card-wrapper{border-radius:0!important}.swipe-card-inner-wrapper,.swipe-card-inner-wrapper *{border-radius:10px!important}.swipe-card-wrapper>:not(.swipe-card-inner-wrapper),.swipe-card-wrapper>:not(.swipe-card-inner-wrapper) *{border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.swipe-card-wrapper .mobile-action-buttons *,.swipe-card-wrapper .side-action-btn *,.swipe-card-wrapper .swipe-card-container *,.swipe-card-wrapper .swipe-side-panel *,.swipe-card-wrapper .swipe-side-panel-left *,.swipe-card-wrapper .swipe-side-panel-right *{gap:0!important;margin:0!important;padding-left:0!important;padding-right:0!important}.swipe-card-wrapper .mobile-action-buttons,.swipe-card-wrapper .side-action-btn,.swipe-card-wrapper .side-panels-container,.swipe-card-wrapper .swipe-card-container,.swipe-card-wrapper .swipe-side-panel,.swipe-card-wrapper .swipe-side-panel-left,.swipe-card-wrapper .swipe-side-panel-right,.swipe-card-wrapper [style*="display: flex"]{column-gap:0!important;gap:0!important;row-gap:0!important}.side-action-btn{align-items:center;border:4px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:row;height:auto;justify-content:center;margin:0!important;min-height:60px;min-width:0;padding:0!important;transition:all .15s ease;width:100%}.swipe-card-inner-wrapper>.side-action-btn{border:3px solid #0000!important;border-radius:10px!important;height:100%!important;margin:0 1rem!important;min-height:100%!important;overflow:visible!important;position:relative!important;z-index:1!important}.swipe-card-inner-wrapper>.side-action-btn.side-btn-keep{height:100%!important;max-height:100%!important;min-height:100%!important}.swipe-card-inner-wrapper .side-action-btn:not(.side-btn-reject):not(.side-btn-keep),.swipe-card-inner-wrapper>.side-action-btn:not(.side-btn-reject):not(.side-btn-keep){align-self:flex-start!important;border:3px solid #0000!important;border-radius:0!important;box-shadow:none!important;height:100%!important;margin:0!important;max-height:100%!important;min-height:100%!important;overflow:visible!important}.swipe-card-inner-wrapper .side-action-btn.side-btn-keep,.swipe-card-inner-wrapper>.side-action-btn.side-btn-keep{align-self:stretch!important;overflow:hidden!important}.swipe-card-inner-wrapper .side-action-btn.side-btn-keep,.swipe-card-inner-wrapper .side-action-btn.side-btn-reject,.swipe-card-inner-wrapper>.side-action-btn.side-btn-keep,.swipe-card-inner-wrapper>.side-action-btn.side-btn-reject{border:3px solid #0000!important;border-radius:0!important;box-shadow:none!important;height:100%!important;margin:0 1rem!important;max-height:100%!important;min-height:100%!important;padding:0!important;position:relative!important;z-index:1!important}.swipe-card-inner-wrapper .side-action-btn.side-btn-reject,.swipe-card-inner-wrapper>.side-action-btn.side-btn-reject{align-self:flex-start!important;overflow:visible!important}.swipe-card-inner-wrapper .side-action-btn.side-btn-keep,.swipe-card-inner-wrapper>.side-action-btn.side-btn-keep{border-top-width:3px!important;padding-top:0!important}.swipe-card-wrapper .side-panels-container~.side-action-btn.side-btn-reject{margin-left:0!important}.side-action-btn:hover{transform:scale(1.05)}.side-action-btn:active{border-color:#0000;transform:scale(.92)}.side-action-btn.voice-activated{animation:voiceFlash .6s ease-out;box-shadow:0 0 30px #4caf50cc,0 0 60px #4caf5066}@keyframes voiceFlash{0%{box-shadow:0 8px 35px #546e7a99;transform:scale(1)}50%{box-shadow:0 0 40px #4caf50,0 0 80px #4caf5099;transform:scale(1.15)}to{box-shadow:0 8px 35px #546e7a99;transform:scale(1)}}.side-btn-keep.voice-activated{animation:voiceFlashKeep .6s ease-out;box-shadow:0 0 30px #4caf50cc,0 0 60px #4caf5066}@keyframes voiceFlashKeep{0%{box-shadow:0 8px 35px #607d8b99;transform:scale(1)}50%{box-shadow:0 0 40px #4caf50,0 0 80px #4caf5099;transform:scale(1.15)}to{box-shadow:0 8px 35px #607d8b99;transform:scale(1)}}.side-btn-icon{font-size:4rem;line-height:1}.side-btn-label{font-size:1rem;font-weight:800;letter-spacing:2px;margin-top:.25rem;text-transform:uppercase}.side-btn-reject{background:linear-gradient(135deg,#546e7a,#37474f);box-shadow:0 8px 35px #546e7a99;color:#fff}.side-btn-reject:hover{box-shadow:0 12px 45px #546e7acc}.side-btn-reject:active{background:linear-gradient(135deg,#455a64,#37474f)}.side-btn-keep{background:linear-gradient(135deg,#607d8b,#455a64);box-shadow:0 8px 35px #607d8b99;color:#fff}.side-btn-keep:hover{box-shadow:0 12px 45px #607d8bcc}.side-btn-keep:active{background:linear-gradient(135deg,#546e7a,#455a64)}.swipe-card-wrapper .side-btn-keep,.swipe-card-wrapper .side-btn-keep:active,.swipe-card-wrapper .side-btn-keep:hover,.swipe-card-wrapper .side-btn-reject,.swipe-card-wrapper .side-btn-reject:active,.swipe-card-wrapper .side-btn-reject:hover{border:2px solid #0000!important;box-shadow:none!important}.swipe-card-container{align-items:stretch;border:3px solid #0000;border-radius:12px;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;height:auto;justify-content:flex-start;margin:0!important;max-height:100%;max-width:100%;min-height:0;min-width:0;overflow:visible;padding:0!important;position:relative;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.swipe-card-wrapper .swipe-card-container{border:2px solid #0000!important;border-radius:0!important;box-shadow:none!important}@media (min-width:768px){.swipe-card-wrapper{align-items:center!important;flex-direction:row;justify-content:center;max-width:calc(100vw - 15px)!important;min-width:calc(100vw - 15px)!important;width:calc(100vw - 15px)!important}.side-action-btn{flex:0 0 auto;flex-direction:column;height:100%;min-height:100%;min-width:180px;padding:0!important;width:auto}.swipe-card-wrapper .side-action-btn{height:calc(110dvh - 357.5px)!important;max-height:calc(110dvh - 357.5px)!important;min-height:calc(110dvh - 357.5px)!important}.swipe-card-wrapper .swipe-card-container{border:none!important;border-radius:20px!important;margin:0!important}.swipe-card-wrapper .side-action-btn{align-self:stretch!important;border:3px solid #0000!important;border-radius:0!important;border-radius:20px!important;height:100%!important;margin:0!important;max-height:100%!important;min-height:100%!important}.swipe-card-container{align-items:center;flex:1 1 auto;height:100%;min-width:0;width:auto}.swipe-card{height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;width:100%!important}.swipe-side-panel{display:flex!important;opacity:1!important;visibility:visible!important}}@media (max-width:767px){.swipe-card-container{align-items:stretch;flex:1 1 auto;margin:0!important;max-width:none;padding:0!important;width:100%}}.swipe-card{aspect-ratio:3/4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:8px;box-shadow:0 20px 60px #00000080;box-sizing:border-box;cursor:grab;flex:1 1 auto;height:100%!important;margin:0;max-height:100%;max-width:calc(100% - 100px);min-height:0;min-width:0;padding:0;transition:transform .1s ease,opacity .1s ease;width:100%}@media (min-width:765px) and (orientation:portrait){.swipe-card{aspect-ratio:unset!important;background:linear-gradient(135deg,#1a1a2e,#16213e)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:none!important;min-height:auto!important;overflow:visible!important;padding:0!important;width:100%!important}.swipe-card .swipe-playlist-info,.swipe-card .swipe-preview-timer,.swipe-card .swipe-track-album,.swipe-card .swipe-track-artist,.swipe-card .swipe-track-title{order:0!important}.swipe-card .swipe-indicator{order:1!important}.swipe-card .swipe-preview-controls{order:2!important}.swipe-card .swipe-loading-audio{order:3!important}.side-action-btn{display:none!important}.swipe-overlay{background:linear-gradient(135deg,#1a1a2e,#16213e)!important;border:none!important;bottom:0!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;overflow-x:visible!important;overflow-y:auto!important;z-index:9999!important}.preview-duration-selector-mobile{display:flex!important;order:1!important}.flex-grid-container{box-sizing:border-box!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:calc(100vh - 140px)!important;height:calc(100dvh - 140px)!important;margin:0!important;min-height:0!important;order:2!important;overflow-x:visible!important;padding:0!important;width:100%!important}.flex-grid-container .display-artist-element{font-size:1.5rem;font-weight:600;order:0!important}.flex-grid-container .display-album-element,.flex-grid-container .display-artist-element{align-items:center!important;background:#0000004d;border-bottom:2px solid #0000;color:#fff;display:flex!important;justify-content:center!important;padding:1rem;text-align:center!important;width:100%!important}.flex-grid-container .display-album-element{font-size:1.3rem;font-weight:500;order:1!important}.flex-grid-container .display-track-element{border-bottom:2px solid #0000;font-size:1.1rem;order:2!important}.flex-grid-container .display-playlist-creator-element,.flex-grid-container .display-track-element{align-items:center!important;background:#0000004d;color:#fff;display:flex!important;font-weight:400;justify-content:center!important;padding:1rem;text-align:center!important;width:100%!important}.flex-grid-container .display-playlist-creator-element{border-bottom:none!important;font-size:1rem;margin:0!important;order:3!important}.flex-grid-container .swipe-preview-controls{align-items:center!important;bottom:auto!important;box-sizing:border-box!important;display:none!important;flex-shrink:0!important;gap:.5rem!important;height:auto!important;justify-content:center!important;left:auto!important;margin:10px 0 0!important;min-height:160px!important;order:4!important;padding:1rem!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}.flex-grid-container .swipe-card-wrapper{display:flex!important;flex:0 0 auto!important;margin:0!important;order:6!important;overflow-x:visible!important;padding:0!important;width:100%!important}.swipe-card-wrapper{display:none!important}.swipe-card-wrapper-OLD{background:linear-gradient(135deg,#1a1a2e,#16213e)!important;flex:0 0 auto!important;height:600px!important;margin:0!important;max-height:600px!important;min-height:0!important;order:2!important;overflow:visible!important;padding:0!important;position:relative!important;width:100%!important;z-index:10000!important}.swipe-card-container{display:none!important}.swipe-side-panel{bottom:auto!important;display:flex!important;flex:1 1!important;height:100%!important;left:auto!important;min-width:0!important;position:relative!important;right:auto!important;top:auto!important}.flex-grid-container .side-panels-container,.swipe-side-panel-left,.swipe-side-panel-right{display:flex!important;opacity:1!important;visibility:visible!important}.flex-grid-container .side-panels-container,.side-panels-container{box-sizing:border-box!important;flex:1 1 auto!important;flex-direction:row!important;gap:0!important;height:100%!important;margin:0!important;order:5!important;padding:0!important;position:relative!important;width:100%!important;z-index:1!important}.side-panels-container{display:flex!important;opacity:1!important;visibility:visible!important}}@media (max-width:768px){.swipe-card{aspect-ratio:1.78/1!important;height:100%!important;margin:0 1rem!important;max-height:100%!important;max-width:calc(100vw - 2rem)!important;min-height:100%!important;padding:0!important;width:calc(100vw - 2rem)!important}}.swipe-card:active{cursor:grabbing}.swipe-indicator{animation:indicatorPop .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;font-size:2rem;font-weight:900;opacity:.95;padding:.75rem 1.5rem;pointer-events:none;position:absolute;text-shadow:2px 2px 8px #00000080;top:15%}@keyframes indicatorPop{0%{opacity:0;transform:scale(.5) rotate(-15deg)}50%{transform:scale(1.1) rotate(-12deg)}to{opacity:.95;transform:scale(1) rotate(-15deg)}}.swipe-keep{background:linear-gradient(135deg,#607d8be6,#455a64e6);box-shadow:0 4px 20px #607d8b99;right:1rem;transform:rotate(-15deg)}.swipe-keep,.swipe-reject{border:3px solid #0000;color:#fff}.swipe-reject{animation-name:indicatorPopReject;background:linear-gradient(135deg,#546e7ae6,#37474fe6);box-shadow:0 4px 20px #546e7a99;left:1rem;transform:rotate(15deg)}@keyframes indicatorPopReject{0%{opacity:0;transform:scale(.5) rotate(15deg)}50%{transform:scale(1.1) rotate(12deg)}to{opacity:.95;transform:scale(1) rotate(15deg)}}.swipe-album-cover{border-radius:16px;box-shadow:0 10px 30px #0000004d;cursor:pointer;height:200px;margin-bottom:1.5rem;overflow:hidden;transition:all .2s ease;width:200px}.swipe-album-cover:hover{box-shadow:0 12px 35px #0006;transform:scale(1.05)}.swipe-album-cover:active{transform:scale(.98)}.swipe-cover-placeholder{align-items:center;background:linear-gradient(135deg,#1e90ff4d,#00bfff4d);display:flex;font-size:5rem;height:100%;justify-content:center;width:100%}.swipe-track-title{color:#fff;font-size:1.3125rem;font-weight:700;height:3.4125rem;margin:50px 1rem .5rem;max-height:3.4125rem;min-height:3.4125rem;padding:0;width:calc(100% - 2rem)}.swipe-track-artist,.swipe-track-title{word-wrap:break-word;align-items:center;display:flex;flex-shrink:0;justify-content:center;line-height:1.3;overflow:visible;text-align:center;white-space:normal}.swipe-track-artist{color:#1e90ff;font-size:1.6875rem;font-weight:600;height:4.3875rem;margin:.5rem 0;max-height:4.3875rem;min-height:4.3875rem;padding:0 1rem;width:100%}.swipe-track-album{word-wrap:break-word;color:#b3b3b3;display:block;flex-shrink:0;font-size:1.5rem;height:3.9rem;line-height:1.3;margin:.5rem 0 0;max-height:3.9rem;min-height:3.9rem;overflow:visible;padding:0 1rem;text-align:center;white-space:normal;width:100%}.swipe-track-album .album-content{align-items:center;display:flex;flex-direction:column;width:100%}.swipe-track-album .album-main{display:block;text-align:center}.swipe-track-album .album-subtitle{display:block;margin-top:.25rem;text-align:center}.swipe-playlist-info{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin:0;max-width:100%;padding:0;width:100%}.swipe-playlist-name{box-sizing:border-box;color:#1db954;font-size:1.125rem;font-weight:600;margin:0 0 .25rem;max-width:100%!important;width:100%!important}.swipe-playlist-creator,.swipe-playlist-name{word-wrap:break-word;align-items:center;display:flex;justify-content:center;overflow:visible;padding:0;white-space:normal}.swipe-playlist-creator{color:#aaa;font-size:.9375rem;font-weight:400;margin:0;width:100%}.swipe-preview-timer{align-items:center;animation:pulse-timer 1s ease-in-out infinite;color:orange;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:1.75rem;justify-content:center;margin:0;min-height:1.75rem;overflow:hidden;padding:0;text-shadow:0 2px 8px #ffa50099;visibility:visible;width:100%}@keyframes pulse-timer{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.swipe-preview-controls{align-items:center;background:#0000;border-radius:8px;bottom:.5rem;box-sizing:border-box;display:flex;flex-shrink:0;gap:.75rem;height:6rem;justify-content:center;left:10px;margin:0;margin-top:100px!important;padding:0;position:absolute;right:10px;width:calc(100% - 20px);z-index:10000}.mobile-action-buttons{display:none}@media (max-width:767px){.mobile-action-buttons{display:flex!important}}.swipe-preview-controls .mobile-action-btn{display:none}.playlist-title-above-card{display:none!important}.flex-grid-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;overflow-x:visible!important;padding-left:0!important;width:100%}.flex-grid-container>.swipe-card-wrapper{margin-left:0!important;margin-right:auto!important;margin-top:10px!important}.flex-grid-container .swipe-preview-controls{display:none}.swipe-card .swipe-preview-controls{display:flex}.swipe-preview-control-btn{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;justify-content:center;min-height:48px;padding:1rem;transition:all .2s ease}.swipe-preview-control-btn.swipe-ff-btn,.swipe-preview-control-btn.swipe-play-pause-btn,.swipe-preview-control-btn.swipe-rewind-btn{align-items:center;display:flex;flex-shrink:0;font-size:4rem!important;justify-content:center;line-height:1!important;min-width:6rem;padding:1rem;width:6rem}.swipe-preview-control-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.swipe-preview-control-btn:active{background:#ffffff26;transform:scale(.95)}.swipe-loading-audio{align-items:center;animation:pulse 1.5s ease-in-out infinite;bottom:0;color:#1e90ff;display:flex;flex-shrink:0;font-size:.85rem;font-style:italic;height:1.25rem;justify-content:center;left:0;margin:0;overflow:hidden;padding:0;position:absolute;right:0;width:100%}.voice-commands-hint{animation:pulse-voice 2s ease-in-out infinite;background:#4caf501a;border-bottom:1px solid #0000;border-top:1px solid #0000;color:#4caf50;font-size:.85rem;font-style:italic;padding:.75rem 1.5rem;text-align:center}.swipe-complete{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.swipe-complete h2{color:#4caf50;font-size:2.5rem;margin:0 0 1.5rem}.swipe-complete p{color:#fff;font-size:1.25rem;margin:.5rem 0}.swipe-complete-actions{display:flex;gap:1rem;margin-top:2rem}.btn-close,.btn-save{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.btn-save{background:linear-gradient(135deg,#1e90ff,#06c);color:#fff}.btn-save:hover{box-shadow:0 6px 20px #1e90ff66;transform:translateY(-2px)}.btn-close{background:#ffffff1a;border:2px solid #0000;color:#fff}.btn-close:hover{background:#ffffff26}@media (max-width:768px){.swipe-header{gap:.6rem;padding:.6rem .75rem}.swipe-mode-indicator{font-size:.975rem;letter-spacing:.75px}.preview-duration-selector{display:none}.preview-duration-selector-mobile{box-sizing:border-box!important;display:flex;margin:0 1rem!important;width:calc(100% - 2rem)!important}.duration-btn{font-size:.945rem;min-height:48.6px;min-width:54px;padding:.54rem .81rem}.header-actions{gap:.375rem}.header-btn{font-size:1.275rem;height:45px;width:45px}.header-btn-save{align-items:center;display:flex;font-size:1.05rem;height:45px;justify-content:center;min-width:80px;padding:0 .6rem}.swipe-close-btn{font-size:1.5rem;height:45px;width:45px}.swipe-side-panel{top:70px}.swipe-controls{gap:1rem}.swipe-btn-save{border-radius:12px;font-size:1rem;height:auto;min-height:56px;order:10;padding:.875rem;width:100%}.swipe-btn-save span{font-size:.85rem}.swipe-card-container{align-items:stretch;flex:1 1 auto;margin:0!important;max-width:none!important;min-width:0;padding:0!important;width:100vw!important}.swipe-card{aspect-ratio:1.233/1!important;border:none;border-radius:8px!important;flex-shrink:0;height:100%!important;margin:0 1rem!important;max-height:100%!important;max-width:calc(100vw - 2rem)!important;min-height:100%!important;min-width:0;padding:0!important;width:calc(100vw - 2rem)!important}.swipe-album-cover{height:80px!important;margin-bottom:.5rem!important;width:80px!important}.swipe-track-title{display:flex!important;font-size:1.34375rem!important;height:3.49375rem!important;justify-content:center!important;margin:calc(1rem + 50px) 0 .5rem!important;max-height:3.49375rem!important;min-height:3.49375rem!important}.swipe-track-artist,.swipe-track-title{align-items:center!important;overflow:visible!important}.swipe-track-artist{font-size:1.21875rem!important;height:3.16875rem!important;line-height:1.3!important;margin:.5rem 0!important;max-height:3.16875rem!important;min-height:3.16875rem!important}.swipe-track-album{word-wrap:break-word!important;font-size:1.125rem!important;height:2.925rem!important;line-height:1.3!important;margin:.5rem 0 0!important;max-height:2.925rem!important;min-height:2.925rem!important;overflow:visible!important;white-space:normal!important}.swipe-preview-timer{align-items:center!important;display:flex!important;height:1.25rem!important;justify-content:center!important;min-height:1.25rem!important;visibility:visible!important}.swipe-album-cover{height:150px;width:150px}.swipe-track-title{font-size:.9375rem!important;height:2.625rem!important;margin-top:50px!important;max-height:2.625rem!important;min-height:2.625rem!important}.swipe-track-artist,.swipe-track-title{word-wrap:break-word!important;text-align:center!important;white-space:normal!important}.swipe-track-artist{display:flex!important;font-size:.8125rem;height:2.275rem!important;justify-content:center!important;line-height:1.4!important;max-height:2.275rem!important;min-height:2.275rem!important}.swipe-track-album{display:block!important;font-size:.75rem!important;height:2.625rem!important;line-height:1.4!important;max-height:2.625rem!important;min-height:2.625rem!important;text-align:center!important}.swipe-preview-timer{height:1.5rem!important;margin:5px 0!important}.swipe-preview-controls{bottom:-18px!important;flex-shrink:0!important;gap:.5rem;height:20rem!important;margin:0!important;padding:0!important}.swipe-preview-control-btn{font-size:.8rem;min-height:48px;padding:.8rem .75rem}.swipe-ff-btn,.swipe-play-pause-btn,.swipe-rewind-btn{flex-shrink:0!important;font-size:4rem!important;min-width:6rem!important;width:6rem!important}.desktop-only{display:none!important}.mobile-action-buttons{display:flex}.flex-grid-container .swipe-preview-controls,.side-panels-container{display:none!important}.swipe-card .swipe-preview-controls{display:flex!important}.swipe-preview-controls .mobile-action-btn{display:none!important}.swipe-card-wrapper{align-items:stretch!important;flex-direction:row;gap:0!important;justify-content:center!important;margin:0!important;max-width:100vw!important;padding:0!important;width:100vw!important}.flex-grid-container .display-album-element,.flex-grid-container .display-artist-element,.flex-grid-container .display-playlist-creator-element,.flex-grid-container .display-track-element{display:none!important}}@media (max-width:480px){.swipe-album-cover{height:100px;width:100px}.swipe-track-title{font-size:.8375rem!important}.swipe-track-artist{font-size:.7125rem}.side-action-btn{align-self:stretch;border-radius:8px;height:100%;margin:0!important;min-height:auto;padding:0!important;width:auto}.side-btn-icon{font-size:2.5rem}.side-btn-label{font-size:.7rem;letter-spacing:1px}.swipe-card-wrapper{gap:0!important;padding:0!important}.swipe-card{aspect-ratio:1.2/1!important;max-width:auto;min-height:auto!important}.swipe-card .swipe-preview-controls{bottom:2px!important;height:calc(20rem - 25px)!important;margin-top:30px!important}.swipe-side-panel{top:60px}}@media (min-width:768px) and (max-width:1024px){.swipe-overlay[data-mode=preview] .swipe-card{height:100%!important;max-height:25vh!important;min-height:auto!important;overflow:hidden!important}.swipe-overlay[data-mode=preview] .swipe-card-container{height:auto!important;max-height:25vh!important;min-height:auto!important;overflow:hidden!important}.swipe-preview-timer{height:4.375rem!important;min-height:4.375rem!important}.swipe-side-panel{width:50px!important}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.mobile-action-buttons,.swipe-preview-controls .mobile-action-btn{display:none!important}.swipe-preview-control-btn{display:flex!important}.swipe-preview-controls{bottom:calc(.5rem + 30px)!important}}@media (min-width:1024px) and (max-width:1400px) and (min-height:1200px){.flex-grid-container .swipe-preview-controls{display:none!important}.swipe-card .swipe-preview-controls{display:flex!important}.mobile-action-buttons,.swipe-preview-controls .mobile-action-btn{display:none!important}.swipe-overlay{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important}.swipe-card-wrapper{flex:1 1 auto!important;max-height:calc(100vh - 180px)!important;max-height:calc(100dvh - 180px)!important;min-height:0!important;overflow:hidden!important}.swipe-overlay[data-mode=preview] .swipe-card{height:100%!important;max-height:59.85vh!important;min-height:auto!important;overflow:hidden!important}.swipe-overlay[data-mode=preview] .swipe-card-container{height:auto!important;max-height:59.85vh!important;min-height:auto!important;overflow:hidden!important}.preview-duration-selector-mobile{display:flex!important;margin:0 1rem!important;padding:1.5rem .75rem .75rem!important;width:calc(100% - 2rem)!important}.swipe-side-panel{top:90px!important;width:50px!important}.swipe-direction-left{left:141.75px!important}.swipe-direction-right{right:141.75px!important}.swipe-preview-controls{height:6rem!important;margin-top:0!important;max-height:6rem!important}.swipe-preview-timer{height:1.75rem!important;max-height:1.75rem!important;min-height:1.75rem!important}.swipe-track-title{height:2.7rem!important;margin-top:1.25rem!important;max-height:2.7rem!important;min-height:2.7rem!important}.swipe-track-artist,.swipe-track-title{word-wrap:break-word!important;line-height:1.2!important;margin-bottom:20px!important;padding:0!important;text-align:center!important;white-space:normal!important}.swipe-track-artist{display:flex!important;font-size:1rem!important;height:2.4rem!important;justify-content:center!important;margin-top:20px!important;max-height:2.4rem!important;min-height:2.4rem!important}.swipe-track-album{display:block!important;font-size:.9375rem!important;height:2.25rem!important;line-height:1.2!important;margin-bottom:20px!important;margin-top:20px!important;max-height:2.25rem!important;min-height:2.25rem!important;padding:0!important;text-align:center!important}.swipe-preview-controls{flex-shrink:0!important;margin-bottom:0!important;margin-top:1rem!important;padding-top:0!important}.duration-btn{font-size:1.89rem!important;min-height:97.2px!important;min-width:108px!important;padding:1.08rem 1.62rem!important}}@media (min-width:1024px) and (max-width:1400px) and (orientation:landscape){.swipe-overlay{overflow-x:visible!important}.swipe-header{gap:.75rem!important;padding:.75rem 1.5rem!important}.swipe-mode-indicator{font-size:1.5rem!important;letter-spacing:1px!important}.header-btn{font-size:2rem!important;height:72px!important;width:72px!important}.header-btn-save{font-size:1.6rem!important;height:72px!important;min-width:120px!important;padding:0 1.2rem!important}.swipe-close-btn{font-size:2.5rem!important;height:72px!important;width:72px!important}.swipe-overlay{align-items:stretch!important;display:flex!important;flex-direction:column!important;height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:10px!important}.swipe-progress{flex-shrink:0!important;margin-bottom:1rem!important;padding-bottom:.5rem!important;position:relative!important;z-index:10!important}.swipe-card-wrapper{align-items:center!important;flex:1 1 auto!important;height:calc(110dvh - 257.5px)!important;justify-content:center!important;margin-bottom:0!important;margin-top:0!important;max-height:calc(110dvh - 257.5px)!important;max-width:calc(100vw - 15px)!important;min-height:calc(110dvh - 257.5px)!important;min-width:calc(100vw - 15px)!important;overflow:visible!important;padding:0 1rem!important;position:relative!important;width:calc(100vw - 15px)!important}.swipe-card-container{height:auto!important;margin:20px 20px 10px!important;max-height:none!important;max-width:412px!important}.swipe-card,.swipe-card-container{min-height:auto!important;overflow:visible!important;padding-bottom:0!important}.swipe-card{aspect-ratio:unset!important;border-bottom:3px solid #0000!important;box-shadow:inset 0 0 0 3px #0000!important;height:100%!important;margin:10px 10px 0!important;max-height:calc(100dvh - 230px)!important;max-width:392px!important;width:calc(100% - 20px)!important}.swipe-track-title{font-size:1.4167rem!important;margin:1rem .5rem .5rem!important}.swipe-track-artist,.swipe-track-title{padding:0 .5rem!important;text-transform:none!important;width:calc(100% - 1rem)!important}.swipe-track-artist{font-size:1.7917rem!important;margin:.5rem!important}.swipe-track-album{font-size:1.6042rem!important;margin:.5rem .5rem 0!important;padding:0 .5rem!important;text-transform:none!important;width:calc(100% - 1rem)!important}.flex-grid-container .swipe-preview-controls{display:none!important}.swipe-card .swipe-preview-controls{bottom:auto!important;display:flex!important;left:auto!important;margin-bottom:0!important;margin-top:100px!important;position:relative!important;right:auto!important;width:100%!important}.mobile-action-buttons,.swipe-preview-controls .mobile-action-btn{display:none!important}.flex-grid-container .side-panels-container,.side-panels-container,.swipe-card-wrapper .side-panels-container,.swipe-card-wrapper .side-panels-container.lists-view-active,.swipe-card-wrapper.card-view .side-panels-container,.swipe-card-wrapper.lists-view .side-panels-container,.swipe-card-wrapper.lists-view .side-panels-container.lists-view-active,.swipe-overlay .side-panels-container{display:flex!important;flex-shrink:0!important;gap:0!important;height:100%!important;margin:0!important;opacity:1!important;order:1!important;padding:0!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;width:auto!important;z-index:3!important}.swipe-card-wrapper .swipe-side-panel,.swipe-card-wrapper .swipe-side-panel-left,.swipe-card-wrapper.card-view .side-panels-container .swipe-side-panel,.swipe-card-wrapper.card-view .side-panels-container .swipe-side-panel-left,.swipe-card-wrapper.lists-view .side-panels-container.lists-view-active .swipe-side-panel,.swipe-card-wrapper.lists-view .side-panels-container.lists-view-active .swipe-side-panel-left,.swipe-overlay .swipe-side-panel,.swipe-overlay .swipe-side-panel-left,.swipe-side-panel,.swipe-side-panel-left{display:flex!important;flex-shrink:0!important;height:100%!important;opacity:1!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;z-index:3!important}.swipe-card-wrapper .swipe-side-panel-right,.swipe-overlay .swipe-side-panel-right{display:flex!important;height:100%!important;opacity:1!important;visibility:visible!important}.swipe-card-wrapper .swipe-side-panel-left,.swipe-card-wrapper.card-view .side-panels-container .swipe-side-panel-left,.swipe-card-wrapper.lists-view .side-panels-container.lists-view-active .swipe-side-panel-left,.swipe-side-panel-left{order:1!important;width:250px!important}.swipe-card-wrapper .swipe-side-panel-right,.swipe-card-wrapper.card-view .side-panels-container .swipe-side-panel-right,.swipe-card-wrapper.lists-view .side-panels-container.lists-view-active .swipe-side-panel-right,.swipe-side-panel-right{display:flex!important;flex-shrink:0!important;height:100%!important;opacity:1!important;visibility:visible!important;width:250px!important}}@media (min-width:1401px){.swipe-card{margin-bottom:10px!important;max-height:calc(100vh - 10px)!important;max-height:calc(100dvh - 10px)!important}.flex-grid-container .swipe-preview-controls{display:none!important}.swipe-card .swipe-preview-controls{display:flex!important}.mobile-action-buttons,.swipe-preview-controls .mobile-action-btn{display:none!important}.preview-duration-selector-mobile{display:flex!important;margin:.5rem 1rem!important;padding:1.5rem .75rem .75rem!important;width:calc(100% - 2rem)!important}.duration-btn{font-size:1.89rem!important;min-height:97.2px!important;min-width:108px!important;padding:1.08rem 1.62rem!important}.swipe-preview-controls{bottom:.75rem!important;position:absolute!important}.swipe-card-wrapper{gap:0!important;max-width:100%!important;min-width:0!important;width:100%!important}.swipe-card-container{max-width:none!important;width:auto!important}.swipe-card,.swipe-card-container{flex:1 1 auto!important;min-width:0!important}.swipe-card{max-width:calc(100% - 120px)!important;width:calc(100% - 20px)!important}.side-action-btn{flex:0 0 auto!important;min-width:210px!important;width:auto!important}.swipe-side-panel{width:100px!important}.swipe-direction-left{left:25px!important}.swipe-direction-right{right:25px!important}}@media (max-width:1024px){.swipe-side-panel{width:100px}.swipe-direction-left{left:25px}.swipe-direction-right{right:25px}}@media (max-width:768px){.swipe-side-panel{display:none}.swipe-direction-indicator{position:fixed;top:50%}.swipe-direction-left{left:20px}.swipe-direction-right{right:20px}.direction-icon{font-size:3rem}.direction-text{font-size:1.1rem;letter-spacing:2px}.swipe-indicator{font-size:1.5rem;padding:.5rem 1rem}}@media (max-width:480px){.swipe-direction-left{left:10px}.swipe-direction-right{right:10px}.direction-icon{font-size:2.5rem}.direction-text{font-size:.9rem;letter-spacing:1px}.swipe-indicator{font-size:1.25rem;padding:.4rem .75rem;top:10%}}@media (max-width:480px) and (orientation:portrait){.swipe-card .swipe-preview-controls,.swipe-card-container .swipe-card .swipe-preview-controls,.swipe-card-wrapper .swipe-card .swipe-preview-controls,.swipe-overlay .swipe-card .swipe-preview-controls{display:flex!important;opacity:1!important;position:relative!important;visibility:visible!important}.flex-grid-container .mobile-action-buttons,.flex-grid-container .side-panels-container,.mobile-action-buttons,.side-panels-container,.swipe-card-wrapper .mobile-action-buttons,.swipe-card-wrapper .side-panels-container,.swipe-card-wrapper .swipe-side-panel,.swipe-overlay .mobile-action-buttons,.swipe-overlay .side-panels-container,.swipe-overlay .swipe-side-panel,.swipe-side-panel,.swipe-side-panel-left,.swipe-side-panel-right{display:flex!important;opacity:1!important;visibility:visible!important}.swipe-card-container,.swipe-overlay .swipe-card-container{height:auto!important;min-height:auto!important}.swipe-card,.swipe-overlay .swipe-card{align-items:center!important;height:100%!important}.swipe-header{flex-shrink:0!important;gap:.5rem!important;min-height:auto!important;padding:.5rem .75rem!important}.swipe-mode-indicator{font-size:.875rem!important;letter-spacing:.5px!important}.preview-duration-selector-mobile{flex-shrink:0!important;gap:.375rem!important;margin:.5rem 1rem!important;padding:.5rem!important}.duration-btn{border-radius:8px!important;font-size:.875rem!important;min-height:44px!important;min-width:48px!important;padding:.5rem .75rem!important}.header-btn,.swipe-close-btn{height:44px!important;min-height:44px!important;min-width:44px!important;width:44px!important}.header-btn-save{font-size:.875rem!important;min-height:44px!important;min-width:auto!important;padding:0 .75rem!important}.flex-grid-container{flex:1 1 auto!important;flex-direction:column!important;height:calc(100vh - 180px)!important;height:calc(100dvh - 180px)!important;max-height:calc(100vh - 180px)!important;max-height:calc(100dvh - 180px)!important;overflow-x:hidden!important;overflow-y:scroll!important}.flex-grid-container,.swipe-card-wrapper{display:flex!important;margin:0!important;min-height:0!important;padding:0!important}.swipe-card-wrapper{flex:0 1 auto!important;flex-direction:column!important;height:auto!important;max-height:none!important;order:1!important;overflow:visible!important;width:100%!important}.swipe-card-container{flex:0 0 auto!important;margin:0 0 .5rem!important;max-height:calc(100% - 120px)!important;order:1!important;padding:.5rem 1rem!important;text-align:left!important}.swipe-card,.swipe-card-container{display:flex!important;flex-direction:column!important;overflow:hidden!important;width:100%!important}.swipe-card{align-items:center!important;aspect-ratio:unset!important;border-radius:12px!important;flex:0 0 auto!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;min-height:200px!important;padding:1rem 1rem .5rem!important;position:relative!important}.swipe-card>*{flex-shrink:0!important}.swipe-card .swipe-playlist-info,.swipe-card .swipe-track-album,.swipe-card .swipe-track-artist,.swipe-card .swipe-track-title{margin-bottom:.5rem!important;margin-top:0!important}.swipe-card .swipe-preview-controls{align-items:center!important;bottom:auto!important;display:flex!important;flex-shrink:0!important;gap:.5rem!important;height:auto!important;justify-content:center!important;left:auto!important;margin-bottom:0!important;margin-top:auto!important;max-height:none!important;min-height:70px!important;opacity:1!important;order:999!important;overflow:visible!important;padding:.75rem 0!important;position:relative!important;right:auto!important;visibility:visible!important;width:100%!important;z-index:10!important}.swipe-preview-control-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.flex-grid-container .swipe-preview-controls,.swipe-card .swipe-preview-controls .mobile-action-btn{display:none!important}.swipe-card .swipe-preview-controls .swipe-preview-control-btn,.swipe-preview-control-btn.swipe-ff-btn,.swipe-preview-control-btn.swipe-play-pause-btn,.swipe-preview-control-btn.swipe-rewind-btn{background:#ffffff1a!important;border:2px solid #0000!important;border-radius:8px!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:2.4rem!important;height:60px!important;min-height:60px!important;min-width:60px!important;opacity:1!important;visibility:visible!important;width:60px!important}.mobile-action-buttons,.swipe-card-wrapper .mobile-action-buttons,.swipe-overlay .mobile-action-buttons{align-items:stretch!important;display:flex!important;flex:1 1 auto!important;flex-direction:row!important;gap:5px!important;height:100%!important;justify-content:stretch!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:80px!important;opacity:1!important;order:2!important;overflow:visible!important;padding:0!important;visibility:visible!important;width:100%!important}.mobile-action-btn{align-self:stretch!important;flex:1 1!important;font-size:1.25rem!important;height:100%!important;margin:5px!important;max-height:100%!important;min-height:100%!important;padding:.9rem!important;width:100%!important}.mobile-btn-icon{font-size:2.5rem!important}.mobile-btn-label{font-size:.75rem!important}.side-panels-container{display:none!important;flex-direction:row!important;min-height:200px!important;opacity:0!important;order:3!important;visibility:hidden!important;width:100%!important}.side-panels-container,.swipe-card-wrapper.lists-view .side-panels-container.lists-view-active{flex:0 1 auto!important;gap:0!important;height:auto!important;margin:0!important;max-height:none!important;overflow:visible!important;padding:0!important}.swipe-card-wrapper.lists-view .side-panels-container.lists-view-active{display:flex!important;min-height:calc(100vh - 200px)!important;min-height:calc(100dvh - 200px)!important;opacity:1!important;order:1!important;visibility:visible!important}.swipe-card-wrapper.lists-view .mobile-action-buttons.hidden,.swipe-card-wrapper.lists-view .swipe-card-container.hidden{display:none!important}.swipe-card-wrapper .side-panels-container{display:flex!important;margin:0!important;opacity:1!important;order:3!important;visibility:visible!important}.swipe-side-panel,.swipe-side-panel-left,.swipe-side-panel-right{background:#1e1e2ecc!important;border:2px solid #000!important;border-radius:8px!important;bottom:auto!important;display:none!important;flex:1 1 50%!important;flex-direction:column!important;height:100%!important;left:auto!important;max-width:50%!important;min-height:200px!important;min-width:0!important;opacity:0!important;position:relative!important;right:auto!important;top:auto!important;visibility:hidden!important;width:50%!important}.swipe-card-wrapper.lists-view .side-panels-container.lists-view-active .swipe-side-panel,.swipe-card-wrapper.lists-view .side-panels-container.lists-view-active .swipe-side-panel-left,.swipe-card-wrapper.lists-view .side-panels-container.lists-view-active .swipe-side-panel-right{border:2px solid #000!important;display:flex!important;flex:0 0 50%!important;height:auto!important;margin:0!important;max-height:none!important;max-width:50%!important;min-height:calc(100vh - 200px)!important;opacity:1!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;visibility:visible!important;width:50%!important}.swipe-track-title{font-size:.9375rem!important;height:2.625rem!important;line-height:1.4!important;margin:calc(.75rem + 50px) .5rem .5rem!important;max-height:2.625rem!important;min-height:2.625rem!important;text-align:center!important}.swipe-track-artist{display:flex!important;font-size:.8125rem!important;height:2.275rem!important;justify-content:center!important;max-height:2.275rem!important;min-height:2.275rem!important}.swipe-track-album,.swipe-track-artist{line-height:1.4!important;margin:.5rem 0!important;padding:0 .75rem!important;text-align:center!important}.swipe-track-album{display:block!important;font-size:.75rem!important;height:2.625rem!important;max-height:2.625rem!important;min-height:2.625rem!important}.swipe-playlist-name{font-size:1rem!important;margin:.5rem 0 .25rem!important}.swipe-playlist-creator{font-size:.8125rem!important}.swipe-preview-timer{font-size:1.125rem!important;height:1.5rem!important;min-height:1.5rem!important}.swipe-overlay{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important}.swipe-progress-container{flex-shrink:0!important;padding:.5rem 1rem!important}}@media (orientation:landscape) and (max-width:480px){.swipe-overlay[data-mode=preview] .preview-duration-selector-mobile,.swipe-overlay[data-mode=preview] .swipe-preview-controls,.swipe-overlay[data-mode=preview] .swipe-preview-timer{display:none!important}.swipe-overlay .duration-btn.disabled,.swipe-overlay[data-mode=preview] .duration-btn.disabled{cursor:not-allowed!important;opacity:.5!important}.preview-landscape-warning{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10001}.preview-landscape-message{background:linear-gradient(135deg,#1e1e2ef2,#16213ef2);border:2px solid #0000;border-radius:16px;box-shadow:0 8px 32px #0009;max-width:500px;padding:2rem;text-align:center}.preview-landscape-message .warning-icon{font-size:4rem;margin-bottom:1rem}.preview-landscape-message .warning-text{color:#fff}.preview-landscape-message .warning-text strong{color:orange;display:block;font-size:1.3rem;margin-bottom:.75rem}.preview-landscape-message .warning-text p{color:#ccc;font-size:1rem;line-height:1.5;margin:.5rem 0 1rem}.preview-landscape-message .rotation-hint{animation:rotate-hint 2s ease-in-out infinite;color:orange;font-size:1.5rem;font-weight:600;margin-top:1rem}@keyframes rotate-hint{0%,to{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}}}.device-indicator{background:#000000e6;border:2px solid #4a9eff;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-family:Courier New,monospace;font-size:12px;max-width:300px;min-width:200px;pointer-events:auto;position:fixed;right:10px;top:10px;z-index:99999}.device-indicator-header{align-items:center;background:#4a9eff33;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:8px 12px}.device-indicator-header strong{color:#4a9eff;font-size:13px}.device-indicator-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:24px}.device-indicator-close:hover{background:#fff3}.device-indicator-content{padding:8px 12px}.device-indicator-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.device-indicator-row:last-child{margin-bottom:0}.device-indicator-label{color:#ffffffb3;font-size:11px}.device-indicator-value{color:#fff;font-size:11px;font-weight:600;text-align:right}.device-indicator-value.device-type{color:#4a9eff;font-weight:700;text-transform:uppercase}.device-indicator-value.breakpoints{color:#4ade80;font-size:10px}.device-indicator-toggle{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:none;color:#fff3;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;opacity:.1;position:fixed;right:10px;top:10px;transition:all .2s;width:40px;z-index:99998}.device-indicator-toggle:hover{background:#4a9eff1a;color:#ffffff80;opacity:.5;transform:scale(1.1)}.device-indicator-inline{align-items:center;background:#4a9eff40;border:1px solid #4a9eff80;border-radius:4px;display:inline-flex!important;font-family:Courier New,monospace;margin-left:.5rem;opacity:1!important;padding:.25rem .75rem;visibility:visible!important}.device-indicator-inline-text{color:#4a9eff;font-size:.75rem;font-weight:700;text-shadow:0 0 4px #4a9eff80;white-space:nowrap}@media (max-width:400px){.device-indicator{font-size:10px;max-width:200px;min-width:180px}.device-indicator-header strong{font-size:11px}.device-indicator-label,.device-indicator-value{font-size:10px}.device-indicator-inline-text{font-size:.65rem}}.saved-playlists-overlay{align-items:flex-start;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:9999}.saved-playlists-panel{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e2ef2,#16213ef2);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;max-height:100vh;max-width:700px;overflow-x:hidden;overflow-y:auto;width:90%}.saved-playlists-header{align-items:center;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.25rem;justify-content:space-between;margin:0;min-height:-webkit-fit-content;min-height:fit-content;padding:.375rem .5rem;width:100%}.saved-playlists-header h2{color:#fff;font-size:.875rem;line-height:1.2;margin:0}.close-btn{background:#ffffff1a;border-radius:50%;box-shadow:none;color:#fff;font-size:.75rem;height:20px;outline:none;transition:all .2s ease;width:20px}.close-btn:hover{background:#fff3;transform:scale(1.1)}.close-btn:focus{background:#fff3}.close-btn:active,.close-btn:focus{box-shadow:none;outline:none}.playlists-empty{align-items:center;color:#b3b3b3;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.playlists-empty-icon{font-size:5rem;margin-bottom:1rem;opacity:.5}.playlists-empty p{font-size:1.1rem;margin:.5rem 0}.playlists-empty-hint{font-size:.9rem;font-style:italic;opacity:.7}.playlists-list{flex:1 1;margin:0;min-height:0;overflow-y:auto;padding:0 1rem}.playlist-card{align-items:center!important;background:#ffffff0d;border:2px solid #0000!important;border-radius:12px;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:.75rem;min-height:-webkit-fit-content;min-height:fit-content;padding:0 1rem!important;scroll-snap-align:start;transition:all .2s ease}.playlist-card:first-child{margin-top:.5rem}.playlist-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.playlist-info{align-items:center;align-self:center;flex-direction:row!important;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;max-width:none;overflow:visible;width:auto}.playlist-info,.playlist-name{border:2px solid #0000!important}.playlist-name{flex-shrink:0;font-size:1.25rem;font-weight:600;line-height:1.2;margin:0;text-align:left;width:-webkit-fit-content;width:fit-content}.playlist-description{color:#b3b3b3;font-size:.9rem;line-height:1.3;margin:0}.playlist-meta{-webkit-overflow-scrolling:touch;align-items:center!important;align-self:center;border:2px solid #0000!important;color:#888;flex:1 1;flex-wrap:nowrap!important;font-size:.85rem;gap:.5rem;line-height:1.2rem;margin:auto 0;min-height:1.2rem;overflow-x:auto;overflow-y:visible;text-align:right;white-space:nowrap}.playlist-meta-separator{color:#666;margin:0 .25rem}.playlist-date,.playlist-meta-separator,.playlist-public-badge,.playlist-tracks{flex-shrink:0;white-space:nowrap}.playlist-tracks{color:#1e90ff}.playlist-public-badge{background:#1db9541a;border:1px solid #1db9544d;border-radius:4px;color:#1db954;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.playlist-actions{border:2px solid #0000!important;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:flex-end!important;margin-bottom:0!important;margin-left:auto!important;margin-top:0!important;padding:0!important;width:auto!important}.btn-delete-playlist,.btn-play-playlist,.btn-toggle-public{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:60px;padding:.75rem 1.25rem;transition:all .2s ease}.btn-play-playlist{background:linear-gradient(135deg,#1e90ff,#06c);color:#fff}.btn-play-playlist.member-play-btn{align-items:center;border-radius:8px;display:flex;font-size:1.2rem;height:40px;justify-content:center;min-width:40px;padding:0;width:40px}.btn-play-playlist:hover{box-shadow:0 4px 15px #1e90ff66;transform:translateY(-2px)}.btn-shuffle-playlist{color:#fff}.btn-shuffle-playlist:hover{box-shadow:0 4px 15px #9c27b066}.btn-delete-playlist{background:#ff525233;border:2px solid #ff52524d;color:#ff5252;min-width:60px}.btn-delete-playlist:hover{background:#ff52524d}.btn-toggle-public{background:#ffffff1a;border:2px solid #fff3;color:#fff;font-size:1.2rem;padding:.75rem}.btn-toggle-public:hover{background:#ffffff26;border-color:#ffffff4d}.btn-toggle-public.public{background:#1db95433;border-color:#1db95466;color:#1db954}.btn-toggle-public.public:hover{background:#1db9544d}.btn-delete-playlist.confirm{animation:pulse .5s ease;background:#ff5252;border-color:#ff5252;color:#fff}.member-accordion-content::-webkit-scrollbar,.my-playlists-accordion-content::-webkit-scrollbar,.other-members-accordion-content::-webkit-scrollbar,.playlists-list::-webkit-scrollbar{width:8px}.member-accordion-content::-webkit-scrollbar-track,.my-playlists-accordion-content::-webkit-scrollbar-track,.other-members-accordion-content::-webkit-scrollbar-track,.playlists-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.member-accordion-content::-webkit-scrollbar-thumb,.my-playlists-accordion-content::-webkit-scrollbar-thumb,.other-members-accordion-content::-webkit-scrollbar-thumb,.playlists-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.member-accordion-content::-webkit-scrollbar-thumb:hover,.my-playlists-accordion-content::-webkit-scrollbar-thumb:hover,.other-members-accordion-content::-webkit-scrollbar-thumb:hover,.playlists-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.members-playlists-section{margin-top:0;padding-top:1rem}.other-members-accordion{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:0;margin-top:0;overflow:hidden}.other-members-accordion-header{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:space-between;min-height:36px;padding:.5rem .75rem;transition:all .2s ease;width:100%}.other-members-accordion-header:hover{background:#ffffff0d}.other-members-accordion-header.expanded{background:#ffffff14;border-bottom:1px solid #ffffff1a}.other-members-accordion-content{animation:slideDown .2s ease-out;overflow-y:visible;padding:.75rem .5rem .5rem}.section-divider{background:#ffffff1a;height:1px;margin:0}.section-header{margin-bottom:1rem}.section-title{color:#fff;font-size:.9rem;font-weight:600;margin:0}.member-accordion{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:.5rem;overflow:hidden}.member-accordion-header{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.375rem 1rem;transition:all .2s ease;width:100%}.member-accordion-header:hover{background:#ffffff0d}.member-accordion-header.expanded{background:#ffffff14;border-bottom:1px solid #ffffff1a}.member-header-info{align-items:center;display:flex;flex:1 1;flex-direction:row!important;flex-wrap:nowrap;gap:.5rem;height:100%;justify-content:space-between;max-width:none;min-width:0;overflow:visible;width:auto}.member-avatar-small{border-radius:50%;height:40px;object-fit:cover;width:40px}.member-avatar-small.placeholder{align-items:center;background:#1db95433;color:#1db954;display:flex;font-size:1.1rem;font-weight:600;justify-content:center}.member-name{font-size:.9rem!important;margin:0;overflow:hidden;text-overflow:ellipsis;width:-webkit-fit-content;width:fit-content}.member-name,.member-playlist-count{align-items:center;display:flex;flex-shrink:0;height:100%;line-height:1;padding:0;white-space:nowrap}.member-playlist-count{color:#888;font-size:.85rem;margin:0 0 0 auto}.accordion-icon{color:#aaa;font-size:.75rem;transition:transform .2s ease}.member-accordion-header.expanded .accordion-icon{transform:rotate(0deg)}.member-accordion-content{animation:slideDown .2s ease-out;max-height:500px;overflow-y:auto;padding:0 1rem 1rem;scroll-padding-top:1rem;scroll-snap-type:y proximity}.member-playlist-card{background:#ffffff0d;border-color:#ffffff1a;margin-left:0;margin-top:0}.playlists-empty-small,.playlists-loading-small{color:#aaa;font-size:.9rem;padding:1.5rem;text-align:center}.my-playlists-accordion{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:0;margin-top:0;overflow:hidden}.my-playlists-accordion-header{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:space-between;min-height:36px;padding:.5rem .75rem;transition:all .2s ease;width:100%}.my-playlists-accordion-header:hover{background:#ffffff0d}.my-playlists-accordion-header.expanded{background:#ffffff14;border-bottom:1px solid #ffffff1a}.section-header-info{align-items:center;display:flex;flex:1 1;gap:.5rem}.section-header-title{color:#fff;font-size:.875rem;font-weight:600;line-height:1.2;white-space:nowrap}.section-header-count{color:#aaa;font-size:.75rem;margin:0;white-space:nowrap}.my-playlists-accordion-content{animation:slideDown .2s ease-out;max-height:500px;overflow-y:auto;padding:0 .5rem .5rem;scroll-padding-top:.25rem;scroll-snap-type:y proximity}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:600px;opacity:1}}@media (max-width:767px){.saved-playlists-panel{border-radius:0;margin:0;max-height:100vh;max-width:100%;width:100%}.saved-playlists-header{padding:.25rem .375rem}.saved-playlists-header h2{font-size:.875rem}.playlists-list{padding:0 .5rem .75rem}.playlist-card{padding:0 .75rem}@media (orientation:portrait){.playlists-list{overflow-x:visible!important;padding:0 .75rem 1rem}.playlist-card{margin-bottom:1rem}.member-playlist-card,.playlist-card{padding:1rem!important}}}@media (max-width:767px) and (orientation:landscape){.saved-playlists-panel{border-radius:12px;margin:0 auto;max-height:100vh;max-width:98%;overflow-x:hidden;overflow-y:auto;width:98%}.saved-playlists-header{padding:.2rem .25rem}.saved-playlists-header h2{font-size:.875rem}.playlists-list{flex:1 1 auto;overflow-y:visible;padding:.5rem .25rem}.playlist-card{padding:0 .5rem}.playlist-info{overflow:visible!important}.playlist-meta{min-height:1.2rem;overflow-y:visible!important}.playlist-actions{justify-content:flex-end!important;margin-left:auto!important;width:auto!important}.master-playlist-section{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding-left:.5rem!important;padding-right:.5rem!important;width:100%}.master-playlist-section p{display:block!important}.master-playlist-section button{box-sizing:border-box;width:100%!important}}@media (max-width:767px){.saved-playlists-header{padding:.5rem}.saved-playlists-header h2{font-size:.875rem}@media (max-width:767px) and (orientation:portrait){.playlist-card{align-items:flex-start!important;border:2px solid #0000!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;gap:.75rem;justify-content:flex-start!important;margin-bottom:.5rem;max-width:100%!important;overflow-x:visible!important;padding:.75rem 1rem!important;position:relative!important;width:100%!important}.playlist-info{border:2px solid #0000!important;box-sizing:border-box!important;flex:0 0 auto!important;flex-direction:row!important;gap:.5rem!important;min-width:0;width:100%!important}.playlist-info,.playlist-name{align-items:center!important;justify-content:space-between!important;margin:0!important}.playlist-name{display:flex!important;flex:1 1!important;font-size:1rem!important;gap:.5rem;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.playlist-date,.playlist-meta,.playlist-meta-separator,.playlist-tracks{display:none!important}.playlist-count-inline{color:#888;display:inline!important;flex-shrink:0;font-size:.85rem;font-weight:400;margin-left:auto}.playlist-card .playlist-actions{align-items:center!important;border:2px solid #0000!important;box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;flex-wrap:nowrap!important;justify-content:center!important;margin:0!important;max-width:100%!important;padding:0!important;position:relative!important;width:100%!important}.playlist-actions>button{flex:0 0 auto!important;margin-left:0!important;margin-right:.5rem!important;min-width:-webkit-fit-content!important;min-width:fit-content!important;width:auto!important}.playlist-actions>button:first-child{margin-left:0!important}.member-playlist-card{align-items:flex-start!important;flex-direction:column!important;padding:.75rem 1rem!important}.my-playlists-accordion-content{max-height:450px!important}.other-members-accordion-content{max-height:calc(75vh - 200px)!important;overflow-y:auto}.member-accordion-content{max-height:calc(60vh - 100px)!important}.saved-playlists-panel{height:100vh!important;max-height:100vh!important}}@media (orientation:landscape){.playlist-card{align-items:center;box-sizing:border-box;flex-direction:row;margin-bottom:.4rem;max-width:100%;padding:.4rem .6rem;width:100%}.my-playlists-accordion{margin-bottom:.3rem}.my-playlists-accordion-header{min-height:28px;padding:.3rem .5rem}.my-playlists-accordion-content{max-height:350px;padding:0 .3rem .3rem}.playlist-card:first-child{margin-top:.3rem}.section-header-title{font-size:.75rem}.section-header-count{font-size:.65rem;margin-top:0}.section-header-info{gap:.4rem}.playlist-info{align-items:center!important;align-self:center!important;display:flex!important;flex:1 1 auto;flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem!important;justify-content:flex-start!important;max-width:calc(100% - 180px);min-width:0;overflow:visible!important;width:auto}.playlist-info .playlist-name{border:2px solid #0000!important;flex-shrink:0!important;margin:0!important;text-align:left!important;width:-webkit-fit-content!important;width:fit-content!important}.playlist-info .playlist-meta{align-items:center!important;align-self:center!important;display:flex!important;flex:1 1!important;flex-direction:row!important;flex-shrink:1!important;flex-wrap:nowrap!important;justify-content:flex-end!important;margin:0!important;margin:auto 0!important;max-width:100%;text-align:right!important;white-space:nowrap!important;width:100%}.playlist-info .playlist-meta>*{display:inline-block!important;flex-shrink:0!important;white-space:nowrap!important}.playlist-name{font-size:1.1rem;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-name{font-size:.9rem!important}.playlist-meta{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;font-size:.8rem;gap:.5rem;min-height:1.2rem;overflow-x:auto;overflow-y:visible;white-space:nowrap!important}.playlist-meta>*{flex-shrink:0;white-space:nowrap!important}.playlist-actions{flex-shrink:0;flex-wrap:nowrap;gap:.375rem;justify-content:flex-end!important;margin-left:auto!important;width:auto!important}.playlist-actions>button{flex:0 0 auto;font-size:.85rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem .75rem;white-space:nowrap}.btn-play-playlist{font-size:.9rem;padding:.5rem .875rem}.btn-delete-playlist,.btn-toggle-public{height:40px;min-width:40px;padding:.5rem;width:40px}}.saved-playlists-header{flex-wrap:wrap}.saved-playlists-header h2{flex:1 1 auto;min-width:0}.close-btn{flex-shrink:0}}@media (max-width:767px) and (orientation:landscape){.playlist-card{margin-left:0;margin-right:0;padding:0 .5rem!important}.playlist-info{max-width:100%;width:100%}.playlist-name{word-wrap:break-word;width:100%}}@media (max-width:767px){.my-playlists-accordion-content{max-height:450px;overflow-y:auto;padding:0 .4rem .4rem;scroll-padding-top:.25rem;scroll-snap-type:y proximity}.my-playlists-accordion-header{min-height:32px;padding:.4rem .6rem}.my-playlists-accordion{margin-bottom:0}.section-header-title{font-size:.8rem}.section-header-count{font-size:.7rem}.member-accordion-content{max-height:500px;overflow-y:auto;scroll-padding-top:1rem;scroll-snap-type:y proximity}.playlist-card{scroll-snap-align:start}}.master-playlist-selector-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.master-playlist-selector-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1e1e2efa,#16213efa);border:1px solid #ffffff26;border-radius:20px;box-shadow:0 20px 60px #000000b3;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90%}.master-playlist-selector-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.master-playlist-selector-header h2{color:#fff;font-size:1.5rem;margin:0}.master-playlist-selector-actions{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;padding:1rem 1.5rem}.btn-toggle-select-all{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.btn-toggle-select-all:hover{background:#ffffff26;border-color:#ffffff4d}.btn-toggle-select-all.deselect{background:#f4433633;border-color:#f4433666;color:#ffcdd2}.btn-toggle-select-all.deselect:hover{background:#f443364d;border-color:#f4433680}.selected-count{color:#1db954;font-size:.9rem;font-weight:600;margin-left:auto}.master-playlist-selector-content{flex:1 1;overflow-y:auto;padding:1.5rem}.selector-section{margin-bottom:2rem}.my-playlists-selector-group{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.my-playlists-selector-header-btn{align-items:center;background:#ffffff0d;border:none;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.my-playlists-selector-header-btn:hover{background:#ffffff14}.my-playlists-selector-header-btn.expanded{background:#ffffff14;border-bottom:1px solid #ffffff1a}.my-playlists-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.my-playlists-header-left h3{color:#fff;font-size:1.2rem;margin:0}.my-playlist-count{color:#aaa;font-size:.9rem;font-weight:400}.my-playlists-header-right{align-items:center;display:flex;gap:.75rem}.my-playlists-selector-content{animation:slideDown .2s ease-out;background:#ffffff05;padding:.5rem 1rem 1rem}.my-playlists-selector-header-btn .accordion-icon{color:#aaa;font-size:.8rem;min-width:16px;transition:transform .2s ease}.my-playlists-selector-header-btn.expanded .accordion-icon{transform:rotate(0deg)}.selector-section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.selector-section h3{color:#fff;font-size:1.2rem;margin:0}.section-select-buttons{display:flex;gap:.5rem}.btn-section-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .75rem;transition:all .2s ease}.btn-section-toggle:hover{background:#ffffff26;border-color:#ffffff4d}.btn-section-toggle.deselect{background:#f4433626;border-color:#f443364d;color:#ffcdd2}.btn-section-toggle.deselect:hover{background:#f4433633;border-color:#f4433666}.btn-section-toggle.btn-small{font-size:.75rem;padding:.2rem .5rem}.playlist-selector-item{align-items:center;background:#ffffff0d;border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.playlist-selector-item:hover{background:#ffffff1a}.playlist-selector-item input[type=checkbox]{accent-color:#1db954;cursor:pointer;height:20px;width:20px}.playlist-selector-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.playlist-selector-name{color:#fff;font-weight:500}.playlist-selector-meta{color:#aaa;font-size:.85rem}.member-selector-group{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;overflow:hidden}.member-selector-header-btn{align-items:center;background:#ffffff0d;border:none;color:#fff;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.member-selector-header-btn:hover{background:#ffffff14}.member-selector-header-btn.expanded{background:#ffffff14;border-bottom:1px solid #ffffff1a}.member-header-left{flex:1 1}.member-header-left,.member-header-right{align-items:center;display:flex;gap:.75rem}.member-selector-content{animation:slideDown .2s ease-out;background:#ffffff05;padding:.5rem .75rem .75rem}.member-selector-header-btn .accordion-icon{color:#aaa;font-size:.8rem;min-width:16px;transition:transform .2s ease}.member-selector-header-btn.expanded .accordion-icon{transform:rotate(0deg)}.member-selector-name{color:#fff;font-size:1rem;font-weight:600}.member-playlist-item{margin-left:2rem}.loading-playlists,.no-playlists{color:#aaa;font-style:italic;padding:1rem;text-align:center}.master-playlist-selector-footer{border-top:1px solid #ffffff1a;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding:1.5rem;width:100%}.btn-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel:hover{background:#ffffff26;border-color:#ffffff4d}.btn-create-master-confirm{background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:8px;box-shadow:0 2px 10px #1db9544d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-create-master-confirm:hover:not(:disabled){background:linear-gradient(135deg,#1ed760,#1db954);box-shadow:0 4px 15px #1db95466;transform:translateY(-1px)}.btn-create-master-confirm:disabled{background:#555;box-shadow:none;cursor:not-allowed;opacity:.6}@media (max-width:767px){.master-playlist-selector-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%;width:100%}}@media (max-width:767px) and (orientation:landscape){.master-playlist-selector-modal{border-radius:12px;margin:0 auto;max-width:98%;width:98%}}@media (max-width:767px){.master-playlist-selector-header{padding:1rem}.master-playlist-selector-header h2{font-size:1.25rem}.master-playlist-selector-actions{flex-wrap:wrap;padding:.75rem 1rem}.master-playlist-selector-content{padding:1rem}.playlist-selector-item{padding:.5rem}.member-playlist-item{margin-left:1rem}.master-playlist-selector-footer{flex-direction:column;gap:.75rem;padding:1rem}.btn-cancel,.btn-create-master-confirm{flex:1 1 100%;width:100%}.master-playlist-selector-actions{align-items:stretch;flex-direction:column;gap:.75rem}.master-playlist-selector-actions>*{flex:1 1 100%;width:100%}.playlist-actions{justify-content:flex-end!important;margin-left:auto!important;width:auto!important}.btn-play-playlist{flex:1 1}.btn-delete-playlist{width:60px}}.setup-wizard-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.setup-wizard{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:100%}.wizard-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.wizard-close-btn:hover{background:#fff3;color:#fff;transform:scale(1.1)}.wizard-progress{background:#0003;padding:1.5rem 2rem 1rem}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:1rem}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;height:100%;transition:width .3s ease}.progress-steps{color:#666;display:flex;font-size:.75rem;justify-content:space-between}.progress-steps span{transition:color .3s ease}.progress-steps span.active{color:#3b82f6;font-weight:600}.wizard-content{flex:1 1;overflow-y:auto;padding:2rem}.wizard-step{animation:fadeIn .3s ease}.wizard-step h1{color:#fff;font-size:2rem;margin:0 0 1rem}.wizard-step h2{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.wizard-step p{color:#b3b3b3;line-height:1.6;margin:0 0 1rem}.wizard-note{background:#3b82f626;border:1px solid #3b82f64d;border-radius:8px;margin:1.5rem 0;padding:1rem}.wizard-note strong{color:#60a5fa}.wizard-loading{padding:3rem 1rem;text-align:center}.loading-spinner{margin-bottom:1rem}.wizard-loading p{color:#b3b3b3;margin:.5rem 0}.wizard-loading .loading-hint{color:#666;font-size:.85rem}.welcome-step{padding:2rem 0;text-align:center}.welcome-step h1{font-size:2.5rem}.wizard-bulk-actions{display:flex;gap:.5rem;margin-bottom:1rem}.wizard-bulk-actions button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#b3b3b3;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.wizard-bulk-actions button:hover{background:#ffffff26;color:#fff}.wizard-options{grid-gap:.5rem;background:#0003;border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding:1rem}.wizard-options.grouped{display:block;max-height:350px}.option-group{margin-bottom:1.5rem}.option-group:last-child{margin-bottom:0}.option-group h3{border-bottom:1px solid #8b5cf64d;color:#8b5cf6;font-size:1rem;margin:0 0 .75rem;padding-bottom:.5rem}.option-group-items{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.wizard-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.wizard-option:hover{background:#ffffff1a;border-color:#fff3}.wizard-option input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.wizard-option .option-label{color:#e0e0e0;flex:1 1;font-size:.9rem}.wizard-option:has(input:checked){background:#3b82f626;border-color:#3b82f666}.wizard-option:has(input:checked) .option-label{color:#fff}.wizard-actions{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:1rem}.wizard-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:.875rem 2.5rem;transition:all .2s ease;white-space:nowrap}.wizard-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.wizard-btn.primary:hover:not(:disabled){box-shadow:0 4px 15px #3b82f666;transform:translateY(-2px)}.wizard-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#b3b3b3}.wizard-btn.secondary:hover:not(:disabled){background:#ffffff26;color:#fff}.wizard-btn:disabled{cursor:not-allowed;opacity:.5}.wizard-options::-webkit-scrollbar{width:8px}.wizard-options::-webkit-scrollbar-track{background:#0003;border-radius:4px}.wizard-options::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.wizard-options::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:600px){.setup-wizard{border-radius:0;max-height:100vh}.wizard-content{padding:1.5rem}.wizard-step h1{font-size:1.75rem}.wizard-step h2{font-size:1.25rem}.option-group-items,.wizard-options{grid-template-columns:repeat(2,1fr)}.wizard-actions{flex-direction:column}.wizard-btn{min-width:0;min-width:auto;width:100%}}@media (min-width:601px){.wizard-actions{flex-wrap:nowrap}}.turntable-container{align-items:center;background:linear-gradient(145deg,#1a1a2e,#16213e 50%,#0f0f23);border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #8a2be21a,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:550px;overflow:visible;padding:60px 20px 20px;position:relative;width:100%}.turntable-container.with-jukebox{background:#0000!important;border-radius:0;box-shadow:none;height:100vh;max-width:100%;overflow:hidden;padding:0;width:100%}.jukebox-background{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.jukebox-image{height:100vh;max-width:none;object-fit:cover;width:auto}.turntable-assembly.on-jukebox{left:50%;margin-top:0;position:absolute;top:50%;transform:translate(-50%,-55%);width:50%;z-index:2}.turntable-container.with-jukebox .track-info-overlay{background:#000c;bottom:120px;left:50%;position:absolute;transform:translateX(-50%);z-index:25}.turntable-container.with-jukebox .turntable-controls{bottom:auto;left:50%;position:absolute;top:20px;transform:translateX(-50%);z-index:25}.turntable-container.with-jukebox .queue-info{bottom:15px;left:50%;position:absolute;transform:translateX(-50%);z-index:25}.turntable-container.with-jukebox:before{display:none}.turntable-assembly{aspect-ratio:1.33/1;margin-top:8%;overflow:visible;position:relative;width:100%}.turntable-base{border-radius:4px;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.platter-mat{align-items:center;aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;left:5%;position:absolute;top:50%;transform:translateY(-50%);transform-origin:center center;width:52%}.mat-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.platter-mat.spinning{animation:spin 1.8s linear infinite;animation:spinCentered 1.8s linear infinite;transform:translateY(-50%) rotate(0deg)}@keyframes spinCentered{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.album-label{aspect-ratio:1;border:2px solid #0000004d;border-radius:50%;box-shadow:0 2px 10px #00000080,inset 0 0 20px #0000004d;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:96%}.album-label-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.center-spindle{aspect-ratio:1;background:radial-gradient(circle,#e0e0e0 0,#888 50%,#333 100%);border-radius:50%;box-shadow:0 2px 4px #00000080,inset 0 1px 2px #ffffff80;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4%;z-index:5}.tonearm{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.5));height:auto;position:absolute;right:8%;top:-5%;transform:rotate(0deg);transform-origin:50% 28%;transition:filter .3s ease;width:22%;z-index:10}.tonearm:hover{filter:drop-shadow(2px 4px 10px rgba(0,0,0,.7))}.tonearm.needle-cue{animation:cueRecord 2.5s cubic-bezier(.4,0,.2,1) forwards}.tonearm.needle-paused,.tonearm.needle-play{animation:cueRecord 2.5s cubic-bezier(.4,0,.2,1) forwards,playRecord 180s linear 2.5s forwards}.tonearm.needle-paused{animation-play-state:paused;filter:drop-shadow(2px 8px 10px rgba(0,0,0,.6));transform:translateY(-5px)}.tonearm.needle-reset{animation:resetNeedle 3s ease-in-out forwards}@keyframes cueRecord{0%{transform:rotate(0deg)}to{transform:rotate(26deg)}}@keyframes playRecord{0%{transform:rotate(26deg)}to{transform:rotate(52deg)}}@keyframes resetNeedle{0%{transform:rotate(19deg)}10%{transform:rotate(15deg)}20%{transform:rotate(10deg)}30%{transform:rotate(5deg)}to{transform:rotate(0deg)}}.track-info-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0009,#000000e6);border-radius:12px;color:#fff;margin-top:15px;min-width:200px;padding:15px 25px;position:relative;text-align:center;z-index:20}.track-artist{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px #00000080}.track-album{color:gold;font-size:.9rem;font-weight:500;margin-bottom:2px}.track-title{color:#fffc;font-size:.85rem;font-style:italic;font-weight:400}.turntable-controls{align-items:center;background:linear-gradient(180deg,#000000b3,#000000e6);border-radius:50px;box-shadow:0 4px 20px #0006,inset 0 1px 0 #ffffff1a;display:flex;gap:8px;justify-content:center;margin-top:15px;padding:15px 25px;position:relative;z-index:25}.control-btn{border-radius:12px;padding:10px 16px}.control-btn:active:not(:disabled){transform:scale(.95)}.control-btn .material-symbols-outlined{font-size:24px}.control-btn.play-pause-btn{background:linear-gradient(145deg,#ff6b6b,#ee5a5a);border-radius:16px;box-shadow:0 4px 15px #ee5a5a66;padding:12px 24px}.control-btn.play-pause-btn:hover{box-shadow:0 6px 20px #ee5a5a99}.control-btn.play-pause-btn.playing{background:linear-gradient(145deg,#4ecdc4,#44a08d);box-shadow:0 4px 15px #4ecdc466}.control-btn.play-pause-btn.playing:hover{box-shadow:0 6px 20px #4ecdc499}.control-btn.play-pause-btn .material-symbols-outlined{font-size:32px}.queue-info{color:#fff9;font-size:.85rem;margin-top:10px;text-align:center}.platter-mat:before{background:repeating-radial-gradient(circle at center,#0000 0,#0000 2px,#0000001a 0,#0000001a 3px);border-radius:50%;content:"";height:90%;pointer-events:none;position:absolute;width:90%;z-index:2}.turntable-container:before{background:#333;border-radius:50%;box-shadow:0 0 5px #00000080;content:"";height:10px;position:absolute;right:15px;top:15px;width:10px;z-index:30}.turntable-container.is-playing:before{animation:ledPulse 1s ease-in-out infinite;background:#0f0;box-shadow:0 0 10px #0f0,0 0 20px #0f0}@keyframes ledPulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:600px){.turntable-container{border-radius:12px;max-width:100%;padding:15px}.track-info-overlay{min-width:150px;padding:10px 15px}.track-artist{font-size:.95rem}.track-album{font-size:.8rem}.track-title{font-size:.75rem}.turntable-play-btn{bottom:80px;height:50px;right:15px;width:50px}.turntable-play-btn .material-symbols-outlined{font-size:28px}.turntable-assembly.on-jukebox{width:70%}}.turntable-container.theme-vintage{background:linear-gradient(145deg,#2c1810,#1a0f0a 50%,#0d0705);box-shadow:0 20px 60px #0009,0 0 40px #ffa5001a}.turntable-container.theme-neon{background:linear-gradient(145deg,#0a0a0a,#1a0a2e 50%,#0a0a1e);box-shadow:0 20px 60px #0009,0 0 60px #ff00ff26,0 0 100px #00ffff1a}.turntable-container.theme-neon .track-artist{color:#f0f;text-shadow:0 0 10px #f0f}.turntable-container.theme-neon .track-album{color:#0ff;text-shadow:0 0 10px #0ff}.calibration-toggle{align-items:center;background:#000000b3;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;left:10px;position:fixed;top:10px;transition:all .2s ease;width:40px;z-index:1000}.calibration-toggle:hover{background:#000000e6;transform:scale(1.1)}.calibration-panel{background:#14141ef2;border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 40px #00000080;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;left:10px;max-height:calc(100vh - 80px);overflow-y:auto;padding:15px;position:fixed;top:60px;width:280px;z-index:999}.calibration-panel h3{border-bottom:1px solid #fff3;color:gold;font-size:16px;margin:0 0 10px;padding-bottom:8px}.calibration-panel .viewport-info{background:#ffffff1a;border-radius:4px;color:#888;font-size:11px;margin-bottom:15px;padding:5px 10px}.calibration-section{background:#ffffff0d;border-radius:8px;margin-bottom:15px;padding:10px}.calibration-section h4{color:#4ecdc4;font-size:13px;margin:0 0 10px}.calibration-section label{color:#aaa;display:flex;flex-direction:column;font-size:11px;margin-bottom:8px}.calibration-section input[type=range]{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:3px;cursor:pointer;height:6px;margin-top:4px;width:100%}.calibration-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4ecdc4;border-radius:50%;cursor:pointer;height:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}.calibration-section input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.2)}.calibration-section input[type=range]::-moz-range-thumb{background:#4ecdc4;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.calibration-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.calibration-actions button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;min-width:calc(50% - 4px);padding:8px 10px;transition:all .2s ease}.calibration-actions button:first-child{background:linear-gradient(145deg,#4ecdc4,#44a08d);border:none}.calibration-actions button:first-child.saved{background:linear-gradient(145deg,#2ecc71,#27ae60)}.calibration-actions button.danger{background:#e74c3c4d;border-color:#e74c3c80}.calibration-actions button.danger:hover{background:#e74c3c80}.calibration-actions button:hover{box-shadow:0 4px 15px #0000004d;transform:translateY(-2px)}.config-output{background:#0000004d;border-radius:6px;margin-top:15px;padding:10px}.config-output label{color:gold;display:block;font-size:10px;margin-bottom:8px}.config-output code{background:#ffffff1a;border-radius:3px;font-size:9px;padding:2px 5px}.config-output textarea{background:#00000080;border:1px solid #fff3;border-radius:4px;color:#4ecdc4;font-family:Consolas,Monaco,monospace;font-size:10px;height:120px;padding:8px;resize:vertical;width:100%}.config-output textarea:focus{border-color:#4ecdc4;outline:none}.storage-status{background:#ffffff0d;border-radius:4px;color:#888;font-size:10px;margin-top:10px;padding:8px;text-align:center}@media (max-width:400px){.calibration-panel{left:10px;right:10px;width:calc(100% - 20px)}}.voice-assistant-fab{align-items:center;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 20px #9c27b080;cursor:pointer;display:flex;display:none!important;font-size:1.75rem;height:60px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:60px;z-index:1000}.voice-assistant-fab:hover{box-shadow:0 6px 25px #9c27b0b3;transform:scale(1.1)}.voice-assistant-fab.listening{animation:pulse-fab 1.5s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 20px #4caf5080}.voice-assistant-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.voice-assistant-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:2rem;position:relative;text-align:center;width:90%}.voice-close-btn{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.25rem;height:36px;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px}.voice-close-btn:hover{background:#fff3}.voice-assistant-icon{font-size:4rem;margin-bottom:1rem}.listening-animation{animation:bounce .6s ease-in-out infinite}.processing-animation{animation:spin 2s linear infinite}.idle-icon{opacity:.8}.voice-assistant-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.voice-transcript{background:#1e90ff33;border:1px solid #1e90ff4d;border-radius:12px;margin-bottom:1rem;padding:1rem}.transcript-label{color:#1e90ff;font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.voice-transcript p{color:#fff;font-size:1.1rem;font-style:italic;margin:.5rem 0 0}.voice-response{background:#4caf5033;border:1px solid #4caf504d;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.voice-response p{color:#fff;font-size:1.1rem;margin:0}.voice-listen-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding:1rem 2rem;transition:all .2s ease}.voice-listen-btn:hover{box-shadow:0 6px 20px #9c27b080;transform:scale(1.05)}.voice-examples{background:#ffffff0d;border-radius:12px;padding:1rem;text-align:left}.voice-examples p{color:#888;font-size:.8rem;letter-spacing:1px;margin:0 0 .5rem;text-transform:uppercase}.voice-examples ul{list-style:none;margin:0;padding:0}.voice-examples li{border-bottom:1px solid #ffffff0d;color:#aaa;font-size:.85rem;padding:.4rem 0}.voice-examples li:last-child{border-bottom:none}@media (max-width:480px){.voice-assistant-fab{bottom:80px;font-size:1.5rem;height:50px;right:15px;width:50px}.voice-assistant-modal{margin:1rem;padding:1.5rem}.voice-assistant-icon{font-size:3rem}.voice-assistant-title{font-size:1.25rem}}.hitster-card-container{cursor:pointer;display:inline-block;perspective:1000px;-webkit-user-select:none;user-select:none}.hitster-card{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.hitster-card.flipped{transform:rotateY(180deg)}.hitster-card-back,.hitster-card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 12px #0000004d;height:100%;overflow:hidden;position:absolute;width:100%}.hitster-card-front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:rotateY(0deg)}.hitster-card-back{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;transform:rotateY(180deg)}.hitster-card-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;text-align:center;width:100%}.hitster-card-artist{font-size:1.2em;font-weight:600;letter-spacing:1px;line-height:1.2;margin-bottom:auto;max-width:100%;overflow:hidden;padding-top:10px;text-overflow:ellipsis;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;white-space:nowrap}.hitster-card-year{font-size:4em;font-weight:700;line-height:1;margin:auto 0;text-shadow:0 3px 6px #0006;transition:color .3s ease}.hitster-card-year-accurate{color:#4ade80}.hitster-card-year-uncertain{color:#fbbf24}.hitster-card-year-compilation{color:#f87171}.hitster-card-song{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.1em;font-weight:500;line-height:1.3;margin-top:auto;max-width:100%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;text-shadow:0 2px 4px #0000004d;white-space:normal}.hitster-card-small{height:200px;width:200px}.hitster-card-small .hitster-card-artist{font-size:.9em}.hitster-card-small .hitster-card-year{font-size:3em}.hitster-card-small .hitster-card-song{font-size:.9em}.hitster-card-medium{height:300px;width:300px}.hitster-card-large{height:400px;width:400px}.hitster-card-large .hitster-card-artist{font-size:1.4em}.hitster-card-large .hitster-card-year{font-size:5em}.hitster-card-large .hitster-card-song{font-size:1.3em}.hitster-card-qr-container{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;width:100%}.hitster-card-qr-label{color:#fff;font-size:.9em;font-weight:600;letter-spacing:1px;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.hitster-card-no-qr{color:#fff;font-size:1em;text-align:center;text-shadow:0 2px 4px #0000004d}@media (max-width:768px){.hitster-card-small{height:150px;width:150px}.hitster-card-small .hitster-card-year{font-size:2.5em}.hitster-card-medium{height:250px;width:250px}.hitster-card-medium .hitster-card-year{font-size:3.5em}.hitster-card-large{height:300px;width:300px}.hitster-card-large .hitster-card-year{font-size:4.5em}}.library-layout{background:#121212;color:#fff;display:flex!important;flex-direction:column;height:100vh;left:0;max-height:100vh;min-height:100vh;opacity:1!important;overflow:visible!important;position:fixed;right:0;top:0;transition:padding-bottom .3s ease;visibility:visible!important;width:100%}.library-layout.player-visible{padding-bottom:clamp(64px,9.6vh,80px)}.library-header{background:#1e1e1e;box-shadow:none;flex-shrink:0;height:clamp(50px,8vh,60px);justify-content:space-between;min-height:50px;overflow:visible;padding:clamp(.5rem,2vw,1rem) clamp(1rem,3vw,2rem);position:relative;z-index:100}.library-header,.library-logo{align-items:center;display:flex;gap:.75rem}.library-logo h1{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;margin:0;position:relative;white-space:nowrap;z-index:1}.library-loading-indicator{align-items:center;animation:pulse 2s ease-in-out infinite;color:#4a9eff;display:flex;font-size:clamp(.75rem,1.5vw,.9rem);gap:.5rem;white-space:nowrap}.library-loading-indicator .loading-spinner{animation:spin 1.5s linear infinite;display:inline-block;font-size:1.1em}.qr-queuing-spinner-container{align-items:center;animation:fadeIn .3s ease;background:#1db9541a;border:1px solid #1db9544d;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.qr-queuing-spinner{animation:spin .8s linear infinite;background:#0000;border-color:#1db954 #1db954 #1db95433 #1db95433;border-radius:50%;border-style:solid;border-width:3px;box-sizing:border-box;display:block;flex-shrink:0;height:20px;min-height:20px;min-width:20px;width:20px}.library-loading-indicator .loading-text{font-size:clamp(.7rem,1.3vw,.85rem);font-weight:500}.library-user{color:#b3b3b3;font-size:clamp(.75rem,1.5vw,.9rem);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-nav-links{align-items:center;display:flex;gap:.5rem}.header-nav-link{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.35rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.header-nav-link:hover{background:#fff3;transform:translateY(-1px)}.header-nav-link.logout-btn{background:#ef444433}.header-nav-link.logout-btn:hover{background:#ef444466}.mobile-drawer-toggle{display:none}.flyout-edge-trigger{border:none;cursor:pointer;display:none;height:100px;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s ease;width:24px;z-index:99}.flyout-edge-trigger.left{background:linear-gradient(90deg,#1db954e6,#1db95499 70%,#0000);border-radius:0 12px 12px 0;box-shadow:2px 0 8px #1db9544d;left:0}.flyout-edge-trigger.right{background:linear-gradient(-90deg,#ec4899e6,#ec489999 70%,#0000);border-radius:12px 0 0 12px;box-shadow:-2px 0 8px #ec48994d;right:0}.flyout-edge-trigger:hover{width:32px}.flyout-edge-trigger.left:hover{box-shadow:3px 0 12px #1db95480}.flyout-edge-trigger.right:hover{box-shadow:-3px 0 12px #ec489980}.flyout-edge-trigger.hidden{opacity:0;pointer-events:none}.edge-trigger-icon{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;text-shadow:0 1px 3px #00000080;width:100%}.show-nav-btn{align-items:center;animation:slideInFromLeft .4s ease;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:20px;box-shadow:0 2px 10px #1db9544d;color:#fff;cursor:pointer;display:none!important;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.show-nav-btn:hover{background:linear-gradient(135deg,#1ed760,#2eef70);box-shadow:0 4px 15px #1db95466;transform:translateY(-2px)}.show-nav-btn:active{transform:translateY(0)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:767px){.show-nav-btn{display:none!important}}.show-now-playing-btn{align-items:center;animation:slideInFromRight .4s ease;background:linear-gradient(135deg,#ff1493,#ff69b4);border:none;border-radius:20px;box-shadow:0 2px 10px #ff14934d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.show-now-playing-btn:hover{background:linear-gradient(135deg,#ff69b4,#ff8dc7);box-shadow:0 4px 15px #ff149366;transform:translateY(-2px)}.show-now-playing-btn:active{transform:translateY(0)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:767px){.show-now-playing-btn{display:none!important}}.library-main.right-collapsed .library-middle{margin-right:15px}.playlists-toggle-btn{align-items:center;background:#1e90ff33;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex!important;font-size:1rem;font-weight:600;gap:.375rem;opacity:1!important;padding:.5rem 1rem;transition:all .2s ease;visibility:visible!important}.playlists-toggle-btn:hover{background:#1e90ff4d;transform:translateY(-2px)}.playlists-count{background:#1e90ff;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;min-width:20px;padding:.125rem .5rem;text-align:center}.library-main{flex:1 1;flex-direction:column;height:calc(100vh - clamp(50px, 8vh, 60px));margin:0;max-height:calc(100vh - clamp(50px, 8vh, 60px));overflow:visible!important;padding:0}.library-main,.viewport-container{box-sizing:border-box;display:flex!important;gap:0;visibility:visible!important}.viewport-container{background:#1a1a1a;flex:1 1 auto!important;flex-direction:column!important;height:calc(100vh - clamp(50px, 8vh, 60px))!important;margin:0!important;max-height:calc(100vh - clamp(50px, 8vh, 60px))!important;min-height:calc(100vh - clamp(50px, 8vh, 60px))!important;opacity:1!important;overflow-x:visible!important;overflow-y:auto!important;padding:0 0 80px!important;position:relative!important;width:100%!important}.accordion-section{display:flex;flex-direction:column}.accordion-section.collapsed .accordion-content{display:none}.accordion-header{flex-shrink:0}.accordion-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.viewport-top-column{background:#1a1a1a;border:none;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;height:auto;margin-bottom:0!important;min-height:calc(45% - 120px);overflow:visible;position:relative;width:100%;z-index:1}.viewport-top-column.collapsed{flex:0 0 auto!important;height:auto!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;min-height:auto!important}.viewport-nav-content{border:none;display:flex;flex:1 1;flex-direction:column;height:auto;max-width:100%;min-height:100%;min-width:0;overflow:visible;position:relative;width:100%;z-index:1}.viewport-nav-content .left-accordion{flex-direction:column;height:100%;margin:0;overflow:visible;padding:0;width:100%}.viewport-nav-content .left-accordion,.viewport-nav-content .left-accordion.collapsed,.viewport-top-column .left-accordion{display:flex!important;opacity:1!important;visibility:visible!important}.viewport-top-column .left-accordion{flex-direction:column;height:100%;overflow:visible;width:100%}.viewport-top-column .left-accordion.collapsed{display:flex!important;opacity:1!important;visibility:visible!important}.viewport-top-column .accordion-scrollable-content{flex:1 1;overflow:visible;visibility:visible!important}.viewport-top-column .accordion-item{visibility:visible!important}.viewport-bottom-column{background:#1a1a1a;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;height:100%!important;margin:0!important;max-height:100%!important;min-height:0;padding:0!important;position:relative;width:100%;z-index:1}.viewport-bottom-column.collapsed{display:flex!important;height:auto!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;min-height:auto!important}.viewport-bottom-column:not(.collapsed){display:flex!important}.library-main .viewport-container .viewport-bottom-column.accordion-section,.viewport-bottom-column.accordion-section,.viewport-container .viewport-bottom-column.accordion-section{display:flex!important;flex:0 0 auto!important;height:auto!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;min-height:auto!important;opacity:1!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:1!important}.library-main .viewport-container .viewport-bottom-column.accordion-section .accordion-header,.viewport-bottom-column.accordion-section .accordion-header,.viewport-container .viewport-bottom-column.accordion-section .accordion-header{display:flex!important;height:auto!important;min-height:48px!important;opacity:1!important;position:relative!important;visibility:visible!important;width:100%!important;z-index:2!important}.viewport-bottom-column .accordion-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}@media (max-width:767px){.viewport-bottom-column.mobile-hidden,.viewport-top-column.mobile-hidden{display:none!important;flex:0 0!important;height:0!important;max-height:0!important;min-height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important}.viewport-bottom-column:not(.mobile-hidden),.viewport-top-column:not(.mobile-hidden){flex:1 1 100%!important;flex-basis:100%!important;height:100%!important;max-height:100%!important;min-height:100%!important}.viewport-top-column:not(.mobile-hidden){box-sizing:border-box;max-width:100vw!important;width:100vw!important}.viewport-nav-content,.viewport-nav-content .left-accordion{box-sizing:border-box;max-width:100vw!important;width:100%!important}}.viewport-albums-tools{background:#1e1e1e;box-sizing:border-box;flex-shrink:0;padding:0;width:100%}.viewport-albums-content{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;width:100%}.viewport-bottom-column{overflow:hidden}.viewport-bottom-column .album-grid-filters{align-items:center;background:#1e1e1e;border:none;display:flex;flex-direction:column;height:auto;margin-top:0!important;margin:0;overflow:visible;padding:0 0 .5rem;position:static;visibility:visible;width:100%}.viewport-bottom-column .album-grid-filters .filter-results,.viewport-bottom-column .album-grid-filters .utility-row{display:none!important}.viewport-bottom-column .album-grid-filters .mobile-toolbar.mobile-only{display:flex!important}.viewport-bottom-column .album-grid-container{display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;max-height:100%;max-width:100%;min-height:0;min-width:0;overflow:hidden;padding-top:0!important;position:static;width:100%}.viewport-bottom-small-column{background:#1a1a1a;border:none;bottom:0;box-sizing:border-box;display:flex;flex:0 0 auto;height:auto;left:0;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible;position:fixed;right:0;width:100%;z-index:1002}@media (max-width:767px){.library-layout{display:flex!important;height:100vh!important;left:0!important;opacity:1!important;overflow:visible!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;width:100%!important}.library-layout .library-main{overflow:visible!important}.library-layout .library-main,.library-layout .library-main .viewport-container,.library-main .viewport-container{display:flex!important;height:100%!important;opacity:1!important;position:relative!important;visibility:visible!important;width:100%!important}.library-layout .library-main .viewport-container,.library-main .viewport-container{flex:1 1 auto!important;overflow-x:visible!important;overflow-y:auto!important;z-index:1!important}.library-main .viewport-container .viewport-bottom-column.accordion-section,.library-main .viewport-container .viewport-bottom-column.accordion-section.collapsed,.library-main .viewport-container>.viewport-bottom-column.accordion-section,.library-main .viewport-container>.viewport-bottom-column.accordion-section.collapsed,.viewport-container .viewport-bottom-column.accordion-section,.viewport-container .viewport-bottom-column.accordion-section.collapsed{bottom:auto!important;display:flex!important;flex:0 0 auto!important;height:auto!important;left:0!important;margin:0!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;max-width:100%!important;min-height:48px!important;opacity:1!important;overflow:visible!important;padding:0!important;position:relative!important;right:0!important;top:0!important;visibility:visible!important;width:100%!important;z-index:10!important}.library-main .viewport-container .viewport-bottom-column.accordion-section .accordion-header,.library-main .viewport-container .viewport-bottom-column.accordion-section.collapsed .accordion-header,.library-main .viewport-container>.viewport-bottom-column.accordion-section .accordion-header,.library-main .viewport-container>.viewport-bottom-column.accordion-section.collapsed .accordion-header,.viewport-container .viewport-bottom-column.accordion-section .accordion-header,.viewport-container .viewport-bottom-column.accordion-section.collapsed .accordion-header{display:flex!important;height:auto!important;left:0!important;margin:0!important;max-width:100%!important;min-height:48px!important;opacity:1!important;overflow:visible!important;padding:.75rem 1rem!important;position:relative!important;right:0!important;top:0!important;visibility:visible!important;width:100%!important;z-index:11!important}.viewport-bottom-small-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2!important;border-top:none;bottom:0!important;display:flex!important;flex:0 0 auto!important;height:auto!important;left:0!important;min-height:calc(39px + env(safe-area-inset-bottom, 20px))!important;min-height:calc(39px + max(env(safe-area-inset-bottom, 0px), 20px))!important;opacity:1!important;padding-bottom:0!important;padding-top:0!important;position:fixed!important;right:0!important;visibility:visible!important;width:100vw!important;z-index:1002!important}.viewport-container{padding-bottom:calc(39px + max(env(safe-area-inset-bottom, 0px), 20px))!important}.viewport-bottom-column:not(.mobile-hidden),.viewport-top-column:not(.mobile-hidden){height:calc(100% - 39px)!important;max-height:calc(100% - 39px)!important}}.master-artist-list-container{display:flex;flex-direction:column;gap:1rem}.language-artist-list{background:#1a1a1a;border:none;border-radius:6px;box-sizing:border-box;flex:1 1;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding:1rem}@media (min-width:1200px){.master-artist-list-container>div{display:flex;flex-direction:row;gap:1rem;height:100%}.language-artist-list{flex:1 1;min-width:0}}.library-left{background:#121212;box-sizing:border-box;height:100%;margin:0;max-height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:0;transition:flex .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%}.library-left.collapsed{flex:0 1;max-width:0;min-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateX(-100%)}.library-middle{background:#121212;border-radius:10px;display:flex;flex-basis:calc(60vh - 132px);flex-direction:column;flex-grow:0;flex-shrink:0;margin-bottom:0;max-height:calc(60vh - 132px);overflow:hidden;padding:0;position:relative;transition:flex .4s cubic-bezier(.4,0,.2,1)}.library-main.left-collapsed .library-middle{margin-left:15px}@keyframes rotateBorder{0%{border-image:linear-gradient(0deg,#ff0080,#ff8c00,#40e0d0,#9370db,#ff1493,#0f0,#1e90ff,gold) 1}25%{border-image:linear-gradient(90deg,#ff8c00,#40e0d0,#9370db,#ff1493,#0f0,#1e90ff,gold,#ff0080) 1}50%{border-image:linear-gradient(180deg,#40e0d0,#9370db,#ff1493,#0f0,#1e90ff,gold,#ff0080,#ff8c00) 1}75%{border-image:linear-gradient(270deg,#9370db,#ff1493,#0f0,#1e90ff,gold,#ff0080,#ff8c00,#40e0d0) 1}to{border-image:linear-gradient(1turn,#ff0080,#ff8c00,#40e0d0,#9370db,#ff1493,#0f0,#1e90ff,gold) 1}}.mobile-hamburger-container{display:none}.library-right{background:#121212;border:none;flex-shrink:0;margin:0;max-width:400px;min-width:300px;overflow-y:auto;padding:0;transition:width .4s cubic-bezier(.4,0,.2,1),min-width .4s cubic-bezier(.4,0,.2,1),max-width .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:clamp(300px,25vw,400px)}.library-right.collapsed{max-width:0;min-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateX(100%);width:0}.library-right:empty:before{content:"";display:block}.library-footer{background:#282828;border-top:none;bottom:calc(4.9% + 40px);flex-shrink:0;height:clamp(64px,9.6vh,80px);left:0;min-height:64px;position:fixed;right:0;transition:transform .3s ease;z-index:1001}.library-footer.hidden{opacity:0;transform:translateY(100%);visibility:hidden}.library-footer.visible{opacity:1;transform:translateY(0);visibility:visible}.media-player-toggle{align-items:center;background:#282828;border:none;border-radius:12px 12px 0 0;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;left:50%;padding:.4rem 1.5rem;position:absolute;top:-36px;transform:translateX(-50%);transition:background .2s ease;z-index:101}.media-player-toggle:hover{background:#383838}.library-left::-webkit-scrollbar,.library-middle::-webkit-scrollbar,.library-right::-webkit-scrollbar{width:8px}.library-left::-webkit-scrollbar-track,.library-middle::-webkit-scrollbar-track,.library-right::-webkit-scrollbar-track{background:#181818}.library-left::-webkit-scrollbar-thumb,.library-middle::-webkit-scrollbar-thumb,.library-right::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.library-left::-webkit-scrollbar-thumb:hover,.library-middle::-webkit-scrollbar-thumb:hover,.library-right::-webkit-scrollbar-thumb:hover{background:#555}.library-overlay{background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:98}@media (min-width:1920px){.library-right{max-width:450px;width:clamp(350px,25vw,450px)}}@media (max-width:1600px){.library-right{width:clamp(320px,23vw,380px)}}@media (max-width:1200px){.library-right{width:clamp(280px,25vw,340px)}.library-header{padding:.875rem 1.5rem}}@media (max-width:767px){.library-header{gap:.5rem;height:56px;padding:.75rem 1rem}.library-logo h1{font-size:1.25rem}.header-nav-links,.library-user{display:none}.playlists-toggle-btn{font-size:.9rem;padding:.375rem .75rem}.playlists-count{font-size:.75rem;padding:.125rem .375rem}.library-header .mobile-drawer-toggle,.mobile-drawer-toggle.right,.mobile-hamburger-container{display:none!important}.flyout-edge-trigger{display:flex}.flyout-edge-trigger.left,.flyout-edge-trigger.right{top:calc(50% + 28px)}.library-main{height:calc(100vh - 56px)!important;max-height:calc(100vh - 56px)!important;min-height:calc(100vh - 56px)!important;overflow:visible!important;position:relative}.library-main,.library-main .viewport-container{display:flex!important;flex:1 1 auto!important;opacity:1!important;visibility:visible!important;width:100%!important}.library-main .viewport-container{height:100%!important;overflow-x:visible!important;overflow-y:auto!important;position:relative!important}.library-main .viewport-container .viewport-bottom-column.accordion-section{display:flex!important;min-height:48px!important;opacity:1!important;visibility:visible!important;width:100%!important}.library-left{border-bottom:none;border-right:none;box-sizing:border-box;height:calc(100vh - 146px);left:-100%;max-width:100%!important;min-width:100%!important;position:fixed;top:56px;transition:left .3s ease-in-out;width:100%!important;z-index:99}.library-left.mobile-open{left:0}.library-right{border-bottom:none;border-left:none;height:calc(100vh - 146px);max-width:100%;position:fixed;right:-100%;top:56px;transition:right .3s ease-in-out;width:100%;z-index:99}.library-right.mobile-open{right:0}.library-left.mobile-open~.library-overlay,.library-right.mobile-open~.library-overlay{display:block}.library-middle{border-radius:0;box-sizing:border-box;display:flex!important;flex:1 1 auto!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;min-height:100%!important;opacity:1!important;overflow:visible!important;padding:0!important;visibility:visible!important;width:100%!important}.library-main .library-middle{flex:1 1 auto!important;max-height:none!important}.library-middle .viewport-container{display:flex!important;height:100%!important;opacity:1!important;visibility:visible!important;width:100%!important}.library-main.left-collapsed .library-middle,.library-main.right-collapsed .library-middle{margin:0!important}.library-footer{height:auto;min-height:80px}.media-player-toggle{font-size:.8rem;padding:.3rem 1.2rem;top:-32px}}@media (max-width:480px){.library-header{padding:.5rem .75rem}.library-logo h1{font-size:1.1rem}.library-left{width:100%}.library-right{max-width:100%;width:100%}.flyout-edge-trigger{height:80px;width:20px}.edge-trigger-icon{font-size:1.25rem}}.floating-action-buttons{align-items:center;display:flex;flex-direction:column;gap:0;height:100%;justify-content:center;position:relative;width:100%;z-index:50}@media (min-width:768px){.floating-action-buttons{flex-direction:row}}.fab-row{align-items:center;display:flex;justify-content:space-between;width:100%}.fab-row-media{align-items:center;height:auto;justify-content:center;margin:0;min-height:-webkit-fit-content;min-height:fit-content;padding:8px}.fab-row-media .fab-column{gap:6px;margin:0!important;padding:0!important}.fab-row-tools{height:auto;justify-content:space-between;margin:0;min-height:-webkit-fit-content;min-height:fit-content;padding:8px}.floating-action-buttons .fab-column{align-items:center;display:flex;flex:1 1;gap:6px;padding:0}.floating-action-buttons .fab-column.left{justify-content:flex-start}.floating-action-buttons .fab-column.center{align-items:center;flex:0 0 auto;gap:6px;justify-content:center}.fab-btn.media-control-btn{align-items:center;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50%;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.3125rem;height:46px;justify-content:center;margin:0!important;padding:0!important;transition:all .3s ease;width:46px}.fab-btn.media-control-btn:disabled{cursor:not-allowed;opacity:.5}.fab-btn.media-control-btn:hover:not(:disabled){box-shadow:0 6px 20px #1db95466;transform:scale(1.1)}.fab-btn.media-control-play{font-size:1.5rem}.floating-action-buttons .fab-column.right{justify-content:flex-end}.fab-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.3125rem;height:46px;justify-content:center;margin:0;transition:all .3s ease;width:46px}.fab-btn:hover{transform:scale(1.1)}.fab-btn.admin-fab{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.fab-btn.admin-fab:hover{box-shadow:0 6px 20px #ee5a2480}.fab-btn.setup-fab{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.fab-btn.setup-fab:hover{box-shadow:0 6px 20px #8b5cf680}.fab-btn.menu-fab{background:linear-gradient(135deg,#4a5568,#2d3748)}.fab-btn.menu-fab:hover{box-shadow:0 6px 20px #4a556880}.fab-btn.voice-fab{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.fab-btn.voice-fab:hover{box-shadow:0 6px 20px #9c27b080}.fab-btn.voice-fab.listening{animation:pulse-fab 1.5s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 6px 20px #4caf5080}.fab-btn.media-player-fab{background:linear-gradient(135deg,#1db954,#1ed760);font-size:1.05rem}.fab-btn.media-player-fab:hover{box-shadow:0 6px 20px #1db95480}.fab-btn.swipe-mode-fab{background:#ffffff1a;border:none}.fab-btn.swipe-mode-fab:hover{background:#fff3;transform:scale(1.1)}.fab-btn.swipe-mode-fab.preview:hover{background:#ffa5004d;box-shadow:0 6px 20px #ffa50080}.fab-btn.swipe-mode-fab.listening:hover{background:#1e90ff4d;box-shadow:0 6px 20px #1e90ff80}.fab-btn.done-searching-fab{background:linear-gradient(135deg,#1db954,#1ed760);font-size:1.2rem}.fab-btn.done-searching-fab:hover{background:linear-gradient(135deg,#1ed760,#2eef70);box-shadow:0 6px 20px #1db95480}@keyframes pulse-fab{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:767px){.floating-action-buttons{bottom:auto!important;display:flex!important;height:100%!important;left:auto!important;opacity:1!important;position:relative!important;right:auto!important;visibility:visible!important;width:100%!important}.floating-action-buttons .fab-column{align-items:center;flex:1 1!important;gap:4px;padding:0}.floating-action-buttons .fab-column.center{flex:0 0 auto!important}.fab-btn{flex-shrink:0;margin:0}.fab-btn,.fab-btn.media-control-btn{font-size:1.155rem;height:40px;width:40px}.fab-btn.media-control-btn{margin-bottom:40px;margin-top:0}.fab-btn.media-control-play{font-size:1.3rem}.library-footer.visible{bottom:calc(79px + env(safe-area-inset-bottom, 0px))!important;bottom:calc(79px + max(env(safe-area-inset-bottom, 0px), 0px))!important}}@media (max-width:480px){.floating-action-buttons{bottom:0;left:0;right:0;width:100%}.floating-action-buttons .fab-column{align-items:center;flex:1 1!important;padding:0}.floating-action-buttons .fab-column.center{flex:0 0 auto!important}.fab-btn{margin:0}.fab-btn,.fab-btn.media-control-btn{font-size:1.05rem;height:36px;width:36px}.fab-btn.media-control-btn{margin-bottom:40px;margin-top:0}.fab-btn.media-control-play{font-size:1.15rem}}.turntable-toggle-btn{background:linear-gradient(135deg,#ff1493,#ff69b4);border:none;border-radius:10px;box-shadow:0 2px 10px #ff149366;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.3rem;padding:8px 14px;transition:all .3s ease}.turntable-toggle-btn:hover{box-shadow:0 4px 20px #ff149399;transform:scale(1.1)}.turntable-toggle-btn.active{background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 4px 20px #ffd70099;color:#000}.turntable-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.turntable-overlay-content{animation:slideUp .4s ease;max-width:600px;overflow:visible;padding-top:50px;position:relative;width:90%}.turntable-close-btn{align-items:center;background:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:all .3s ease;width:40px;z-index:10}.turntable-close-btn:hover{background:#f44;transform:scale(1.1)}@media (max-width:767px){.turntable-toggle-btn{font-size:1.2rem;order:-1;padding:6px 12px}.turntable-overlay-content{max-width:none;width:95%}.turntable-close-btn{height:36px;right:-10px;top:-10px;width:36px}}@media (min-width:765px) and (orientation:portrait){.library-layout{border:5px solid #000!important}}.dashboard{min-height:calc(100vh - 80px);padding:2rem 0}.dashboard-header{margin-bottom:3rem;text-align:center}.dashboard-header h1{font-size:2.5rem;margin-bottom:.5rem}.dashboard-header p{font-size:1.2rem;opacity:.9}.dashboard-content{margin:0 auto;max-width:1400px}.add-item-card{margin-bottom:2rem}.add-item-card h2{font-size:1.5rem;margin-bottom:1rem}.add-item-form{display:flex;flex-wrap:wrap;gap:1rem}.add-item-form .input{flex:1 1;margin-bottom:0;min-width:200px}.add-item-form .button{white-space:nowrap}.items-section h2{font-size:1.8rem;margin-bottom:1.5rem}.empty-state{background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:12px;padding:3rem}.empty-state p{font-size:1.2rem;opacity:.7}.items-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.item-card{padding:1.5rem;transition:transform .3s ease}.item-card:hover{transform:translateY(-5px)}.item-card h3{font-size:1.3rem;margin-bottom:.5rem;word-break:break-word}.item-date{font-size:.9rem;margin-bottom:1rem;opacity:.7}.button-delete{background:#ff52524d;border:1px solid #ff525280;width:100%}.button-delete:hover{background:#ff525280}.stats-card{margin-bottom:1.5rem}.stats-card h2{font-size:1.5rem;margin-bottom:1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;padding:1rem}.stat-label{margin-bottom:.5rem;opacity:.7}.stat-value{color:var(--primary);font-size:2rem}.tools-card{margin-bottom:2rem}.tools-card h2{font-size:1.5rem;margin-bottom:1rem}.tools-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tool-link{background-color:#f9f9f9;border:2px solid #667eea;border-radius:8px;color:#333;display:block;padding:15px;text-decoration:none;transition:all .3s}.tool-link:hover{background-color:#e3f2fd;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.tool-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:5px}.tool-description{color:#666;font-size:.9em;margin-bottom:5px}.tool-note{color:#999;font-size:.8em;margin-top:5px}.metadata-update-panel{padding:1rem 0}.search-section{margin-bottom:1.5rem}.matches-section{margin-top:1.5rem}.matches-section h3{font-size:1.2rem;margin-bottom:1rem}.matches-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;max-height:400px;overflow-y:auto}.match-item{align-items:center;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .3s}.match-item:hover{background:#f0f0f0;border-color:#667eea}.match-item.selected{background:#e3f2fd;border-color:#667eea}.confidence-badge{border-radius:4px;display:inline-block;font-size:.75em;font-weight:600;margin-left:8px;padding:2px 8px}.confidence-exact{background:#4caf50;color:#fff}.confidence-partial{background:#ff9800;color:#fff}.confidence-fuzzy{background:#ffc107;color:#333}.preview-section h3{font-size:1.1rem;margin-bottom:1rem}.update-log{font-family:Courier New,monospace}.filter-card{margin-bottom:2rem}.filter-card h2{font-size:1.5rem;margin-bottom:1rem}.filter-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.filter-group label{font-size:.9rem}.filter-select{background:#0000004d;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:all .3s ease}.filter-select:focus,.filter-select:hover{border-color:var(--primary)}.filter-select:focus{box-shadow:0 0 0 3px #7c3aed33;outline:none}.filter-results{font-size:.9rem;margin-top:1rem;opacity:.7;text-align:center}.albums-section h2{font-size:1.8rem;margin-bottom:1.5rem}.albums-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.album-card{cursor:pointer;overflow:hidden;padding:0;transition:transform .3s ease,box-shadow .3s ease}.album-card:hover{box-shadow:0 8px 24px #7c3aed4d;transform:translateY(-5px)}.album-cover{align-items:center;background:linear-gradient(135deg,#7c3aed4d,#4f46e54d);display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.album-cover img{height:100%;object-fit:cover;width:100%}.album-cover-placeholder{font-size:4rem;opacity:.5}.album-info{padding:1rem}.album-title{font-size:1.1rem;margin-bottom:.5rem}.album-artist{font-size:.9rem;margin-bottom:.75rem;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.album-genre,.album-language{background:#7c3aed4d;border:1px solid #7c3aed80;border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.album-songs{font-size:.85rem;opacity:.6}.btn-update-metadata{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:.85em;font-weight:600;margin-top:10px;padding:8px 16px;transition:all .3s;width:100%}.btn-update-metadata:hover:not(:disabled){background:#5568d3;box-shadow:0 2px 8px #667eea66;transform:translateY(-1px)}.btn-update-metadata:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.dashboard{padding:1.5rem 0}.dashboard-content{max-width:100%;padding:0 1rem}.albums-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.filter-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.dashboard{min-height:calc(100vh - 70px);padding:1rem 0}.dashboard-header{margin-bottom:2rem;padding:0 1rem}.dashboard-header h1{font-size:1.75rem;margin-bottom:.5rem}.dashboard-header p{font-size:1rem}.dashboard-content{padding:0 1rem}.add-item-form{flex-direction:column}.add-item-form .button,.add-item-form .input{min-width:100%;width:100%}.add-item-form .button{min-height:48px}.filter-card,.stats-card{margin-bottom:1.25rem;padding:1.5rem}.filter-card h2,.stats-card h2{font-size:1.3rem}.stats-grid{gap:.75rem;grid-template-columns:1fr}.stat-item{padding:.875rem}.stat-value{font-size:1.75rem}.filter-controls{gap:.875rem;grid-template-columns:1fr}.filter-select{font-size:1rem;min-height:48px;padding:.875rem}.albums-grid,.items-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.album-card{transition:transform .2s ease,box-shadow .2s ease}.album-cover{height:140px}.album-info{padding:.875rem}.album-title{font-size:1rem}.album-artist{font-size:.85rem}.album-songs{font-size:.8rem}.btn,.btn-primary,.button{min-height:48px;padding:.75rem 1.25rem}}@media (max-width:480px){.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:.95rem}.albums-grid,.items-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.album-cover{height:120px}.album-info{padding:.75rem}.album-title{font-size:.9rem}.album-genre,.album-language{font-size:.7rem;padding:.2rem .4rem}}.mapping-tool{color:#fff;margin:0 auto;max-width:100%;padding:20px}.mapping-tool-header{margin-bottom:30px;text-align:center}.mapping-tool-header h1{color:#fff;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.mapping-tool-header p{color:#e0e0e0;margin:0;text-shadow:0 1px 2px #0000004d}.mapping-filters{align-items:flex-start;background:#ffffffe6;border:1px solid #fff3;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.mapping-filters .filter-group button{background:#fff;border:1px solid #ccc;border-radius:4px;color:#000;cursor:pointer;font-size:14px;height:-webkit-fit-content;height:fit-content;margin-left:0;margin-top:0;min-width:150px;padding:6px 16px;transition:all .2s;width:100%}.mapping-filters .filter-group button:hover:not(:disabled){background:#f0f0f0;border-color:#999}.mapping-filters .filter-group button:disabled{cursor:not-allowed;opacity:.5}.filter-group{gap:4px}.filter-group label{color:#000!important;font-size:14px;font-weight:500;height:auto;line-height:1.4}.filter-group input,.filter-group select{background:#fff;border:1px solid #ccc;border-radius:4px;color:#000;font-size:14px;min-width:150px;padding:6px 10px}.filter-group select:disabled{background:#f5f5f5;color:#666;cursor:not-allowed;opacity:.6}.filter-group input::placeholder{color:#999}.filter-group select option{background:#fff;color:#000}.artist-selector{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.artist-selector label{color:#fff;font-weight:500}.artist-selector select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px}.artist-selector select option{background:#333;color:#fff}.mb-count{color:#b3b3b3;font-size:14px}.mapping-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.mapping-panel{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex-direction:column;max-height:70vh;padding:15px}.mapping-panel h2{align-items:center;border-bottom:2px solid #fff3;color:#fff;display:flex;flex-wrap:wrap;font-size:18px;gap:10px;margin:0 0 15px;padding-bottom:10px}.mapping-loading-indicator{align-items:center;color:#4a9eff;display:flex;font-size:14px;gap:.5rem;margin-left:10px}.mapping-loading-text{font-weight:500}.mapping-loading-spinner{animation:spin 1.5s linear infinite;display:inline-block;font-size:1.1em}.album-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto}.album-item{align-items:flex-start;background:#ffffffe6;border:1px solid #fff3;border-radius:6px;color:#000;cursor:pointer;justify-content:space-between;padding:12px;transition:all .2s}.album-item:hover{background:#fffffff2;border-color:#667eea;box-shadow:0 2px 4px #0000004d}.album-item.mapped{background:#e8f5e9;border-color:#4caf50}.album-item.selected{background:#667eea;border-color:#667eea;color:#fff}.album-item.selected .album-title{color:#000}.album-item.selected .album-meta{color:#fff}.album-title{font-size:15px;font-weight:600;margin-bottom:6px}.album-item .album-title,.album-item.mapped .album-title,.album-item.selected .album-title,.album-item:hover .album-title,.album-title{color:#000!important}.album-meta{color:#ffffffb3;font-size:12px;margin-bottom:4px}.album-item.selected .album-meta{color:#ffffffe6}.mbid{color:#fff9;font-family:monospace;font-size:11px}.album-item.selected .mbid{color:#fffc}.mapping-badge{background:#4caf50;border-radius:4px;color:#fff;display:inline-block;font-size:11px;margin-top:6px;padding:4px 8px}.btn-unmap{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;margin-left:10px;width:24px}.btn-unmap:hover{background:#d32f2f}.empty-state{color:#fff9;padding:40px 20px;text-align:center}.loading{color:#ffffffb3;padding:40px 20px}.mapping-instructions{background:#ffc10733;border:1px solid #ffc10780;border-radius:8px;margin-top:20px;padding:20px}.mapping-instructions h3{color:#ffc107;margin:0 0 10px}.mapping-instructions ol{color:#ffc107;margin:0;padding-left:20px}.mapping-instructions li{margin-bottom:8px}@media (max-width:1200px){.mapping-content{grid-template-columns:1fr}}.upload-manager{background:#121212;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.upload-header{margin-bottom:2rem}.upload-header h1{color:#fff;font-size:2rem;margin:0 0 .5rem}.upload-header p{color:#b3b3b3;font-size:1rem;margin:0}.loading{color:#b3b3b3;font-size:1.2rem;padding:4rem;text-align:center}.upload-filters{background:#1e1e1e;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1.5rem}.current-path-display{background:#1e1e1e;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:2rem;padding:.75rem 1.5rem}.current-path-display strong{color:#1e90ff;margin-right:.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-group label{color:#fff!important;font-size:.875rem;font-weight:600}.filter-group select{background:#282828;border:1px solid #404040;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem}.filter-group select:hover{border-color:#1e90ff}.upload-stats{align-items:center;background:#1e1e1e;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1rem}.stats-info{display:flex;gap:2rem}.stat{color:#b3b3b3;font-size:.95rem}.stat strong{color:#1e90ff;font-size:1.2rem;margin-right:.25rem}.stats-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s}.btn-primary{background:#1e90ff}.btn-primary:hover:not(:disabled){background:#1c7ed6}.btn-primary:disabled{background:#404040;color:#666}.btn-secondary{background:#282828;border:1px solid #404040;color:#fff}.btn-secondary:hover{background:#333;border-color:#555}.upload-groups{display:flex;flex-direction:column;gap:1.5rem}.upload-group{background:#1e1e1e;border-radius:8px;overflow:hidden}.group-header{align-items:center;background:#252525;border-bottom:1px solid #333;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;-webkit-user-select:none;user-select:none}.group-header:hover{background:#2a2a2a}.group-header input[type=checkbox]{cursor:pointer;height:18px;width:18px}.group-header h3{color:#fff;flex:1 1;font-size:1.1rem;margin:0}.group-count{color:#888;font-size:.9rem;margin-right:1rem}.group-select-btn{background:#1e90ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem .8rem;transition:all .2s}.group-select-btn:hover{background:#1c7ed6;transform:translateY(-1px)}.group-albums{display:flex;flex-direction:column}.album-item{align-items:center;border-bottom:1px solid #282828;display:flex;gap:1rem;padding:1rem 1.5rem;transition:background .2s}.album-item:last-child{border-bottom:none}.album-item:hover{background:#252525}.album-item:hover .album-title{color:#fff!important}.album-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.album-info{flex:1 1;min-width:0}.album-title{color:#000;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-meta{color:#888;font-size:.85rem;margin-bottom:.25rem}.album-path{background:#1e90ff1a;border-radius:4px;color:#1e90ff;font-family:Courier New,monospace;font-size:.75rem;margin-top:.25rem;overflow-x:auto;padding:.25rem .5rem;white-space:nowrap}.no-results{color:#888;font-size:1.1rem;padding:4rem;text-align:center}.btn-upload{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;padding:.7rem 1.5rem}.btn-upload:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-sync{background:#28a745;color:#fff}.btn-sync:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.btn-sync:disabled{background:#404040;color:#666;cursor:not-allowed}.sync-results{align-items:center;background:#28a74526;border:1px solid #28a74566;border-radius:8px;color:#4ade80;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.sync-results-content{flex:1 1}.sync-results-content strong{color:#28a745;font-weight:700}.sync-results-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#4ade80;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.sync-results-close:hover{background:#28a74533}.upload-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-modal{background:#1e1e1e;border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.upload-modal h2{color:#fff;font-size:1.5rem;margin:0 0 1.5rem}.upload-instructions{display:flex;flex-direction:column;gap:1rem}.upload-instructions p{color:#b3b3b3;line-height:1.6;margin:0}.upload-instructions p strong{color:#1e90ff}.folder-select-btn{background:#1e90ff;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;margin:1rem 0;padding:1rem 2rem;text-align:center;transition:all .2s}.folder-select-btn:hover{background:#1c7ed6;transform:translateY(-2px)}.upload-note{background:#1e90ff1a;border-left:3px solid #1e90ff;border-radius:4px;color:#b3b3b3;font-size:.9rem;padding:1rem}.upload-note strong{color:#1e90ff}.upload-note code{background:#252525;border-radius:3px;color:#1e90ff;font-family:Courier New,monospace;padding:.2rem .4rem}.expected-paths{background:#1e90ff0d;border:1px solid #1e90ff33;border-radius:8px;margin:1rem 0;padding:1rem}.expected-paths p{color:#1e90ff;font-weight:600;margin:0 0 .5rem}.paths-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.path-item{background:#252525;border-radius:4px;color:#b3b3b3;font-family:Courier New,monospace;font-size:.8rem;overflow-x:auto;padding:.5rem;white-space:nowrap}.path-item.more{background:#0000;color:#888;font-style:italic}.upload-progress-container{display:flex;flex-direction:column;gap:1rem}.upload-status{color:#1e90ff;font-size:1.1rem;font-weight:600;margin:0}.progress-items{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.progress-item{background:#252525;border-radius:8px;padding:1rem}.progress-info{color:#b3b3b3;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.progress-file{color:#fff;font-weight:500;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-count{color:#888}.progress-bar{background:#333;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#1e90ff,#667eea);border-radius:4px;transition:width .3s ease}.progress-percent{color:#1e90ff;font-size:.9rem;font-weight:600}@media (max-width:768px){.upload-manager{padding:1rem}.upload-filters{flex-direction:column}.filter-group{width:100%}.upload-stats{align-items:flex-start;flex-direction:column}.stats-actions,.stats-info{width:100%}.stats-actions .btn{flex:1 1}}.admin-prompt-fab{box-shadow:0 4px 15px #ee5a2466;color:#fff;cursor:pointer;display:none!important;font-size:1.5rem;transition:all .3s ease;z-index:1000}.admin-prompt-fab:hover{box-shadow:0 6px 20px #ee5a2499;transform:scale(1.1)}@media (max-width:768px){.admin-prompt-fab{align-items:center;display:flex;justify-content:center}}.admin-prompt-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.admin-prompt-panel{background:#1e1e1e;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.admin-prompt-header{align-items:center;background:#282828;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem}.admin-prompt-header h2{color:#fff;font-size:1.2rem;margin:0}.admin-prompt-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.admin-prompt-close:hover{color:#fff}.admin-prompt-form{border-bottom:1px solid #333;padding:1rem}.admin-prompt-form textarea{background:#282828;border:1px solid #444;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;margin-bottom:.75rem;padding:.75rem;resize:vertical;width:100%}.admin-prompt-form textarea:focus{border-color:#ee5a24;outline:none}.admin-prompt-form textarea::placeholder{color:#666}.admin-prompt-buttons{display:flex;gap:.5rem}.admin-prompt-form button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s ease}.admin-prompt-form button:hover:not(:disabled){box-shadow:0 4px 12px #ee5a2466;transform:translateY(-2px)}.admin-prompt-form button:disabled{cursor:not-allowed;opacity:.5}.voice-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.voice-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666!important}.voice-btn.listening{animation:pulse-voice 1s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669)!important}@keyframes pulse-voice{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.admin-prompt-history{flex:1 1;overflow-y:auto;padding:1rem}.admin-prompt-history h3{color:#888;font-size:.9rem;letter-spacing:1px;margin:0 0 .75rem;text-transform:uppercase}.admin-prompt-empty{color:#666;padding:2rem;text-align:center}.admin-prompt-list{display:flex;flex-direction:column;gap:.75rem}.admin-prompt-item{background:#282828;border:1px solid #333;border-radius:8px;padding:.75rem}.admin-prompt-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.admin-prompt-status{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.admin-prompt-time{color:#666;font-size:.75rem}.admin-prompt-text{color:#ddd;font-size:.9rem;line-height:1.4;margin:0}.admin-prompt-response{border-top:1px solid #333;color:#1db954;font-size:.85rem;margin-top:.5rem;padding-top:.5rem}@media (max-width:768px){.admin-prompt-fab{bottom:54px;font-size:1rem;height:38px;right:54px;width:38px}.admin-prompt-panel{max-height:90vh}}@media (max-width:480px){.admin-prompt-fab{bottom:48px;font-size:.9rem;height:34px;right:46px;width:34px}}.approval-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:3000}.approval-dialog{animation:slideUp .3s ease;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:2px solid #ff9800;border-radius:16px;box-shadow:0 20px 60px #ff98004d;max-width:450px;overflow:hidden;width:100%}.approval-header{background:linear-gradient(135deg,#ff9800,#f57c00);padding:1.25rem;text-align:center}.approval-header h2{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.approval-content{padding:1.5rem}.approval-prompt{background:#282828;border-radius:8px;margin-bottom:1rem;padding:1rem}.approval-prompt strong{color:#888;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.approval-prompt p{color:#fff;font-size:1rem;line-height:1.5;margin:.5rem 0 0}.approval-plan{background:#1a3a1a;border:1px solid #2d5a2d;border-radius:8px;padding:1rem}.approval-plan strong{color:#4caf50;display:block;font-size:.85rem;margin-bottom:.5rem}.approval-plan p{color:#c8e6c9;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.approval-files{border-top:1px solid #2d5a2d;margin-top:1rem;padding-top:1rem}.approval-files strong{color:#81c784}.approval-files ul{margin:.5rem 0 0;padding-left:1.25rem}.approval-files li{color:#a5d6a7;font-family:Courier New,monospace;font-size:.85rem;margin:.25rem 0}.approval-risk{border-radius:4px;font-size:.8rem;font-weight:600;margin-top:1rem;padding:.5rem .75rem;text-align:center}.approval-risk.risk-low{background:#1b5e20;color:#a5d6a7}.approval-risk.risk-medium{background:#e65100;color:#ffcc80}.approval-risk.risk-high{background:#b71c1c;color:#ef9a9a}.approval-actions{background:#161616;display:flex;gap:1rem;padding:1.5rem}.approval-approve,.approval-reject{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:1rem;transition:all .2s ease}.approval-reject{background:#424242;color:#fff}.approval-reject:hover{background:#616161;transform:translateY(-2px)}.approval-approve{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 4px 15px #4caf5066;color:#fff}.approval-approve:hover{box-shadow:0 6px 20px #4caf5080;transform:translateY(-2px)}.admin-prompt-review-btn{background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.75rem;padding:.75rem;transition:all .2s ease;width:100%}.admin-prompt-review-btn:hover{box-shadow:0 4px 12px #ff980066;transform:translateY(-2px)}.admin-prompt-info{background:linear-gradient(135deg,#1a237e,#283593);border-bottom:1px solid #333;color:#c5cae9;font-size:.85rem;padding:.75rem 1rem}.admin-prompt-info strong{color:#fff}.admin-prompt-item.status-staged{background:linear-gradient(135deg,#1a1a2e,#2d1f3d);border-color:#9c27b0}.deploy-staging-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:10px;box-shadow:0 4px 15px #9c27b04d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;margin-top:.75rem;padding:.85rem;transition:all .2s ease;width:100%}.deploy-staging-btn:hover:not(:disabled){box-shadow:0 6px 20px #9c27b080;transform:translateY(-2px)}.deploy-staging-btn:disabled{background:#666;cursor:not-allowed;opacity:.7}.release-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.75rem;padding:1rem;transition:all .2s ease;width:100%}.release-btn:hover:not(:disabled){box-shadow:0 6px 20px #4caf5080;transform:translateY(-2px)}.release-btn:disabled{cursor:wait;opacity:.7}.staging-link{background:#2d1f3d;border:1px solid #9c27b0;border-radius:8px;color:#ce93d8;display:block;font-size:.9rem;margin-top:.5rem;padding:.75rem;text-align:center;text-decoration:none;transition:all .2s ease}.staging-link:hover{background:#3d2a52;color:#e1bee7}.admin-prompt-item.status-released{background:linear-gradient(135deg,#1a2e1a,#1f3d1f);border-color:#4caf50}.services-page{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);min-height:100vh;padding:80px 20px 40px}.services-container{margin:0 auto;max-width:1200px}.services-header{margin-bottom:40px;text-align:center}.services-header h1{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}.services-header p{color:#fff9;font-size:1.1rem;margin:0}.services-error{align-items:center;background:#ff525226;border:1px solid #ff52524d;border-radius:12px;color:#ff5252;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.services-error button{background:#0000;border:none;color:#ff5252;cursor:pointer;font-size:1.2rem;padding:4px}.profile-banner{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:16px;cursor:pointer;display:flex;gap:20px;margin-bottom:32px;padding:20px 24px;transition:all .3s ease}.profile-banner:hover{border-color:#667eea80;box-shadow:0 8px 30px #667eea33;transform:translateY(-2px)}.profile-banner-icon{flex-shrink:0;font-size:2.5rem}.profile-banner-content{flex:1 1}.profile-banner-content h3{color:#fff;font-size:1.2rem;margin:0 0 6px}.profile-banner-content p{color:#fff9;font-size:.9rem;margin:0}.recommendations-banner{background:linear-gradient(135deg,#f59e0b26,#ea580c26);border:1px solid #f59e0b4d}.recommendations-banner:hover{border-color:#f59e0b80;box-shadow:0 8px 30px #f59e0b33}.recommendations-banner .profile-banner-btn{background:linear-gradient(135deg,#f59e0b,#ea580c)}.profile-banner-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.profile-banner-btn:hover{box-shadow:0 4px 15px #667eea66;transform:scale(1.05)}@media (max-width:768px){.profile-banner{flex-direction:column;padding:20px;text-align:center}.profile-banner-btn{width:100%}}.services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:48px}.service-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:20px;padding:28px;transition:all .3s ease}.service-card:hover:not(.coming-soon){border-color:#fff3;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.service-card.connected{background:#4caf5014;border-color:#4caf5080}.service-card.coming-soon{opacity:.6}.service-icon{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;width:64px}.service-icon svg{height:36px;width:36px}.service-icon .text-icon{font-size:1.5rem;font-weight:800}.youtube-icon{background:linear-gradient(135deg,red,#c00);color:#fff}.spotify-icon{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff}.apple-icon{background:linear-gradient(135deg,#fc3c44,#ff2d55);color:#fff}.sirius-icon{background:linear-gradient(135deg,#0033a0,#00509e);color:#fff}.iheart-icon{background:linear-gradient(135deg,#c6002b,#ff0040);color:#fff}.service-info h3{color:#fff;font-size:1.4rem;font-weight:600;margin:0 0 8px}.service-description{color:#ffffff80;font-size:.95rem;line-height:1.5;margin:0}.service-connected-info{display:flex;flex-direction:column;gap:8px}.connected-badge{align-items:center;background:#4caf5033;border-radius:20px;color:#4caf50;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.connected-user{align-items:center;color:#fffc;display:flex;font-size:.9rem;gap:10px;margin:0}.user-avatar{height:28px;width:28px}.service-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.service-btn{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;padding:14px 24px;text-align:center;transition:all .2s ease}.service-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.service-btn.primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.service-btn.primary.youtube{background:linear-gradient(135deg,red,#c00)}.service-btn.primary.youtube:hover:not(:disabled){box-shadow:0 6px 20px #f006}.service-btn.primary.spotify{background:linear-gradient(135deg,#1db954,#1ed760)}.service-btn.primary.spotify:hover:not(:disabled){box-shadow:0 6px 20px #1db95466}.connected-badge.spotify-badge{background:#1db95433;color:#1db954}.premium-tag{background:#1db954;border-radius:8px;color:#fff;font-size:.7rem;margin-left:8px;padding:2px 6px}.service-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.service-btn.secondary:hover{background:#ffffff26}.service-btn.disabled,.service-btn:disabled{background:#ffffff0d;color:#ffffff4d;cursor:not-allowed}.setup-instructions{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:32px}.setup-instructions h2{color:#fff;font-size:1.5rem;margin:0 0 24px}.setup-steps{display:flex;flex-direction:column;gap:20px}.setup-step{align-items:flex-start;display:flex;gap:16px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-content h4{color:#fff;font-size:1rem;margin:0 0 6px}.step-content p{color:#fff9;font-size:.9rem;line-height:1.5;margin:0}.step-content a{color:#667eea;text-decoration:none}.step-content a:hover{text-decoration:underline}.step-content code{background:#ffffff1a;border-radius:4px;color:#a5d6ff;font-family:SF Mono,Consolas,monospace;font-size:.85rem;padding:2px 8px}@media (max-width:768px){.services-page{padding:60px 16px 32px}.services-header h1{font-size:1.8rem}.services-grid{grid-template-columns:1fr}.service-card{padding:20px}.setup-instructions{padding:24px}}.youtube-player{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f23);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;overflow:hidden}.youtube-player-empty{align-items:center;color:#ffffff80;display:flex;font-size:1.1rem;justify-content:center;padding:40px}.youtube-player-video{background:#000;padding-top:56.25%;position:relative;width:100%}.youtube-iframe-container{height:100%;left:0;position:absolute;top:0;width:100%}.youtube-iframe-container iframe{border:none;height:100%;width:100%}.youtube-player-controls{background:#0000004d;display:flex;flex-direction:column;gap:12px;padding:16px 20px}.youtube-player-track-info{text-align:center}.youtube-player-track-info .track-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-player-track-info .track-artist{color:#fff9;font-size:.85rem;margin:0}.youtube-player-track-info .track-queue{color:#fff6;font-size:.75rem;margin:4px 0 0}.youtube-playback-controls{align-items:center;display:flex;gap:24px;justify-content:center}.playback-buttons{align-items:center;display:flex;gap:12px}.control-btn{height:40px;width:40px}.control-btn:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.control-btn:disabled{opacity:.3}.control-btn-play{background:linear-gradient(135deg,red,#c00);box-shadow:0 4px 15px #ff00004d;font-size:1.3rem;height:52px;width:52px}.control-btn-play:hover:not(:disabled){background:linear-gradient(135deg,#f33,red);transform:scale(1.08)}.volume-control{align-items:center;display:flex;gap:8px}.volume-btn{background:#0000;border:none;cursor:pointer;font-size:1.2rem;padding:4px}.volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:red;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .2s;transition:transform .2s;width:12px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:red;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.youtube-progress-container{align-items:center;display:flex;gap:12px}.progress-time{color:#fff9;font-family:SF Mono,Consolas,monospace;font-size:.75rem;min-width:40px;text-align:center}.progress-bar{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:red;border-radius:50%;box-shadow:0 2px 8px #f006;cursor:pointer;height:14px;-webkit-transition:transform .2s;transition:transform .2s;width:14px}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.3)}.progress-bar::-moz-range-thumb{background:red;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.progress-bar:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.youtube-player-controls{padding:12px 16px}.youtube-playback-controls{flex-direction:column;gap:12px}.volume-control{order:1}.control-btn-play{height:48px;width:48px}}.youtube-library{background:linear-gradient(135deg,#0f0c29,#1a1a2e 50%,#16213e);display:flex;flex-direction:column;min-height:100vh}.youtube-not-connected{flex:1 1;padding:40px}.youtube-logo,.youtube-not-connected{align-items:center;display:flex;justify-content:center}.youtube-logo{background:linear-gradient(135deg,red,#c00);border-radius:20px;height:80px;margin:0 auto 24px;width:80px}.youtube-logo svg{color:#fff;height:48px;width:48px}.connect-btn{background:linear-gradient(135deg,red,#c00);border-radius:12px}.connect-btn:hover{box-shadow:0 6px 20px #f006;transform:translateY(-2px)}.youtube-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.youtube-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 24px}.youtube-branding{align-items:center;display:flex;gap:12px}.yt-icon{color:red;height:32px;width:32px}.youtube-branding h1{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.youtube-error{align-items:center;background:#ff525226;border-bottom:1px solid #ff52524d;color:#ff5252;display:flex;justify-content:space-between;padding:12px 24px}.youtube-error button{background:#0000;border:none;color:#ff5252;cursor:pointer;font-size:1.2rem}.youtube-search-bar{background:#0003;padding:16px 24px}.youtube-search-bar form{display:flex;gap:8px;max-width:600px}.youtube-search-bar input{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;flex:1 1;font-size:.95rem;padding:12px 16px}.youtube-search-bar input::placeholder{color:#fff6}.youtube-search-bar input:focus{background:#ffffff26;border-color:red;outline:none}.youtube-search-bar button{background:red;border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;padding:12px 20px;transition:all .2s ease}.youtube-search-bar button:hover:not(:disabled){background:#c00}.youtube-search-bar button:disabled{opacity:.6}.youtube-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding:0 24px}.tab.active:after{background:red}.youtube-content{display:flex;flex:1 1;overflow:hidden}.youtube-sidebar{border-right:1px solid #ffffff1a;display:flex;flex-direction:column;overflow:hidden;width:350px}.youtube-sidebar h3{border-bottom:1px solid #ffffff0d;color:#fff9;font-size:1rem;margin:0;padding:16px 20px}.play-all-btn{background:linear-gradient(135deg,red,#c00);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin:12px 20px;padding:10px 20px;transition:all .2s ease}.play-all-btn:hover:not(:disabled){box-shadow:0 4px 12px #ff00004d;transform:translateY(-1px)}.play-all-btn:disabled{cursor:not-allowed;opacity:.5}.playlist-list,.video-list{flex:1 1;overflow-y:auto;padding:8px 12px}.playlist-item,.video-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.playlist-item:hover,.video-item:hover{background:#ffffff14}.playlist-item.selected,.video-item.playing{background:#ff000026}.playlist-thumb,.video-thumb{border-radius:8px;flex-shrink:0;height:56px;object-fit:cover;width:56px}.video-thumb{border-radius:6px;height:45px;width:80px}.playlist-info,.video-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.playlist-title,.video-title{color:#fff;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-count,.video-artist{color:#ffffff80;font-size:.8rem}.video-index{color:#fff6;flex-shrink:0;font-size:.85rem;text-align:center;width:24px}.now-playing{font-size:1.2rem}.youtube-main{flex:1 1;overflow-y:auto;padding:20px}.no-selection,.no-video{align-items:center;color:#fff6;display:flex;font-size:1.1rem;height:300px;justify-content:center}.playlist-cover{border-radius:12px;box-shadow:0 8px 32px #0006;height:180px;width:180px}.playlist-meta h2{font-size:1.8rem}.loading-items{color:#ffffff80;padding:40px;text-align:center}.player-area{margin:0 auto;max-width:800px}.youtube-fixed-player{bottom:0;box-shadow:0 -4px 20px #00000080;left:0;position:fixed;right:0;z-index:100}@media (max-width:900px){.youtube-content{flex-direction:column}.youtube-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;max-height:300px;width:100%}.youtube-main{padding:16px}.playlist-header{align-items:center;flex-direction:column;text-align:center}.playlist-cover{height:150px;width:150px}}@media (max-width:600px){.youtube-header{flex-direction:column;gap:12px}.header-left,.header-right{justify-content:space-between;width:100%}.youtube-tabs{overflow-x:auto;padding:0 16px}.tab{padding:12px 16px;white-space:nowrap}}.spotify-library{background:linear-gradient(135deg,#121212,#1a1a1a 50%,#191414);display:flex;flex-direction:column;min-height:100vh}.spotify-not-connected{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.not-connected-content{max-width:400px;text-align:center}.spotify-logo{align-items:center;background:#1db954;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.spotify-logo svg{color:#fff;height:50px;width:50px}.not-connected-content h2{color:#fff;font-size:1.8rem;margin:0 0 12px}.not-connected-content p{color:#fff9;line-height:1.6;margin:0 0 24px}.connect-btn{border:none;cursor:pointer;display:block;font-size:1rem;margin-bottom:16px;padding:14px 32px;transition:all .2s ease;width:100%}.connect-btn:hover{transform:scale(1.02)}.back-btn{background:#ffffff1a;border-radius:8px;color:#fffc;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.back-btn:hover{background:#ffffff26}.spotify-loading{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.spotify-header{background:#00000080;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:16px 24px}.header-left,.spotify-header{align-items:center;display:flex}.header-left{gap:20px}.spotify-branding{align-items:center;display:flex;gap:12px}.spotify-icon{color:#1db954;height:32px;width:32px}.spotify-branding h1{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.user-info{color:#fffc;font-size:.9rem;gap:10px}.user-avatar{height:32px;object-fit:cover;width:32px}.premium-badge{background:#1db954;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.spotify-error{align-items:center;background:#ff525226;border-bottom:1px solid #ff52524d;color:#ff5252;display:flex;justify-content:space-between;padding:12px 24px}.spotify-error button{background:#0000;border:none;color:#ff5252;cursor:pointer;font-size:1.2rem}.spotify-search-bar{background:#0000004d;padding:16px 24px}.spotify-search-bar form{display:flex;gap:8px;max-width:600px}.spotify-search-bar input{background:#ffffff1a;border:1px solid #fff3;border-radius:30px;color:#fff;flex:1 1;font-size:.95rem;padding:12px 20px}.spotify-search-bar input::placeholder{color:#fff6}.spotify-search-bar input:focus{background:#ffffff26;border-color:#1db954;outline:none}.spotify-search-bar button{background:#1db954;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;height:44px;transition:all .2s ease;width:44px}.spotify-search-bar button:hover:not(:disabled){background:#1ed760}.spotify-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding:0 24px}.tab{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:.95rem;padding:16px 20px;position:relative;transition:all .2s ease}.tab.active,.tab:hover{color:#fff}.tab.active:after{background:#1db954;border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.spotify-content{display:flex;flex:1 1;overflow:hidden}.spotify-sidebar{border-right:1px solid #ffffff1a;display:flex;flex-direction:column;overflow:hidden;width:350px}.spotify-sidebar h3{border-bottom:1px solid #ffffff0d;color:#fff9;font-size:1rem;margin:0;padding:16px 20px}.playlist-list,.track-list{flex:1 1;overflow-y:auto;padding:8px 12px}.playlist-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.playlist-item:hover{background:#ffffff1a}.playlist-item.selected{background:#1db95433}.playlist-thumb{border-radius:4px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.playlist-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.playlist-name{color:#fff;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-count{color:#ffffff80;font-size:.8rem}.track-item{border-radius:6px;padding:8px 12px;transition:all .2s ease}.track-item.playing{background:#1db95433}.track-index{color:#fff6;flex-shrink:0;font-size:.85rem;text-align:center;width:24px}.track-thumb{border-radius:4px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.track-info{display:flex;flex-direction:column;gap:2px}.track-name{font-size:.9rem}.track-artist{font-size:.8rem}.track-duration{color:#fff6;flex-shrink:0;font-size:.8rem}.now-playing{animation:pulse 1s ease-in-out infinite;font-size:1rem}.spotify-main{flex:1 1;overflow-y:auto;padding:20px}.no-selection{align-items:center;color:#fff6;display:flex;font-size:1.1rem;height:300px;justify-content:center}.playlist-detail{max-width:900px}.playlist-header{border-bottom:1px solid #ffffff1a;display:flex;gap:24px;margin-bottom:24px;padding-bottom:24px}.playlist-cover{border-radius:8px;box-shadow:0 8px 32px #00000080;height:200px;object-fit:cover;width:200px}.playlist-meta{display:flex;flex-direction:column;justify-content:flex-end}.playlist-meta h2{color:#fff;font-size:2rem;margin:0 0 8px}.playlist-meta p{color:#fff9;margin:0 0 16px}.open-spotify-btn{background:#1db954;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.open-spotify-btn:hover{background:#1ed760;transform:scale(1.02)}.loading-tracks{color:#ffffff80;padding:40px;text-align:center}.info-panel{display:flex;flex-direction:column;gap:20px;max-width:400px}.info-card{background:#ffffff0d;border-radius:12px;padding:20px}.info-card h3{color:#fff;font-size:1rem;margin:0 0 16px}.info-card p{color:#fff9;font-size:.9rem;line-height:1.5;margin:0}.now-playing-card{display:flex;flex-direction:column;gap:12px}.now-playing-image{aspect-ratio:1;width:100%}.now-playing-info{text-align:center}.now-playing-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 4px}.now-playing-artist{font-size:.9rem;margin:0}.now-playing-controls{display:flex;gap:10px;justify-content:center}.control-btn{border-radius:30px;font-size:1rem;padding:10px 20px;transition:all .2s ease}.control-btn.spotify-btn{background:#1db954;font-size:.85rem}.control-btn.spotify-btn:hover{background:#1ed760}.preview-note{font-size:.8rem;margin-top:8px}.no-track,.preview-note{color:#fff6;text-align:center}.premium-note{color:#1db954!important;margin-top:12px}@media (max-width:900px){.spotify-content{flex-direction:column}.spotify-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;max-height:300px;width:100%}.playlist-header{align-items:center;flex-direction:column;text-align:center}.playlist-cover{height:180px;width:180px}}@media (max-width:600px){.spotify-header{flex-direction:column;gap:12px}.spotify-tabs{overflow-x:auto;padding:0 16px}.tab{padding:12px 16px;white-space:nowrap}}.music-profile-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:20px}.profile-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0006;max-width:800px;padding:32px;width:100%}.profile-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.auto-save-indicator{align-items:center;background:#4caf501a;border:1px solid #4caf5033;border-radius:8px;display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px;padding:8px 12px}.auto-save-icon{font-size:1rem}.auto-save-text{color:#ffffffb3;font-size:.8rem}.progress-bar{display:flex;justify-content:space-between;margin-bottom:32px;overflow-x:auto;padding:0 10px}.progress-step{align-items:center;cursor:default;display:flex;flex-direction:column;gap:8px;min-width:70px;opacity:.4;transition:all .3s ease}.progress-step.active{opacity:1}.progress-step.completed{cursor:pointer}.progress-step.completed:hover{transform:translateY(-2px)}.step-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.progress-step.active .step-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.progress-step.completed .step-icon{background:#4caf50}.step-title{color:#ffffffb3;font-size:.7rem;text-align:center;white-space:nowrap}.step-container{margin-bottom:24px;min-height:450px}.step-content{animation:fadeIn .4s ease}.step-content h2{color:#fff;font-size:1.8rem;margin:0 0 8px;text-align:center}.step-description{color:#fff9;font-size:1rem;margin:0 0 32px;text-align:center}.intro-step{text-align:center}.intro-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.intro-text{color:#fffc;font-size:1.1rem;line-height:1.7;margin:0 auto 32px;max-width:600px}.intro-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto 32px;max-width:500px}.intro-feature{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;padding:16px}.feature-icon{font-size:1.5rem}.intro-feature span:last-child{color:#ffffffe6;font-size:.9rem}.privacy-note{color:#ffffff80;font-size:.85rem;margin:0}.existing-profile-note{color:#4caf50;font-size:.9rem;margin-top:16px}.form-group{margin-bottom:24px}.form-group label{color:#fff;font-size:1rem;font-weight:500;margin-bottom:10px}.field-hint{color:#fff6;display:block;font-size:.8rem;margin-top:6px}.form-input,.form-select,.form-textarea{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-size:1rem;padding:14px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff1f;border-color:#667eea;outline:none}.form-select{cursor:pointer}.form-textarea{min-height:80px;resize:vertical}.radio-group{display:flex;flex-wrap:wrap;gap:12px}.radio-group.vertical{flex-direction:column}.radio-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .2s ease}.radio-option:hover{background:#ffffff1a}.radio-option input{accent-color:#667eea}.radio-option span{color:#ffffffe6;font-size:.95rem}.checkbox-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.checkbox-grid.compact{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.checkbox-grid.artists-grid{background:#0003;border:1px solid #ffffff1a;border-radius:12px;max-height:200px;overflow-y:auto;padding:8px}.checkbox-grid.artists-grid::-webkit-scrollbar{width:8px}.checkbox-grid.artists-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.checkbox-grid.artists-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.checkbox-grid.artists-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.checkbox-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:10px 14px;transition:all .2s ease}.checkbox-option:hover{background:#ffffff1a}.checkbox-option.selected{background:#667eea33;border-color:#667eea}.checkbox-option input{display:none}.checkbox-option span{color:#ffffffe6;font-size:.85rem}.family-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:24px;padding:20px}.family-section h3{color:#fff;font-size:1.1rem;margin:0 0 16px}.complete-step{text-align:center}.complete-icon{animation:bounce 1s ease-in-out;margin-bottom:16px}.complete-text{color:#fffc;font-size:1.1rem;margin:0 0 32px}.profile-summary{background:#ffffff0d;border-radius:16px;margin-bottom:24px;padding:24px;text-align:left}.profile-summary h3{color:#fff;font-size:1.2rem;margin:0 0 16px;text-align:center}.summary-items{flex-direction:column}.summary-item,.summary-items{display:flex;gap:12px}.summary-label{color:#fff9;min-width:140px}.summary-value{color:#fff;flex:1 1}.ready-text{color:#4caf50;font-size:1.1rem}.step-navigation{display:flex;gap:16px;justify-content:space-between}.nav-btn{border:none;border-radius:12px;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease}.nav-btn.prev{background:#ffffff1a;color:#fffc}.nav-btn.prev:hover{background:#ffffff26}.nav-btn.skip{background:#0000;border:1px solid #fff3;color:#ffffff80}.nav-btn.skip:hover{border-color:#fff6;color:#fffc}.nav-btn.next{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:auto}.nav-btn.next:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.nav-btn.save{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;margin-left:auto}.nav-btn.save:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.nav-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.music-profile-page{padding:16px}.profile-container{border-radius:20px;padding:20px}.progress-bar{gap:8px;justify-content:flex-start;padding-bottom:8px}.progress-step{min-width:60px}.step-icon{font-size:1.2rem;height:40px;width:40px}.step-title{display:none}.step-content h2{font-size:1.5rem}.intro-features{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(2,1fr)}.checkbox-grid.compact{grid-template-columns:repeat(4,1fr)}.radio-group{flex-direction:column}.step-navigation{flex-wrap:wrap}.nav-btn{flex:1 1;min-width:120px}}@media (max-width:480px){.checkbox-grid{grid-template-columns:1fr 1fr}.checkbox-grid.compact{grid-template-columns:repeat(3,1fr)}.summary-item{flex-direction:column;gap:4px}.summary-label{min-width:auto}}.recommendations-page{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);min-height:100vh;padding:20px 20px 180px}.recommendations-container{margin:0 auto;max-width:1200px}.recommendations-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.loading-spinner{animation:pulse 1s ease-in-out infinite;font-size:4rem}.recommendations-error{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh;text-align:center}.error-icon{font-size:4rem}.profile-link-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-weight:600;margin-top:16px;padding:14px 28px;text-decoration:none;transition:transform .2s,box-shadow .2s}.profile-link-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.recommendations-header{color:#fff;padding:40px 20px;text-align:center}.recommendations-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a8edea);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:8px}.recommendations-header p{color:#ffffffb3;font-size:1.1rem}.back-link{color:#fff9;display:inline-block;font-size:.9rem;margin-top:16px;text-decoration:none;transition:color .2s}.back-link:hover{color:#fff}.recommendations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 0}.recommendation-card{background:#ffffff14;border:2px solid #0000;border-radius:20px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.recommendation-card:before{background:#667eea;background:var(--card-color,#667eea);content:"";height:4px;left:0;position:absolute;right:0;top:0}.recommendation-card:hover{background:#ffffff1f;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.recommendation-card.selected{background:#ffffff26;border-color:#667eea;border-color:var(--card-color,#667eea)}.rec-icon{font-size:3rem;margin-bottom:16px}.rec-title{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:8px}.rec-subtitle{color:#fff9;font-size:.9rem;line-height:1.4;margin-bottom:12px}.rec-type{background:#667eea;background:var(--card-color,#667eea);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;letter-spacing:.5px;opacity:.8;padding:4px 12px;text-transform:uppercase}.no-recommendations{color:#ffffffb3;padding:60px 20px;text-align:center}.tracks-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-top:40px;padding:24px}.tracks-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.tracks-header h2{color:#fff;font-size:1.5rem;margin:0}.playback-controls{align-items:center;gap:8px}.control-btn{border-radius:8px;color:#ffffff80;font-size:1.2rem;padding:8px 12px}.control-btn:hover{background:#ffffff26;color:#fff}.control-btn.active{background:#1db9544d;color:#1db954}.close-panel{background:none;border:none;color:#fff9;cursor:pointer;font-size:2rem;line-height:1;padding:0 8px;transition:color .2s}.close-panel:hover{color:#fff}.connect-prompt{color:#ffffffb3;padding:40px 20px;text-align:center}.connect-btn{background:#1db954;border-radius:30px;color:#fff;display:inline-block;font-weight:600;margin-top:16px;padding:12px 24px;text-decoration:none;transition:background .2s}.connect-btn:hover{background:#1ed760}.tracks-loading{color:#ffffffb3;padding:40px 20px;text-align:center}.loading-dots span{animation:dots 1.4s ease-in-out infinite both;font-size:2rem}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dots{0%,80%,to{opacity:.3}40%{opacity:1}}.no-tracks{color:#ffffff80;padding:40px 20px;text-align:center}.tracks-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.track-item{align-items:center;background:#ffffff0d;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.track-item:hover{background:#ffffff1a}.track-item:hover .play-icon{opacity:1}.track-image{border-radius:8px;height:50px;object-fit:cover;width:50px}.track-info{flex:1 1;min-width:0}.track-name{color:#fff;font-weight:500}.track-artist,.track-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#ffffff80;font-size:.85rem}.play-icon{color:#1db954;font-size:1.2rem;opacity:.5;transition:opacity .2s}.track-item.playing{background:#1db95426;border-left:3px solid #1db954}.track-item.playing .track-name{color:#1db954}.source-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.source-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .2s}.source-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.source-btn.active{background:#fff3;border-color:#fff6;color:#fff}.source-btn:disabled{cursor:not-allowed;opacity:.4}.source-btn.spotify.active{background:#1db9544d;border-color:#1db954}.source-btn.youtube.active{background:#ff00004d;border-color:red}.source-btn.jookbox.active{background:#667eea4d;border-color:#667eea}.source-icon{flex-shrink:0;font-size:.9rem}.track-item.source-jookbox,.track-item.source-spotify,.track-item.source-youtube{border-left:3px solid #0000}.track-item.source-spotify:hover{border-left-color:#1db954}.track-item.source-youtube:hover{border-left-color:red}.track-item.source-jookbox:hover{border-left-color:#667eea}.player-container{background:linear-gradient(180deg,#0000,#000000e6 30%,#121212);bottom:0;left:0;padding:20px;position:fixed;right:0;z-index:1000}.jookbox-player-wrapper,.youtube-player-wrapper{margin:0 auto;max-width:800px}.jookbox-now-playing,.youtube-now-playing{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.now-playing-image{border-radius:8px;height:56px;object-fit:cover;width:56px}.now-playing-info{flex:1 1;min-width:0}.now-playing-name{color:#fff;display:block;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-artist{color:#fff9;display:block;font-size:.85rem}.player-controls{display:flex;gap:8px}.player-controls button{background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;padding:10px 16px;transition:background .2s}.player-controls button:hover{background:#fff3}.jookbox-player-wrapper audio{border-radius:8px;height:40px;width:100%}.profile-summary-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-top:40px;padding:24px}.profile-summary-section h3{color:#fff;margin-bottom:16px}.dna-items{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.dna-item{background:#ffffff14;border-radius:12px;padding:12px 16px}.dna-label{color:#ffffff80;display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.dna-value{color:#fff;font-weight:500}.edit-profile-link{color:#667eea;display:inline-block;font-size:.9rem;text-decoration:none;transition:color .2s}.edit-profile-link:hover{color:#a8edea}.tracks-list::-webkit-scrollbar{width:6px}.tracks-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.tracks-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.tracks-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.recommendations-header h1{font-size:1.8rem}.recommendations-grid{grid-template-columns:1fr}.recommendation-card{padding:20px}.rec-icon{font-size:2.5rem}.dna-items{flex-direction:column}}.trip-game-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.trip-game{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px #00000080;max-width:400px;padding:2rem;text-align:center;width:100%}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.game-skip-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.game-skip-btn:hover{background:#fff3;border-color:#ffffff4d}.game-type{color:#f59e0b;font-size:.9rem;font-weight:600;letter-spacing:1px}.game-timer{background:#ffffff1a;border-radius:20px;color:#fff;font-weight:600;padding:.5rem 1rem;transition:all .3s}.game-timer.urgent{animation:pulse .5s infinite;background:#ff52524d;color:#ff5252}.game-song-info{margin-bottom:2rem}.song-emoji{animation:bounce 1s infinite;font-size:3rem;margin-bottom:.5rem}.song-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.song-artist{color:#8892b0;font-size:1rem}.requester-message{padding:2rem}.requester-icon{font-size:3rem;margin-bottom:1rem}.requester-message p{color:#fff;font-size:1.2rem;margin:.5rem 0}.requester-hint{color:#8892b0!important;font-size:1rem!important}.waiting-dots{margin-top:1rem}.waiting-dots span{animation:dotPulse 1.4s infinite;color:#4ade80;font-size:2rem}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}.game-options,.options-prompt{margin-bottom:1rem}.options-prompt{color:#8892b0;font-size:.9rem}.options-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.option-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;transition:all .2s ease}.option-btn:hover:not(.disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.option-btn.selected{background:#60a5fa33;border-color:#60a5fa}.option-btn.disabled{cursor:not-allowed;opacity:.6}.option-emoji{font-size:2rem}.option-name{color:#fff;font-size:1rem;font-weight:500}.answered-waiting{padding:2rem}.check-icon{align-items:center;animation:scaleIn .3s ease;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.answered-waiting p{color:#fff;font-size:1.2rem;margin:.5rem 0}.waiting-text{color:#8892b0!important;font-size:1rem!important}.game-result{animation:fadeIn .5s ease}.result-header{color:#f59e0b;font-size:1.5rem}.correct-answer,.result-header{margin-bottom:1.5rem}.correct-answer p{color:#8892b0;margin-bottom:.75rem}.answer-reveal{align-items:center;background:#4ade8026;border:1px solid #4ade804d;border-radius:12px;display:flex;gap:.75rem;justify-content:center;padding:1rem}.star{animation:spin 2s linear infinite;font-size:1.5rem}.answer-name{color:#4ade80;font-size:1.3rem;font-weight:600}.your-result{align-items:center;border-radius:12px;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:1rem}.your-result.correct{background:#4ade8026;color:#4ade80}.your-result.incorrect{background:#ff525226;color:#ff5252}.result-icon{font-size:1.3rem}.next-song-timer{color:#8892b0;font-size:.9rem}.no-options-message{padding:2rem;text-align:center}.no-options-message p{color:#8892b0;margin-bottom:1rem}.skip-to-song-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.skip-to-song-btn:hover{box-shadow:0 5px 20px #60a5fa4d;transform:translateY(-2px)}@media (max-width:400px){.trip-game{padding:1.5rem}.options-grid{grid-template-columns:1fr}.option-btn{flex-direction:row;gap:1rem;justify-content:flex-start;padding:1rem}.option-emoji{font-size:1.5rem}}.roadtrip-chat-overlay{align-items:flex-end;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.roadtrip-chat{background:#1a1a2e;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0000004d;display:flex;flex-direction:column;max-height:70vh;max-width:500px;width:100%}.chat-header h3{align-items:center;display:flex;gap:.5rem}.host-badge{background:#60a5fa33;border-radius:12px;color:#60a5fa;font-size:.75rem;padding:.25rem .5rem}.host-hint{color:#60a5fa;font-size:.85rem;margin-top:.5rem}@media (max-width:600px){.roadtrip-chat{max-height:80vh}.chat-messages{max-height:250px;min-height:150px}.quick-messages{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.quick-msg-btn{flex-shrink:0}}.video-call-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.video-call-container{background:#1a1a2e;border-radius:20px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.video-call-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.video-call-header h3{color:#fff;font-size:1.1rem;margin:0}.close-btn{transition:color .2s}.video-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:calc(90vh - 200px);min-height:400px;overflow-y:auto;padding:1rem}.video-item{aspect-ratio:16/9;background:#000;border-radius:12px;min-height:200px;overflow:hidden;position:relative}.video-item.local{border:2px solid #60a5fa}.video-element{background:#000;height:100%;object-fit:cover;width:100%}.video-overlay{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;gap:.5rem;left:0;padding:.75rem 1rem;position:absolute;right:0}.video-name{color:#fff;flex:1 1;font-size:.9rem;font-weight:500}.mute-indicator,.video-off-indicator{background:#ff5252cc;border-radius:4px;font-size:1rem;padding:.25rem .5rem}.video-off-indicator{background:#000c}.video-controls{background:#0000004d;border-top:1px solid #ffffff1a;gap:1rem;padding:1rem 1.5rem}.control-btn,.video-controls{display:flex;justify-content:center}.control-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:56px;transition:all .2s;width:56px}.control-btn:hover{background:#fff3;transform:scale(1.1)}.control-btn.muted{background:#ff52524d;border:2px solid #ff5252}.control-btn.video-off{background:#00000080;border:2px solid #666}.control-btn:disabled{cursor:not-allowed;opacity:.5}.control-label{display:block;font-size:.7rem;margin-top:.25rem}.control-btn.listen-only-active{background:#22c55e4d;border:2px solid #22c55e}.listen-only-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.listen-only-icon{font-size:3rem;margin-bottom:.5rem}.listen-only-text{color:#8892b0;font-size:.9rem;margin-bottom:.25rem}.listen-only-name{color:#fff;font-size:1rem;font-weight:500}.video-item.listen-only{border:2px solid #22c55e}.video-item.media-error{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ff5252}.media-error-content{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center;width:100%}.media-error-icon{font-size:3rem;margin-bottom:1rem}.media-error-title{color:#ff5252;font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.media-error-message{color:#8892b0;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;max-width:400px}.media-listen-only-btn,.media-retry-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin:.5rem;padding:.75rem 1.5rem;transition:all .2s}.media-listen-only-btn:hover,.media-retry-btn:hover{background:#22c55e4d;border:1px solid #22c55e}.media-retrying{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.retrying-spinner{animation:pulse 2s infinite;font-size:3rem;margin-bottom:1rem}.retrying-text{color:#8892b0;font-size:1rem}.host-controls-divider{background:#fff3;height:40px;margin:0 .5rem;width:2px}.control-btn.host-control{background:#ffc10733;border:2px solid #ffc10780}.control-btn.host-control:hover{background:#ffc1074d;border-color:#ffc107}.control-btn.host-control.active{background:#ffc10766;border-color:#ffc107;box-shadow:0 0 10px #ffc10780}@media (max-width:768px){.video-call-container{border-radius:0;max-height:100vh;max-width:100%}.video-grid{gap:.5rem;grid-template-columns:1fr;max-height:calc(100vh - 250px);min-height:300px;padding:.5rem}.video-item{min-height:150px}.video-controls{padding:.75rem}.control-btn{font-size:1.2rem;height:48px;width:48px}}@media (min-width:769px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.video-grid{grid-template-columns:repeat(4,1fr)}}.trip-session{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);min-height:100vh;padding-bottom:100px}.trip-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.trip-actions-row{width:100%}.trip-actions,.trip-actions-row{display:flex;justify-content:center}.trip-actions{flex-wrap:wrap;gap:.5rem}.trip-title-row{justify-content:space-between;width:100%}.trip-title,.trip-title-row{align-items:center;display:flex;gap:1rem}.trip-title{flex:1 1;justify-content:center;text-align:center}.trip-icon{font-size:2rem}.trip-title h1{color:#fff;font-size:1.3rem;margin:0;text-align:center}.trip-purpose{color:#8892b0;font-size:.85rem;margin:0}.chat-btn,.end-btn,.invite-btn,.leave-btn,.request-host-btn,.save-playlist-btn,.transfer-host-btn,.video-call-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;gap:.25rem;justify-content:center;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.btn-icon{display:inline-block;font-size:1rem}.btn-text{display:none}.btn-text-full{display:inline}.invite-btn{background:#ffffff1a;border-radius:8px;color:#fff;justify-content:center;min-width:auto;width:auto}.invite-btn:hover{background:#fff3}.chat-btn{background:#a855f733;border-radius:8px;color:#a855f7;justify-content:center}.chat-btn:hover{background:#a855f74d}.video-call-btn{background:#22c55e33;border-radius:8px;color:#22c55e;justify-content:center}.video-call-btn:hover{background:#22c55e4d}.end-btn,.save-playlist-btn{border-radius:8px;justify-content:center}.save-playlist-btn{background:#60a5fa33;color:#60a5fa;position:relative;text-align:center}.save-playlist-btn .btn-text,.save-playlist-btn .btn-text-full{position:relative;z-index:1}.save-playlist-btn:hover{background:#60a5fa4d}.transfer-host-btn{background:#0009;border-radius:8px;color:#fff;justify-content:center;text-align:center}.transfer-host-btn:hover{background:#000c}.trip-title-row .chat-btn,.trip-title-row .end-btn,.trip-title-row .invite-btn{border-radius:8px;height:auto;justify-content:center;padding:.5rem 1rem}.trip-actions .save-playlist-btn,.trip-actions .transfer-host-btn{flex:0 0 auto;min-width:130px;width:auto}.request-host-btn{background:#0009;color:#fff}.request-host-btn:hover{background:#000c}.make-host-btn{background:#0009;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:auto;padding:.25rem .5rem;transition:all .2s}.make-host-btn:hover{background:#000c;transform:scale(1.1)}.invite-code strong{color:#4ade80}.participant-score{color:#4ade80;font-size:.9rem}.now-playing{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 6px #0000001a!important;margin:1.5rem;padding:1.5rem;position:-webkit-sticky;position:sticky;text-align:center;top:60px;z-index:50}.now-playing,.now-playing *,.now-playing :after,.now-playing :before,.now-playing-label{animation:none!important}.now-playing-label{color:#4ade80;font-size:.75rem;letter-spacing:2px;margin-bottom:.5rem}.track-title{animation:none!important;color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.track-artist{animation:none!important;color:#8892b0;font-size:1rem;margin-bottom:.5rem}.track-added-by{color:#6b7280;font-size:.85rem}.now-playing-info,.playback-controls,.playback-controls button,.track-added-by{animation:none!important}.playback-controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.playback-controls button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.5rem;height:auto;justify-content:center;max-width:80px;min-width:80px;padding:.5rem 1rem;transition:all .2s;width:80px}.playback-controls button:first-child{background:#ffffffe6;color:#000}.playback-controls button:first-child:hover{background:#fff}.playback-controls button:nth-child(2){background:#ffffffe6;color:#000}.playback-controls button:nth-child(2):hover{background:#fff}.playback-controls button:last-child{background:#ffffffe6;color:#000}.playback-controls button:last-child:hover{background:#fff}.trip-main-content{display:flex;gap:1.5rem;min-height:calc(100vh - 200px);padding:1.5rem}.trip-main-content .library-main{flex:1 1;min-width:0}.trip-main-content .viewport-container{height:calc(100vh - 250px);max-height:calc(100vh - 250px)}.trip-library-detail{border-radius:12px;max-width:350px;min-width:350px;width:350px}.trip-library-detail,.trip-queue{background:#0003;max-height:calc(100vh - 250px);overflow-y:auto}.trip-queue{border-radius:16px;max-width:400px;min-width:400px;padding:1.5rem;width:400px}.queue-header,.trip-queue{display:flex;flex-direction:column}.queue-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;gap:.75rem;margin-bottom:1rem;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.queue-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.selection-count{color:#4ade80;font-size:.85rem;font-weight:500}.delete-selected-btn,.deselect-all-btn,.select-all-btn{background:#ff525233;border:1px solid #ff52524d;border-radius:8px;color:#ff5252;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s}.delete-selected-btn:hover{background:#ff52524d;transform:translateY(-1px)}.deselect-all-btn{background:#ffffff1a;border-color:#fff3;color:#fff}.deselect-all-btn:hover{background:#ffffff26}.select-all-btn{background:#60a5fa33;border-color:#60a5fa4d;color:#60a5fa}.select-all-btn:hover{background:#60a5fa4d}.queue-header h2{color:#fff;font-size:1.2rem;margin:0}.add-song-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.add-song-btn:hover{box-shadow:0 5px 20px #60a5fa4d;transform:translateY(-2px)}.queue-empty{color:#6b7280;padding:3rem;text-align:center}.queue-list{gap:.5rem}.queue-item,.queue-list{display:flex;flex-direction:column}.queue-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;gap:.75rem;margin:0;padding:1rem;position:relative;transition:all .2s}.queue-item:first-child{margin-top:1.5rem}.queue-item.clickable{cursor:pointer}.queue-item.clickable:hover{background:#ffffff1a;transform:translateX(4px)}.queue-item.current{background:#4ade8026;border:1px solid #4ade804d}.queue-item.current.clickable:hover{background:#4ade8040}.queue-item.selected{background:#60a5fa26;border:1px solid #60a5fa4d}.queue-item.disabled{background:#0003;border:1px solid #ffffff0d;opacity:.5;pointer-events:none}.queue-item.disabled.clickable{cursor:not-allowed!important;pointer-events:none}.queue-checkbox{accent-color:#60a5fa;cursor:pointer;flex-shrink:0;height:20px;margin-right:.75rem;width:20px}.queue-checkbox:disabled{cursor:not-allowed;opacity:.6}.queue-delete-btn{align-items:center;background:#ff525233;border:none;border-radius:8px;color:#ff5252;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;min-width:32px;padding:.5rem;transition:all .2s}.queue-delete-btn:hover{background:#ff52524d;transform:scale(1.1)}.queue-row-1{gap:.75rem}.queue-row-1,.queue-row-2{align-items:center;display:flex;width:100%}.queue-row-2{justify-content:space-between}.queue-number{color:#6b7280;flex-shrink:0;font-size:.9rem;text-align:center;width:24px}.queue-song-info{flex:1 1;min-width:0}.queue-song-title{word-wrap:break-word;color:#fff;font-size:1rem;font-weight:500;overflow-wrap:break-word}.queue-album-name,.queue-artist-name{color:#8892b0;flex:1 1;font-size:.85rem}.queue-delete-btn{margin-left:auto}.add-song-modal{align-items:flex-start;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1a1a2e;border-radius:20px;max-height:80vh;max-width:500px;overflow-y:auto;padding:1.5rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.modal-header h2{color:#fff;margin:0}.modal-header button{background:none;border:none;color:#8892b0;cursor:pointer;font-size:1.5rem}.modal-content input{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem;width:100%}.modal-content input:focus{border-color:#60a5fa;outline:none}.search-results{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.search-result{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:1rem;text-align:left;transition:all .2s;width:100%}.search-result:hover{background:#ffffff1a;border-color:#fff3}.result-title{color:#fff;font-weight:500}.result-artist{color:#8892b0;font-size:.85rem}@media (max-width:1024px){.trip-library-grid .utility-row{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible;padding-bottom:.5rem;scrollbar-width:thin}.trip-library-grid .utility-btn{flex-shrink:0;white-space:nowrap}}@media (max-width:768px){.trip-main-content{flex-direction:column;padding:1rem}.trip-library-section{flex-direction:column;width:100%}.trip-library-detail,.trip-library-grid,.trip-library-nav{max-height:400px;max-width:100%;min-width:100%;width:100%}.trip-queue{max-height:calc(100vh - 350px);max-width:100%;min-width:100%;width:100%}.queue-item{margin:.5rem 0}}.start-trip-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;left:0;padding:1.5rem;position:fixed;right:0}.start-trip-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:16px;color:#000;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1.25rem;transition:all .2s;width:100%}.start-trip-btn:hover{box-shadow:0 10px 30px #4ade804d;transform:translateY(-2px)}.trip-queue::-webkit-scrollbar{width:8px}.trip-queue::-webkit-scrollbar-track{background:#0003;border-radius:4px}.trip-queue::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.trip-queue::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:600px) and (orientation:portrait){.trip-header{padding:1rem}.trip-title h1{font-size:1.1rem}.trip-main-content{flex-direction:column;padding:1rem}.trip-main-content .library-main{width:100%}.trip-library-detail{max-height:300px}.trip-library-detail,.trip-queue{max-width:100%;min-width:100%;width:100%}.trip-icon,.trip-purpose,.trip-purpose-desktop{display:none}.btn-text{display:inline}.btn-text-full{display:none}.end-btn .btn-text-full{display:inline}.end-btn .btn-text{display:none}.now-playing{margin:1.5rem;padding:1.5rem}.track-title{font-size:1.2rem}.trip-queue{max-height:calc(100vh - 350px);padding:0}.queue-header{margin-left:1.5rem;margin-right:1.5rem}.queue-item{margin-bottom:.5rem;margin-top:.5rem}.queue-item:first-child{margin-top:1.5rem}}@media (min-width:601px),(orientation:landscape){.trip-icon{display:inline-block}.trip-purpose-desktop{display:block}}.road-trip-page{align-items:flex-start;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:2rem}.road-trip-container{margin-top:2rem;max-width:500px;width:100%}.road-trip-header{margin-bottom:2rem;text-align:center}.road-trip-logo{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1rem}.road-trip-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.road-trip-tagline{color:#8892b0;font-size:1.1rem;margin:0}.road-trip-error{align-items:center;background:#ff525233;border:1px solid #ff5252;border-radius:12px;color:#ff5252;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.road-trip-options{display:flex;flex-direction:column;gap:1rem}.road-trip-option-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s ease}.road-trip-option-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.road-trip-option-btn.create:hover{border-color:#4ade80;box-shadow:0 0 30px #4ade8033}.road-trip-option-btn.join:hover{border-color:#60a5fa;box-shadow:0 0 30px #60a5fa33}.road-trip-existing{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.road-trip-existing h3{color:#8892b0;font-size:.9rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.existing-trip-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .2s ease;width:100%}.existing-trip-btn:hover{background:#ffffff1a;border-color:#fff3}.trip-emoji{font-size:1.5rem}.trip-info{flex:1 1;text-align:left}.trip-name{color:#fff;display:block;font-weight:600}.trip-meta{color:#8892b0;font-size:.85rem}.trip-arrow{color:#8892b0;font-size:1.2rem}.road-trip-form{background:#ffffff0d;border-radius:20px;padding:2rem}.road-trip-form h2{color:#fff;font-size:1.5rem;margin:0 0 1.5rem}.form-group input{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#60a5fa;outline:none}.toggle-label{display:flex;flex-direction:column;gap:.25rem}.toggle-hint{color:#6b7280;font-size:.8rem;font-weight:400}.toggle-switch{display:inline-block;height:34px;margin-top:.5rem;position:relative;width:70px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ffffff1a;border:1px solid #fff3;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:26px;left:4px;position:absolute;transition:.3s;width:26px}.toggle-switch input:checked+.toggle-slider{background-color:#4ade80;border-color:#4ade80}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(36px)}.toggle-text{color:#fff;font-size:.7rem;font-weight:600;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:.3s}.toggle-switch input:not(:checked)+.toggle-slider .toggle-text{left:42px}.toggle-switch input:checked+.toggle-slider .toggle-text{left:10px}.submit-btn{background:linear-gradient(135deg,#4ade80,#22c55e);color:#000}.submit-btn:hover:not(:disabled){box-shadow:0 10px 30px #4ade804d}.participant-selector-btn{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem;text-align:left;transition:border-color .2s;width:100%}.participant-selector-btn:hover{border-color:#60a5fa}.participant-selector{background:#0006;border:1px solid #ffffff1a;border-radius:12px;margin-top:1rem;max-height:300px;overflow-y:auto;padding:1rem}.participant-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.participant-item{align-items:center;background:#ffffff0d;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .2s}.participant-item:hover{background:#ffffff1a}.participant-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.participant-name{font-weight:500}.participant-email{color:#8892b0;font-size:.85rem}.selected-participants{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.selected-participants strong{color:#fff;display:block;font-size:.9rem;margin-bottom:.5rem}.selected-tag{align-items:center;background:#4ade8033;border:1px solid #4ade804d;border-radius:20px;color:#4ade80;display:inline-flex;font-size:.85rem;gap:.5rem;margin:.25rem;padding:.4rem .75rem}.remove-participant{background:none;border:none;color:#4ade80;cursor:pointer;font-size:1rem;line-height:1;margin-left:.25rem;padding:0}.remove-participant:hover{color:#22c55e}.no-users-message{color:#8892b0;padding:1rem;text-align:center}.no-users-message p{margin:.5rem 0}.close-selector-btn{background:#60a5fa33;border:1px solid #60a5fa4d;border-radius:8px;color:#60a5fa;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.75rem;transition:all .2s;width:100%}.close-selector-btn:hover{background:#60a5fa4d;border-color:#60a5fa80}.form-hint{align-items:center;color:#60a5fa;display:flex;font-size:.85rem;gap:.25rem;margin-top:.5rem}@media (max-width:600px) and (orientation:portrait){.road-trip-page{padding:.75rem}.road-trip-container{margin-top:.5rem;max-width:100%}.road-trip-header{margin-bottom:1.5rem}.road-trip-header h1{font-size:1.75rem}.road-trip-logo{font-size:2.5rem;margin-bottom:.5rem}.road-trip-tagline{font-size:.95rem}.road-trip-form{border-radius:16px;padding:1rem}.road-trip-form h2{font-size:1.25rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.85rem;margin-bottom:.4rem}.form-group input{font-size:.95rem;padding:.875rem}.road-trip-option-btn{padding:1.25rem}.option-icon{font-size:2.5rem}.option-title{font-size:1.25rem}.option-desc{font-size:.85rem}.submit-btn{font-size:1rem;padding:.875rem}.code-input{font-size:1.25rem!important;padding:.875rem!important}.invite-code{flex-wrap:wrap;gap:.75rem}.invite-code strong{font-size:1.25rem;letter-spacing:.2rem}.participant-selector-btn{font-size:.95rem;padding:.875rem}.toggle-switch{height:32px;width:65px}.toggle-slider:before{height:24px;width:24px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(33px)}}.team-progress{padding:1.5rem}.team-progress h3{color:#fff;font-size:1.2rem;margin:0 0 1rem}.no-participants{color:#8892b0;padding:2rem;text-align:center}.leaderboard{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.leaderboard-item.top-three{background:#a855f71a;border:1px solid #a855f733}.leaderboard-item:first-child{background:linear-gradient(135deg,#ffd70026,#ffc1071a);border:1px solid #ffd7004d}.rank{align-items:center;color:#8892b0;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.leaderboard-item:first-child .rank{color:gold}.leaderboard-item:nth-child(2) .rank{color:silver}.leaderboard-item:nth-child(3) .rank{color:#cd7f32}.player-info{flex:1 1;min-width:0}.player-name{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-weight:500;gap:.5rem}.player-section{background:#a855f733;border-radius:10px;color:#a855f7;font-size:.75rem;padding:.15rem .5rem}.player-progress-bar{background:#0000004d;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.player-progress-fill{background:linear-gradient(90deg,#a855f7,#4ade80);border-radius:3px;height:100%;transition:width .5s ease}.player-stats{align-items:flex-end;display:flex;flex-direction:column}.pieces-count{color:#4ade80;font-size:1.3rem;font-weight:700}.pieces-label{color:#8892b0;font-size:.75rem}.team-stats{background:#0003;border-radius:12px;display:flex;justify-content:space-around;margin-top:1.5rem;padding:1rem}.team-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.team-stat-icon{font-size:1.5rem}.team-stat-value{color:#fff;font-size:1.5rem;font-weight:700}.team-stat-label{color:#8892b0;font-size:.75rem}@media (max-width:600px){.leaderboard-item{padding:.75rem}.rank{font-size:1.2rem;height:32px;width:32px}.pieces-count{font-size:1.1rem}.team-stats{flex-wrap:wrap;gap:1rem}.team-stat{flex:1 1;min-width:80px}}.party-chat-overlay{align-items:flex-end;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.party-chat{background:#1a1a2e;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0000004d;display:flex;flex-direction:column;max-height:70vh;max-width:500px;width:100%}.chat-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.chat-header h3{color:#fff;font-size:1.1rem;margin:0}.close-btn{background:none;border:none;color:#8892b0;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.close-btn:hover{color:#fff}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;max-height:300px;min-height:200px;overflow-y:auto;padding:1rem}.no-messages{color:#8892b0;padding:2rem;text-align:center}.chat-message{display:flex;flex-direction:column;max-width:80%}.chat-message.own{align-self:flex-end}.message-sender{color:#a855f7;font-size:.75rem;margin-bottom:.25rem;padding-left:.5rem}.message-content{background:#ffffff1a;border-radius:16px;border-top-left-radius:4px;padding:.75rem 1rem}.chat-message.own .message-content{background:linear-gradient(135deg,#a855f7,#ec4899);border-top-left-radius:16px;border-top-right-radius:4px}.message-content p{word-wrap:break-word;color:#fff;margin:0}.message-time{color:#ffffff80;display:block;font-size:.7rem;margin-top:.25rem;text-align:right}.quick-messages{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.quick-msg-btn{background:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .75rem;transition:all .2s}.quick-msg-btn:hover{background:#a855f74d}.chat-input-form{border-top:1px solid #ffffff1a;display:flex;gap:.5rem;padding:1rem}.chat-input-form input{background:#0000004d;border:1px solid #ffffff1a;border-radius:24px;color:#fff;flex:1 1;font-size:1rem;padding:.75rem 1rem}.chat-input-form input:focus{border-color:#a855f7;outline:none}.chat-input-form input::placeholder{color:#6b7280}.chat-input-form button{align-items:center;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;transition:all .2s;width:48px}.chat-input-form button:hover:not(:disabled){transform:scale(1.05)}.chat-input-form button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.party-chat{max-height:80vh}.chat-messages{max-height:250px;min-height:150px}.quick-messages{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.quick-msg-btn{flex-shrink:0}}.digital-puzzle-selector{padding:2rem;text-align:center}.digital-puzzle-selector h2{color:#fff;font-size:1.8rem;margin:0 0 .5rem}.digital-puzzle-selector p{color:#8892b0;margin:0 0 1.5rem}.difficulty-selector{margin-bottom:1.5rem}.difficulty-selector label{color:#8892b0;display:block;font-size:.9rem;margin-bottom:.5rem}.difficulty-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.difficulty-btn{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;color:#8892b0;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.difficulty-btn:hover{border-color:#ffffff4d;color:#fff}.difficulty-btn.active{background:linear-gradient(135deg,#a855f7,#ec4899);border-color:#0000;color:#fff}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.category-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;color:#8892b0;cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s}.category-btn:hover{background:#ffffff1a}.category-btn.active{background:#a855f733;border-color:#a855f7;color:#fff}.puzzle-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:900px}.puzzle-option{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:0;transition:all .3s ease}.puzzle-option:hover{border-color:#a855f7;box-shadow:0 10px 30px #a855f733;transform:translateY(-4px)}.puzzle-option.featured{border-color:#f59e0b4d}.puzzle-preview{align-items:center;background-position:50%;background-size:cover;display:flex;height:130px;justify-content:center;position:relative}.puzzle-preview:after{background:#0000004d;content:"";inset:0;position:absolute;transition:opacity .3s}.puzzle-option:hover .puzzle-preview:after{opacity:0}.puzzle-preview .puzzle-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:2.5rem;position:relative;z-index:1}.custom-badge,.featured-badge{border-radius:10px;font-size:.7rem;padding:2px 8px;position:absolute;top:8px;z-index:2}.custom-badge{background:#60a5fae6;color:#fff;left:8px}.featured-badge{background:#f59e0be6;color:#fff;right:8px}.puzzle-info{display:flex;flex-direction:column;gap:.2rem;padding:.75rem}.puzzle-name{color:#fff;font-size:1rem;font-weight:600}.puzzle-artist{color:#8892b0;font-size:.8rem}.puzzle-pieces{color:#a855f7;font-size:.75rem;margin-top:.2rem}.no-puzzles{color:#8892b0;padding:3rem}.digital-puzzle{max-width:100%;overflow-x:hidden;padding:1rem}.puzzle-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.puzzle-back-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .2s}.puzzle-back-btn:hover{background:#fff3}.puzzle-title{align-items:center;display:flex;gap:.5rem}.puzzle-title .puzzle-emoji{font-size:1.5rem}.puzzle-title h2{color:#fff;font-size:1.2rem;margin:0}.puzzle-stats{display:flex;flex-wrap:wrap;gap:.75rem}.puzzle-progress-stat,.puzzle-score,.puzzle-timer{background:#ffffff1a;border-radius:16px;color:#fff;font-size:.85rem;padding:.4rem .8rem}.puzzle-timer{color:#f59e0b}.puzzle-score{color:#4ade80}.puzzle-progress-bar{background:#0000004d;border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden;position:relative}.puzzle-progress-fill{background:linear-gradient(90deg,#a855f7,#4ade80);border-radius:4px;height:100%;transition:width .3s ease}.puzzle-progress-text{color:#fff;font-size:.75rem;position:absolute;right:8px;top:-18px}.streak-indicator{animation:pulse .5s ease;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.puzzle-reference{display:inline-block;margin-bottom:1rem;position:relative}.reference-image{border:2px solid #fff3;border-radius:8px;object-fit:cover}.reference-label{background:#000000b3;border-radius:4px;bottom:4px;color:#fff;font-size:.65rem;left:4px;padding:2px 6px;position:absolute}.puzzle-board{aspect-ratio:1;background:#0000004d;display:grid;margin-bottom:1.5rem;max-width:450px;padding:8px}.board-slot{align-items:center;aspect-ratio:1;background:#ffffff0d;border:2px dashed #fff3;cursor:pointer;display:flex;justify-content:center;transition:all .2s}.board-slot.empty:hover{background:#a855f733;border-color:#a855f7}.board-slot.occupied{background:#0000;border:2px solid #ffffff4d}.board-slot.correct{border-color:#4ade80;box-shadow:0 0 8px #4ade8066}.board-piece{cursor:grab;height:100%;transition:transform .2s;width:100%}.board-piece:hover{transform:scale(1.03)}.board-piece:active{cursor:grabbing}.puzzle-tray{background:#0003;border-radius:12px;padding:1rem}.puzzle-tray h3{color:#8892b0;font-size:.85rem;margin:0 0 .75rem}.tray-pieces{display:flex;flex-wrap:wrap;gap:8px;min-height:60px}.tray-piece{border:2px solid #fff3;border-radius:6px;cursor:grab;transition:all .2s}.tray-piece:hover{border-color:#a855f7;box-shadow:0 5px 15px #a855f74d;transform:scale(1.1)}.tray-piece:active{cursor:grabbing}.puzzle-loading{padding:3rem;text-align:center}.puzzle-loading .loading-spinner{animation:spin 2s linear infinite;font-size:3rem}.puzzle-loading p{color:#8892b0;margin-top:1rem}.puzzle-complete-overlay{align-items:center;animation:fadeIn .5s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.puzzle-complete-modal{animation:scaleIn .5s ease;background:linear-gradient(135deg,#1a1a2e,#2d1b4e);border-radius:24px;max-width:400px;padding:2.5rem;text-align:center;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.complete-icon{animation:bounce 1s infinite;font-size:4rem;margin-bottom:1rem}.puzzle-complete-modal h2{color:#4ade80;font-size:1.8rem;margin:0 0 .5rem}.puzzle-complete-modal p{color:#fff;font-size:1rem;margin:0 0 1.5rem}.complete-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.complete-stats .stat{display:flex;flex-direction:column}.complete-stats .stat-value{color:#fff;font-size:1.8rem;font-weight:700}.complete-stats .stat-label{color:#8892b0;font-size:.8rem}.complete-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.new-puzzle-btn,.play-again-btn{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.play-again-btn{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.play-again-btn:hover{box-shadow:0 5px 20px #a855f74d;transform:translateY(-2px)}.new-puzzle-btn{background:#ffffff1a;color:#fff}.new-puzzle-btn:hover{background:#fff3}@media (max-width:500px){.puzzle-header{align-items:flex-start;flex-direction:column}.puzzle-stats{justify-content:space-between;width:100%}.puzzle-board{gap:2px;padding:4px}.puzzle-options{grid-template-columns:repeat(2,1fr)}.puzzle-preview{height:100px}.difficulty-options{flex-direction:column}.difficulty-btn{width:100%}}@media (max-width:350px){.puzzle-options{grid-template-columns:1fr}}.party-session{background:linear-gradient(135deg,#1a1a2e,#2d1b4e 50%,#1a1a2e);min-height:100vh;padding-bottom:100px}.party-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.party-header,.party-title{align-items:center;display:flex}.party-title{gap:1rem}.party-icon{font-size:2rem}.party-title h1{color:#fff;font-size:1.3rem;margin:0}.party-status{color:#8892b0;font-size:.85rem;margin:0}.party-actions{display:flex;gap:.5rem}.chat-btn,.end-btn,.invite-btn,.leave-btn{border:none;border-radius:20px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.chat-btn,.invite-btn{background:#ffffff1a;color:#fff}.chat-btn:hover,.invite-btn:hover{background:#fff3}.end-btn{background:#ff525233;color:#ff5252}.end-btn:hover{background:#ff52524d}.leave-btn{background:#ffffff1a;color:#8892b0}.invite-panel{background:#0006;border-bottom:1px solid #ffffff1a;padding:1.5rem}.invite-code{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.invite-code span{color:#8892b0}.invite-code strong{color:#a855f7;font-family:monospace;font-size:1.5rem;letter-spacing:.3rem}.invite-code button{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-left:auto;padding:.5rem 1rem}.participants-list h3{color:#8892b0;font-size:.85rem;margin:0 0 1rem}.participant{align-items:center;display:flex;gap:.75rem;padding:.5rem 0}.participant-avatar{font-size:1.2rem}.participant-name{color:#fff;flex:1 1}.participant-section{color:#a855f7;font-size:.85rem}.participant-pieces{color:#4ade80;font-size:.9rem}.progress-overview{background:linear-gradient(135deg,#a855f726,#ec48991a);border-bottom:1px solid #a855f733;padding:1.5rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-header h2{color:#fff;font-size:1.2rem;margin:0}.progress-numbers{color:#a855f7;font-size:1rem;font-weight:600}.progress-bar-container{background:#0000004d;border-radius:10px;height:20px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#a855f7,#ec4899 50%,#4ade80);border-radius:10px;height:100%;transition:width .5s ease}.progress-percent{color:#fff;font-size:1.5rem;font-weight:700;margin-top:.75rem;text-align:center}.section-selection{background:#0003;padding:1.5rem}.section-selection h3{color:#fff;margin:0 0 .5rem}.section-selection p{color:#8892b0;margin:0 0 1rem}.sections-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.section-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:1rem;transition:all .2s}.section-btn.available:hover{background:#a855f733;border-color:#a855f7}.section-btn.claimed{background:#4ade801a;border-color:#4ade804d;cursor:not-allowed}.section-number{color:#fff;font-size:1.2rem;font-weight:700}.section-pieces{color:#8892b0;font-size:.75rem}.section-claimer{color:#4ade80;font-size:.7rem;margin-top:.25rem}.my-section{background:#a855f71a;border-bottom:1px solid #a855f733;padding:1.5rem}.my-section h3{color:#fff;margin:0 0 1rem}.add-pieces-form{display:flex;gap:.75rem}.add-pieces-form input{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;flex:1 1;font-size:1rem;padding:.75rem 1rem}.add-pieces-form input:focus{border-color:#a855f7;outline:none}.add-pieces-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;color:#000;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.add-pieces-btn:hover:not(:disabled){box-shadow:0 5px 20px #4ade804d;transform:translateY(-2px)}.add-pieces-btn:disabled{cursor:not-allowed;opacity:.5}.start-party-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;left:0;padding:1.5rem;position:fixed;right:0}.start-party-btn{background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1.25rem;transition:all .2s;width:100%}.start-party-btn:hover{box-shadow:0 10px 30px #a855f74d;transform:translateY(-2px)}.waiting-message{color:#8892b0;padding:2rem;text-align:center}.waiting-message p:first-child{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.completed-celebration{background:linear-gradient(135deg,#4ade8033,#a855f71a);padding:3rem 1.5rem;text-align:center}.celebration-icon{animation:bounce 1s infinite;font-size:5rem;margin-bottom:1rem}.completed-celebration h2{color:#4ade80;font-size:2rem;margin:0 0 .5rem}.completed-celebration p{color:#fff;font-size:1.2rem;margin:0 0 1.5rem}.final-stats{display:flex;gap:3rem;justify-content:center}.stat{align-items:center;display:flex;flex-direction:column}.stat-value{color:#fff;font-size:2.5rem;font-weight:700}.stat-label{color:#8892b0;font-size:.9rem}.puzzle-mode-toggle{background:#0003;border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;justify-content:center;padding:1rem}.mode-btn{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#8892b0;cursor:pointer;font-size:.95rem;padding:.75rem 1.5rem;transition:all .2s}.mode-btn:hover{background:#ffffff1a;color:#fff}.mode-btn.active{background:linear-gradient(135deg,#a855f7,#ec4899);border-color:#0000;color:#fff}.digital-puzzle-container{background:#0000001a;padding:0}@media (max-width:600px){.puzzle-mode-toggle{flex-direction:column;padding:.75rem}.mode-btn{padding:.6rem 1rem;width:100%}.party-header{flex-wrap:wrap;gap:.5rem;padding:1rem}.party-title h1{font-size:1.1rem}.party-actions{justify-content:flex-end;width:100%}.sections-grid{grid-template-columns:repeat(3,1fr)}.add-pieces-form{flex-direction:column}}.puzzle-party-page{align-items:flex-start;background:linear-gradient(135deg,#1a1a2e,#2d1b4e 50%,#1a1a2e);display:flex;justify-content:center;min-height:100vh;padding:2rem}.puzzle-party-container{margin-top:2rem;max-width:500px;width:100%}.puzzle-party-header{margin-bottom:2rem;text-align:center}.puzzle-party-logo{animation:wiggle 2s infinite;font-size:4rem;margin-bottom:1rem}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.puzzle-party-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.puzzle-party-tagline{color:#8892b0;font-size:1.1rem;margin:0}.puzzle-party-error{align-items:center;background:#ff525233;border:1px solid #ff5252;border-radius:12px;color:#ff5252;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.puzzle-party-options{display:flex;flex-direction:column;gap:1rem}.puzzle-party-option-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s ease}.puzzle-party-option-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.puzzle-party-option-btn.create:hover{border-color:#a855f7;box-shadow:0 0 30px #a855f733}.puzzle-party-option-btn.join:hover{border-color:#ec4899;box-shadow:0 0 30px #ec489933}.option-icon{font-size:3rem}.option-title{color:#fff;font-size:1.5rem;font-weight:600}.option-desc{color:#8892b0;font-size:.9rem}.puzzle-party-existing{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.puzzle-party-existing h3{color:#8892b0;font-size:.9rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.existing-party-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .2s ease;width:100%}.existing-party-btn:hover{background:#ffffff1a;border-color:#a855f780}.party-emoji{font-size:1.5rem}.party-info{flex:1 1;text-align:left}.party-name{color:#fff;display:block;font-weight:600}.party-meta{color:#8892b0;font-size:.85rem}.party-arrow{color:#8892b0;font-size:1.2rem}.puzzle-party-form{background:#ffffff0d;border-radius:20px;padding:2rem}.back-btn{background:none;border:none;color:#8892b0;cursor:pointer;font-size:1rem;margin-bottom:1.5rem;padding:0;transition:color .2s}.back-btn:hover{color:#fff}.puzzle-party-form h2{color:#fff;font-size:1.5rem;margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#8892b0;display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-select{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#a855f7;outline:none}.form-group input::placeholder{color:#4a5568}.form-select option{background:#1a1a2e;color:#fff}.code-input{font-family:monospace;font-size:1.5rem!important;letter-spacing:.5rem;text-align:center;text-transform:uppercase}.input-hint{color:#6b7280;font-size:.8rem;margin-top:.5rem}.submit-btn{background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .2s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 10px 30px #a855f74d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn.join-btn{background:linear-gradient(135deg,#ec4899,#a855f7)}@media (max-width:600px){.puzzle-party-page{padding:1rem}.puzzle-party-container{margin-top:1rem}.puzzle-party-header h1{font-size:2rem}.puzzle-party-logo{font-size:3rem}.puzzle-party-form{padding:1.5rem}}.notebooklm-component{margin:0 auto;max-width:1200px;padding:20px}.notebooklm-message{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.notebooklm-error-message{background-color:#fee;border:1px solid #fcc;color:#c33}.notebooklm-success-message{background-color:#efe;border:1px solid #cfc;color:#3c3}.message-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;opacity:.7;padding:0;width:24px}.message-close:hover{opacity:1}.notebooklm-nav{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:10px}.nav-btn{background:#f5f5f5;border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .2s}.nav-btn:hover{background:#e8e8e8;transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.notebooklm-view{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.notebooklm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.notebooklm-header h2{color:#333;font-size:28px;margin:0}.refresh-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#e8e8e8}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.notebooks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.notebook-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid #0000;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s}.notebook-card:hover{border-color:#667eea;box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.notebook-card h3{color:#333;font-size:20px;margin:0 0 10px}.notebook-description{color:#666;font-size:14px;line-height:1.5;margin:10px 0}.notebook-meta{border-top:1px solid #0000001a;color:#888;font-size:12px;margin-top:15px;padding-top:15px}.notebook-description-full{background:#f9f9f9;border-left:4px solid #667eea;border-radius:8px;color:#666;font-size:16px;line-height:1.6;margin-bottom:30px;padding:15px}.notebooklm-section{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:30px}.notebooklm-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.notebooklm-section h3{color:#333;font-size:22px;margin:0 0 20px}.notebooklm-form{gap:20px}.form-group,.notebooklm-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:16px;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:10px;margin-top:10px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f5f5f5;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#e8e8e8;border-color:#bbb}.notebooklm-empty,.notebooklm-loading{color:#666;font-size:18px;padding:60px 20px;text-align:center}.notebooklm-error{color:#c33;font-size:18px;padding:60px 20px;text-align:center}.generated-content{background:#f9f9f9;border-radius:8px;margin-top:20px;padding:20px}.content-preview{word-wrap:break-word;background:#fff;border:1px solid #ddd;border-radius:8px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;max-height:500px;overflow-y:auto;padding:20px;white-space:pre-wrap}.content-actions{display:flex;gap:10px;margin-top:15px}@media (max-width:768px){.notebooklm-component{padding:10px}.notebooklm-view{padding:20px}.notebooks-grid{grid-template-columns:1fr}.notebooklm-nav{flex-direction:column}.nav-btn{width:100%}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.generated-audio{background:#f0f8ff;border-left:4px solid #667eea;border-radius:8px;margin-bottom:30px;padding:20px}.generated-audio h4{color:#333;font-size:18px;margin:0 0 15px}.audio-player{border-radius:8px;margin:15px 0;width:100%}.generated-video{background:#fff5f5;border-left:4px solid #f56565;border-radius:8px;margin-bottom:30px;padding:20px}.generated-video h4{color:#333;font-size:18px;margin:0 0 15px}.video-info{color:#666;font-size:14px;margin-bottom:15px}.video-audio{background:#fff;border-radius:8px;margin:20px 0;padding:15px}.video-slides{margin-top:20px}.video-slides h5{color:#333;font-size:16px;margin:0 0 15px}.slides-list{display:flex;flex-direction:column;gap:15px}.slide-preview{background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;transition:all .2s}.slide-preview:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(5px)}.slide-preview h6{color:#667eea;font-size:16px;margin:0 0 10px}.slide-preview p{color:#666;font-size:14px;line-height:1.5;margin:10px 0}.slide-duration{background:#f0f0f0;border-radius:4px;color:#888;display:inline-block;font-size:12px;margin-top:10px;padding:4px 8px}.generated-mindmap{background:#f0fff4;border-left:4px solid #48bb78;border-radius:8px;margin-bottom:30px;padding:20px}.generated-mindmap h4{color:#333;font-size:18px;margin:0 0 15px}.mindmap-visualization{background:#fff;border-radius:8px;margin:20px 0;min-height:200px;padding:20px}.mindmap-nodes{display:flex;flex-direction:column;gap:10px}.mindmap-node{background:linear-gradient(135deg,#e6f3ff,#cce6ff);border-left:4px solid #667eea;border-radius:8px;cursor:pointer;padding:12px 16px;transition:all .2s}.mindmap-node:hover{box-shadow:0 2px 8px #667eea33;transform:translateX(5px)}.mindmap-node.level-0{background:linear-gradient(135deg,#667eea,#764ba2);border-left-color:#764ba2;color:#fff;font-weight:600}.mindmap-node.level-1{background:linear-gradient(135deg,#e6f3ff,#cce6ff);border-left-color:#667eea}.mindmap-node.level-2{background:#f0f8ff;border-left-color:#a0b3ff}.mindmap-node.level-3{background:#f9f9f9;border-left-color:#ccc}.node-label{font-size:14px;line-height:1.5}.generated-text{margin-bottom:30px}.generated-text h4{color:#333;font-size:18px;margin:0 0 15px}.notebooklm-section>div+div{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:30px}.notebooklm-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.notebooklm-container{margin:0 auto;max-width:1400px}.notebooklm-page h1{color:#fff;font-size:36px;margin:0 0 10px;text-align:center}.page-description{color:#ffffffe6;font-size:18px;margin:0 auto 40px;max-width:800px;text-align:center}@media (max-width:768px){.notebooklm-page{padding:20px 10px}.notebooklm-page h1{font-size:28px}.page-description{font-size:16px}}.diagram-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:30px 0;padding:20px}.diagram-container h3{color:#667eea;font-size:1.3em;margin-bottom:20px;margin-top:0;text-align:center}.diagram-svg{background:#fafafa;border-radius:4px;display:block;height:auto;margin:0 auto;width:100%}.all-diagrams-container{margin:20px 0}@media (max-width:768px){.diagram-container{margin:20px 0;padding:15px}.diagram-svg{max-width:100%}}.patent-application-page{background:#fff;color:#000;min-height:100vh;padding:20px}.patent-application-page *{color:inherit}.patent-application-page div,.patent-application-page li,.patent-application-page p,.patent-application-page span{color:#000}.nda-gate{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.nda-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;color:#000;max-height:90vh;max-width:900px;overflow-y:auto;padding:40px;width:100%}.nda-container div,.nda-container li,.nda-container p,.nda-container span{color:#000}.nda-container h1{color:#667eea;font-size:2em;margin-bottom:20px;text-align:center}.nda-intro{background:#f0f7ff;border-left:4px solid #667eea;border-radius:8px;color:#000;font-size:1.1em;line-height:1.6;margin-bottom:30px;padding:15px}.nda-agreement{line-height:1.8;margin:30px 0}.nda-agreement h2{border-bottom:2px solid #667eea;color:#333;margin-bottom:20px;padding-bottom:10px}.nda-agreement h3{color:#555;font-size:1.2em;margin-bottom:15px;margin-top:25px}.nda-agreement ul{margin:10px 0;padding-left:30px}.nda-agreement li{margin:8px 0}.nda-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin:30px 0;padding:20px}.nda-warning p{color:#856404;font-weight:600;margin-bottom:10px}.nda-warning ul{margin-top:10px}.nda-actions{display:flex;gap:15px;justify-content:center;margin:40px 0 20px}.btn-accept,.btn-decline{border:none;border-radius:8px;cursor:pointer;font-size:1.1em;font-weight:600;min-width:180px;padding:15px 30px;transition:all .3s}.btn-accept{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-accept:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.btn-decline{background:#f5f5f5;border:2px solid #ddd;color:#666}.btn-decline:hover{background:#e0e0e0;border-color:#999}.nda-footer{color:#666;font-size:.9em;font-style:italic;margin-top:20px;text-align:center}.patent-header{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;margin-bottom:20px;padding:30px;text-align:center}.patent-header h1{color:#667eea;font-size:2.5em;margin-bottom:20px}.patent-meta{color:#666;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:20px}.patent-meta p{background:#f5f5f5;border-radius:6px;margin:0;padding:8px 15px}.patent-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;color:#000;line-height:1.8;margin:0 auto;max-width:1200px;padding:40px}.patent-content div,.patent-content li,.patent-content p,.patent-content span{color:#000}.patent-section{border-bottom:1px solid #e0e0e0;margin-bottom:40px;padding-bottom:30px}.patent-section:last-child{border-bottom:none}.patent-section h2{color:#667eea;font-size:2em;margin-bottom:20px}.patent-section h3{color:#555;font-size:1.5em;margin-bottom:15px;margin-top:30px}.patent-section h4{color:#666;font-size:1.2em;margin-bottom:12px;margin-top:25px}.patent-section h5{color:#777;font-size:1.1em;margin-bottom:10px;margin-top:20px}.patent-section h6{color:#888;font-size:1em;margin-bottom:8px;margin-top:15px}.component-box{background:#f9f9f9;border-left:4px solid #667eea;border-radius:6px;margin:15px 0;padding:20px}.component-box h6{color:#667eea;font-weight:600;margin-top:0}.method-step{background:#f0f7ff;border-left:4px solid #4caf50;border-radius:6px;margin:20px 0;padding:20px}.method-step h5{color:#4caf50;font-weight:600;margin-top:0}.example{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;font-family:Courier New,monospace;margin:10px 0;padding:15px}.use-case{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;margin:15px 0;padding:20px}.use-case h4{color:#667eea;margin-top:0}.claim{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:6px;margin:20px 0;padding:20px}.claim h4{color:#2e7d32;margin-top:0}.claim ul{margin:10px 0;padding-left:30px}.claim li{margin:8px 0}code{background:#f5f5f5;border-radius:3px;color:#d63384;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.document-info{background:#f9f9f9;border-radius:8px;margin:20px 0;padding:20px}.document-info p{margin:8px 0}.legal-notice{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-top:30px;padding:20px}.legal-notice p{color:#856404;margin:10px 0}.legal-notice strong{color:#856404;font-size:1.1em}@media (max-width:768px){.nda-container,.patent-content{padding:20px}.patent-header h1{font-size:1.8em}.patent-meta{gap:10px}.nda-actions,.patent-meta{flex-direction:column}.btn-accept,.btn-decline{width:100%}}.hitster-container{background:linear-gradient(180deg,#1a1a1a,#121212);color:#fff;min-height:100vh;padding:2rem}.hitster-header{margin-bottom:2rem;text-align:center}.hitster-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1db954,#1ed760);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0 0 .5rem}.hitster-subtitle{color:#b3b3b3;font-size:1rem;margin:0}.hitster-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 2s linear infinite;font-size:3rem}.hitster-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.hitster-search{align-items:center;display:flex;position:relative}.hitster-search-input{background:#282828;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .2s ease;width:100%}.hitster-search-input:focus{background:#333;border-color:#1db954}.hitster-search-input::placeholder{color:#666}.hitster-search-clear{align-items:center;background:#444;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;font-size:.875rem;height:24px;justify-content:center;position:absolute;right:.75rem;transition:all .2s ease;width:24px}.hitster-search-clear:hover{background:#555;color:#fff}.hitster-group-toggle{display:flex;gap:.5rem}.hitster-toggle-btn{background:#282828;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.hitster-toggle-btn:hover{background:#333;border-color:#555}.hitster-toggle-btn.active{background:#1db954;border-color:#1db954;color:#fff}.hitster-content{margin:0 auto;max-width:1200px}.hitster-empty{color:#666;padding:3rem;text-align:center}.hitster-artist-view{display:flex;flex-direction:column;gap:.5rem}.hitster-artist-section{background:#282828;border:1px solid #444;border-radius:8px;overflow:hidden}.hitster-artist-header{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;transition:background .2s ease;-webkit-user-select:none;user-select:none}.hitster-artist-header:hover{background:#333}.hitster-expand-icon{color:#1db954;font-size:.875rem;min-width:20px}.hitster-artist-name{color:#fff;flex:1 1;font-size:1.25rem;font-weight:600}.hitster-song-count{color:#b3b3b3;font-size:.9rem}.hitster-artist-songs{background:#1e1e1e;border-top:1px solid #444;padding:0 1.5rem 1rem}.hitster-year-group{margin-top:1rem}.hitster-year-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0}.hitster-year-label{color:#1db954;font-size:1rem;font-weight:600}.hitster-year-count{color:#888;font-size:.85rem}.hitster-songs-list{display:flex;flex-direction:column;gap:.25rem;padding-left:1rem}.hitster-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem 0}.hitster-song-item{align-items:center;border-radius:4px;display:flex;gap:1rem;padding:.5rem;transition:background .2s ease}.hitster-song-item:hover{background:#2a2a2a}.hitster-song-title{color:#fff;flex:1 1;font-size:.9rem}.hitster-song-album{color:#888;font-size:.85rem;font-style:italic}.hitster-year-view{display:flex;flex-direction:column;gap:.5rem}.hitster-year-section{background:#282828;border:1px solid #444;border-radius:8px;overflow:hidden}.hitster-year-header-main{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;transition:background .2s ease;-webkit-user-select:none;user-select:none}.hitster-year-header-main:hover{background:#333}.hitster-year-label-main{color:#1db954;flex:1 1;font-size:1.5rem;font-weight:700}.hitster-year-songs{background:#1e1e1e;border-top:1px solid #444;padding:0 1.5rem 1rem}.hitster-artist-group{margin-top:1rem}.hitster-artist-header-small{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0}.hitster-artist-name-small{color:#fff;font-size:1rem;font-weight:600}@media (max-width:768px){.hitster-container{padding:1rem}.hitster-header h1{font-size:2rem}.hitster-controls{margin-bottom:1.5rem}.hitster-artist-header,.hitster-year-header-main{padding:.75rem 1rem}.hitster-artist-songs,.hitster-year-songs{padding:0 1rem 1rem}}.members-page{background:linear-gradient(135deg,#1e1e2e,#16213e);color:#fff;min-height:100vh;padding:100px 2rem 2rem}.members-header{margin-bottom:2rem;text-align:center}.members-header h1{color:#fff;font-size:2.5rem;margin:0 0 .5rem}.members-subtitle{color:#b3b3b3;font-size:1.1rem;margin:0}.members-empty,.members-error,.members-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.members-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#1e90ff;height:50px;margin-bottom:1rem;width:50px}.members-empty .empty-icon{font-size:4rem;margin-bottom:1rem}.members-empty h2{color:#fff;margin-bottom:.5rem}.members-empty p{color:#b3b3b3;max-width:500px}.members-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1400px}.member-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:all .3s ease}.member-card:hover{background:#ffffff1a;border-color:#1e90ff;box-shadow:0 8px 24px #1e90ff33;transform:translateY(-4px)}.member-avatar{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:1rem;overflow:hidden;width:80px}.member-avatar img{height:100%;object-fit:cover;width:100%}.member-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;display:flex;font-size:2rem;font-weight:700;height:100%;justify-content:center;width:100%}.member-info{width:100%}.member-name{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.member-email{color:#b3b3b3;font-size:.9rem;margin:0 0 .75rem;word-break:break-word}.member-playlist-count{color:#1e90ff;font-size:.95rem;font-weight:500;margin:0}@media (max-width:768px){.members-page{padding:80px 1rem 1rem}.members-header h1{font-size:2rem}.members-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.member-card{padding:1rem}.member-avatar{height:60px;width:60px}.member-avatar-placeholder{font-size:1.5rem}}.user-playlists-page{background:linear-gradient(135deg,#1e1e2e,#16213e);color:#fff;min-height:100vh;padding:100px 2rem 2rem}.user-playlists-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.back-button{align-self:flex-start;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-button:hover{background:#ffffff26;border-color:#1e90ff}.user-info{gap:1.5rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#ffffff1a;border-radius:50%;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;display:flex;font-size:2rem;font-weight:700;height:100%;justify-content:center;width:100%}.user-info h1{color:#fff;font-size:2rem;margin:0 0 .25rem}.user-email{color:#b3b3b3;font-size:1rem;margin:0}.user-playlists-empty,.user-playlists-error,.user-playlists-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.user-playlists-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#1e90ff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.user-playlists-empty .empty-icon{font-size:4rem;margin-bottom:1rem}.user-playlists-empty h2{color:#fff;margin-bottom:.5rem}.user-playlists-empty p{color:#b3b3b3;max-width:500px}.user-playlists-list{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1000px}.user-playlist-card{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.user-playlist-card:hover{background:#ffffff14;border-color:#1e90ff}.user-playlist-info{flex:1 1;min-width:0}.user-playlist-name{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.user-playlist-description{color:#b3b3b3;font-size:.95rem;line-height:1.5;margin:0 0 .75rem}.user-playlist-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.user-playlist-date,.user-playlist-tracks{color:#1e90ff;font-size:.9rem}.user-playlist-actions{flex-shrink:0}.btn-load-playlist{background:linear-gradient(135deg,#1e90ff,#06c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-load-playlist:hover{box-shadow:0 4px 12px #1e90ff66;transform:translateY(-2px)}.btn-shuffle-playlist{background:linear-gradient(135deg,#9c27b0,#7b1fa2);margin-left:.5rem}.btn-shuffle-playlist:hover{box-shadow:0 4px 12px #9c27b066;transform:translateY(-2px)}@media (max-width:768px){.user-playlists-page{padding:80px 1rem 1rem}.user-info{flex-direction:column;text-align:center}.user-info h1{font-size:1.5rem}.user-playlist-card{flex-direction:column;gap:1rem}.btn-load-playlist,.user-playlist-actions{width:100%}}.new-features-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.new-features-modal{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.new-features-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.new-features-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.new-features-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.new-features-close:hover{background:#fff3;transform:scale(1.1)}.new-features-content{padding:2rem}.feature-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1rem;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.feature-description{color:#8892b0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.feature-section{margin-bottom:2rem}.feature-section h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.feature-details{list-style:none;margin:0;padding:0}.feature-details li{border-bottom:1px solid #ffffff0d;color:#a8b2d1;line-height:1.6;padding:.75rem 0 .75rem 1.5rem;position:relative}.feature-details li:last-child{border-bottom:none}.feature-details li:before{color:#667eea;content:"→";font-weight:700;left:0;position:absolute}.feature-howto{counter-reset:step-counter;list-style:none;margin:0;padding:0}.feature-howto li{border-bottom:1px solid #ffffff0d;color:#a8b2d1;counter-increment:step-counter;line-height:1.6;padding:.75rem 0 .75rem 2rem;position:relative}.feature-howto li:last-child{border-bottom:none}.feature-howto li:before{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:.85rem;font-weight:600;height:24px;justify-content:center;left:0;position:absolute;top:.75rem;width:24px}.new-features-footer{background:#0003;border-radius:0 0 20px 20px;border-top:1px solid #ffffff1a;padding:1.5rem 2rem}.feature-indicators{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.indicator{background:#0000;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .2s;width:10px}.indicator.active{background:#667eea;border-color:#667eea;transform:scale(1.2)}.indicator:hover{border-color:#667eea;transform:scale(1.1)}.feature-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.btn-next,.btn-previous,.btn-skip{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-skip{background:#ffffff1a;color:#8892b0}.btn-skip:hover{background:#fff3;color:#fff}.btn-previous{background:#ffffff1a;color:#fff}.btn-previous:hover{background:#fff3}.btn-next{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1 1}.btn-next:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.new-features-modal{max-height:95vh;width:95%}.new-features-content{padding:1.5rem}.feature-title{font-size:1.5rem}.feature-actions{flex-direction:column}.btn-next{width:100%}}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast-item{align-items:center;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-left:4px solid #3b82f6;border-left:4px solid var(--toast-color,#3b82f6);border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:14px 18px;pointer-events:auto;transition:all .3s ease}.toast-item.exiting{animation:slideOut .3s ease-in forwards}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background:#0000000d;color:#374151}.toast-close:active{transform:scale(.9)}@media (prefers-color-scheme:dark){.toast-item{background:#1f2937f2;border-left-color:#3b82f6;border-left-color:var(--toast-color,#3b82f6)}.toast-message{color:#f9fafb}.toast-close{color:#9ca3af}.toast-close:hover{background:#ffffff1a;color:#d1d5db}}@media (max-width:768px){.toast-container{left:10px;right:10px;top:10px}.toast-item{max-width:100%;min-width:auto}}
/*# sourceMappingURL=main.507498a8.css.map*/