@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&display=swap";:root{--color-heading-dark: #101828;--color-heading-light: #F9FAFB;--color-text-dark: #23282C;--color-text-light: #F9FAFB;--color-bg-dark: #3C3852;--color-bg-light: #F9FAFB;--color-contrast-bg-dark: #101828;--color-border-gray: #70789C;--color-border-violet: #504772;--color-accent-yellow: #FFE508;--color-primary-btn: #FFE508;--color-secondary-btn: #F9FAFB;--font-headings: "Poppins", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.6;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-dark);background-color:var(--color-bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:700;line-height:1.2;color:var(--color-heading-dark)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:1.5rem}p{font-size:1rem;line-height:1.7;margin-bottom:var(--spacing-md)}a{color:inherit;text-decoration:none}.btn-primary{background-color:var(--color-primary-btn);color:var(--color-contrast-bg-dark);padding:var(--spacing-xs) var(--spacing-lg);border:2px solid var(--color-primary-btn);border-radius:.75rem;font-family:var(--font-headings);font-weight:600;font-size:1.2rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-text-light);color:var(--color-text-dark);border:2px solid var(--color-text-light)}.btn-secondary{background-color:transparent;color:var(--color-text-dark);border:2px solid var(--color-text-dark);padding:var(--spacing-xs) var(--spacing-lg);border-radius:.75rem;font-family:var(--font-headings);font-weight:600;font-size:1.2rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-secondary:hover{background-color:var(--color-text-dark);color:var(--color-text-light)}.btn-secondary-light{background-color:var(--color-text-light);color:var(--color-bg-dark)!important;border:2px solid var(--color-text-light);padding:var(--spacing-xs) var(--spacing-lg);margin-right:1.5rem;border-radius:.75rem;font-family:var(--font-headings);font-weight:600;font-size:1.2rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-secondary-light:hover{background-color:var(--color-bg-dark);color:var(--color-text-light)!important;border-color:var(--color-text-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(min-width:768px){.btn-secondary-light{margin-right:2rem}}.btn-secondary-dark{background-color:transparent;color:var(--color-text-light);border:2px solid var(--color-text-light);padding:var(--spacing-xs) var(--spacing-lg);border-radius:.75rem;font-family:var(--font-headings);font-weight:600;font-size:1.2rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-secondary-dark:hover{background-color:var(--color-text-light);color:var(--color-bg-dark)!important;border-color:var(--color-text-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:.75rem;font-family:var(--font-headings);font-weight:600;font-size:1.05rem;border:1px solid transparent;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background-color .15s ease,border-color .15s ease;white-space:nowrap}.app-btn-icon,.app-btn img{width:1rem;height:1rem;object-fit:contain;flex-shrink:0}.app-btn-success{background:#2ea44f;color:#fff;border-color:#2ea44f}.app-btn-success:hover{background:#268a42;border-color:#268a42;transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-btn-success:active{transform:translateY(1px)}.app-btn-save{background:var(--color-accent-yellow);color:#000;border-color:var(--color-accent-yellow)}.app-btn-save:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-btn-save:active{transform:translateY(1px)}.app-btn-danger{background:#d92d20;color:#fff;border-color:#d92d20}.app-btn-danger:hover{background:#b42318;border-color:#b42318;transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-btn-danger:active{transform:translateY(1px)}.app-btn-secondary{background:#fff;border:1px solid rgba(16,24,40,.18);color:var(--color-heading-dark)}.app-btn-secondary:hover{background:#1018280d;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.icon{display:inline-block;flex-shrink:0}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-0{margin:0}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.flex-gap-10{gap:2.5rem!important}.flex-gap-12{gap:3rem!important}.flex-gap-16{gap:4rem!important}.sm\\:gap-12{gap:3rem}@media(min-width:640px){.sm\\:gap-12{gap:3rem}}.mt-sm{margin-top:var(--spacing-sm)}.mb-xl{margin-bottom:var(--spacing-xl)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.mt-5rem{margin-top:5rem}.mb-5rem{margin-bottom:5rem}.pt-5rem{padding-top:5rem}.pb-5rem{padding-bottom:5rem}.my-3rem{margin:3rem 0}.px-1rem{padding-left:1rem;padding-right:1rem}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section-padding{padding:var(--spacing-xl) 0}.icon-xs{width:1rem;height:1rem}.icon-sm{width:1.25rem;height:1.25rem}.icon-md{width:1.5rem;height:1.5rem}.icon-lg{width:2rem;height:2rem}.icon-xl{width:2.5rem;height:2.5rem}.icon-2xl{width:3rem;height:3rem}[class*=icon-]{display:inline-block;flex-shrink:0;vertical-align:middle}@media(max-width:768px){.container{padding:0 var(--spacing-sm)}}@media(max-width:640px){.icon-xs-sm{width:.875rem;height:.875rem}.icon-sm-md{width:1rem;height:1rem}}@media(min-width:641px)and (max-width:1024px){.icon-sm-lg{width:1.5rem;height:1.5rem}}.navbar{background:var(--color-bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-violet);position:sticky;top:0;z-index:1000;transition:all .3s ease}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.logo-container,.nav-link{color:var(--color-text-light)!important}.logo-container{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-headings);font-weight:700;font-size:1.5rem;text-decoration:none}.logo-img{height:2rem;width:auto;border-radius:.5rem}.nav-links{display:flex;list-style:none;gap:var(--spacing-lg);margin:0}.nav-buttons{display:flex;gap:var(--spacing-md);align-items:center}.navbar .btn-secondary{color:var(--color-text-light)!important;border-color:var(--color-text-light)!important}.navbar .btn-secondary:hover{background-color:var(--color-text-light)!important;color:var(--color-contrast-bg-dark)!important}.navbar .btn-primary,.navbar .btn-secondary{padding:.4rem 1.25rem;font-size:.9rem;border-radius:.6rem}.settings-icon{width:1.5rem;height:1.5rem;object-fit:contain;display:block}.profile-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;object-fit:cover;display:block;border:2px solid var(--color-bg-dark)}.settings-icon,.profile-avatar{width:1.5rem;height:1.5rem;border-radius:50%;display:block}.profile-avatar{width:2rem;height:2rem}@media(max-width:768px){.nav-links{display:none}.nav-buttons{gap:var(--spacing-sm)}.logo-container{font-size:1.25rem}}.btn-secondary-hero{background-color:var(--color-text-light);color:var(--color-bg-dark)!important;border:2px solid var(--color-text-light);font-weight:600}.btn-secondary-hero:hover{background-color:var(--color-contrast-bg-dark);color:var(--color-text-light)!important;border-color:var(--color-contrast-bg-dark)}.btn-primary-hero{background-color:var(--color-primary-btn);color:var(--color-contrast-bg-dark)}.btn-primary-hero:hover{background-color:var(--color-text-light);color:var(--color-contrast-bg-dark)}.hero-theme{background-color:var(--color-bg-dark)!important;color:var(--color-text-light)!important}.hero-theme h1,.hero-theme h2{color:var(--color-heading-light)!important}.hero-theme p,.hero-theme strong{color:var(--color-text-light)!important}.hero-fullscreen{min-height:100vh;padding-top:4rem;padding-bottom:4rem}.about-theme{background-color:var(--color-bg-light)!important;color:var(--color-text-dark)!important}.about-theme h2{color:var(--color-heading-dark)!important}.about-theme p,.about-theme strong{color:var(--color-text-dark)!important}.about-fullscreen{padding-top:8rem;padding-bottom:8rem}.features-theme{background-color:var(--color-bg-dark)!important;color:var(--color-text-light)!important}.features-theme h2{color:var(--color-heading-light)!important;text-align:left}.features-theme p,.features-theme strong{color:var(--color-text-light)!important;text-align:left}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:80rem;margin:0 auto}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.features-grid{grid-template-columns:1fr}}.features-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.features-card>div{background-color:var(--color-bg-light);border-radius:1.5rem;padding:2rem;border:1px solid #f1f5f9;box-shadow:0 10px 25px #00000014;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.features-card-content{display:flex;gap:1rem;align-items:flex-start;height:100%}.features-card .icon-circle{flex-shrink:0;width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-top:.25rem}.features-icons{height:2.5rem;width:auto;border-radius:.5rem;object-fit:contain}.features-card-text{flex:1;text-align:left}.features-card h4{font-family:var(--font-headings);font-weight:700;font-size:1.5rem;margin-bottom:1rem;color:var(--color-heading-dark);line-height:1.3;text-align:left}.features-card p{color:var(--color-text-dark)!important;opacity:.9;font-size:1.125rem;line-height:1.7;text-align:left}@media(max-width:768px){.features-card>div{padding:1.5rem;max-width:16rem}.features-card .icon-circle{width:3.5rem;height:3.5rem}}.features-fullscreen{padding-top:4rem;padding-bottom:4rem}.pricing-theme{background-color:var(--color-bg-light)!important;color:var(--color-text-dark)!important}.pricing-theme h2,.pricing-theme h4{color:var(--color-heading-dark)!important;text-align:center;margin-bottom:1.5rem}.pricing-theme p,.pricing-theme strong{color:var(--color-text-dark)!important}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:80rem;margin:0 auto}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pricing-grid{grid-template-columns:1fr}}.pricing-logo-wrapper{display:flex;justify-content:center;height:8rem;margin-bottom:1rem}.pricing-logos{height:8rem;width:auto;border-radius:.5rem;object-fit:contain}.pricing-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card>div{background-color:var(--color-bg-light);border-radius:1.5rem;padding:2rem;border:1px solid #f1f5f9;box-shadow:0 10px 25px #00000014;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card-content{display:flex;gap:1rem;align-items:flex-start;height:100%}.pricing-card .icon-circle{flex-shrink:0;width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-top:.25rem}.pricing-card-text{flex:1;text-align:left}.pricing-card h4{font-family:var(--font-headings);font-weight:700;font-size:1.5rem;margin-bottom:1rem;color:var(--color-heading-dark);line-height:1.3;text-align:center}.pricing-card p{color:var(--color-text-dark)!important;opacity:.9;font-size:1.125rem;line-height:1.7;text-align:center}.pricing-button{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:auto}@media(max-width:768px){.pricing-card>div{padding:1.5rem;max-width:16rem}.pricing-card .icon-circle{width:3.5rem;height:3.5rem}}.pricing-fullscreen{padding-top:6rem;padding-bottom:8rem}.cta-theme{background-color:var(--color-bg-dark)!important;color:var(--color-text-light)!important}.cta-theme h2{color:var(--color-heading-light)!important}.cta-theme p,.cta-theme strong{color:var(--color-text-light)!important}.cta-fullscreen{padding-top:8rem;padding-bottom:10rem}.contact-theme{background-color:var(--color-bg-light)!important;color:var(--color-text-dark)!important}.contact-theme h2{color:var(--color-heading-dark)!important;text-align:center;margin-bottom:1.5rem}.contact-theme p,.contact-theme strong{color:var(--color-text-dark)!important}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:80rem;margin:0 auto}@media(max-width:1024px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.contact-grid{grid-template-columns:1fr}}.contact-icons{height:2rem;width:auto;border-radius:.5rem;object-fit:contain;margin-bottom:.5rem}.contact-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-card>div{background-color:var(--color-bg-light);border-radius:1.5rem;padding:2rem;border:1px solid #f1f5f9;box-shadow:0 10px 25px #00000014;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-card-content{display:flex;gap:1rem;align-items:flex-start;height:100%}.contact-card .icon-circle{flex-shrink:0;width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-top:.25rem}.contact-card-text{flex:1;text-align:left}.contact-card h4{font-family:var(--font-headings);font-weight:700;font-size:1.5rem;margin-bottom:.5rem;color:var(--color-heading-dark);line-height:1.3;text-align:left}.contact-card p{color:var(--color-text-dark)!important;opacity:.9;font-size:1.125rem;line-height:1.7}@media(max-width:768px){.contact-card>div{padding:1.5rem;max-width:16rem}.contact-card .icon-circle{width:3.5rem;height:3.5rem}}.contact-fullscreen{padding-top:10rem;padding-bottom:10rem}.footer{background:var(--color-bg-dark)!important;color:var(--color-text-light)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-violet);bottom:0;z-index:1000;transition:all .3s ease}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.nav-link{font-family:var(--font-body);font-weight:400;font-size:1.2rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:.5rem;transition:all .2s ease}.nav-link:hover{color:var(--color-accent-yellow)!important;background:#ffe50833}.connect-theme{background-color:var(--color-bg-dark)!important;color:var(--color-text-light)!important}.connect-theme h2,.connect-theme h3{color:var(--color-heading-light)!important;text-align:center;margin-bottom:1.5rem}.connect-theme p,.connect-theme strong{color:var(--color-text-light)!important}.connect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:40rem;margin:0 auto}@media(max-width:1024px){.connect-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.connect-grid{grid-template-columns:1fr}}.connect-logo-wrapper{display:flex;justify-content:center;height:16rem;margin-bottom:1rem}.connect-logos{height:16rem;width:auto;border-radius:.5rem;object-fit:contain;cursor:pointer;transition:all .2s ease}.connect-logos:hover:not([style*="opacity: 0.6"]){transform:scale(105%)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.connect-card h3{font-family:var(--font-headings);font-weight:700;font-size:1.5rem;margin-top:8rem;margin-bottom:1rem;line-height:1.3;text-align:center}.connect-button{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:auto}@media(max-width:768px){.connect-card>div{padding:1.5rem;max-width:16rem}}.connect-fullscreen{padding-top:6rem;padding-bottom:8rem}.dashboard{padding-top:2rem;padding-bottom:3rem;background:var(--color-bg-dark)}.dashboard-header{margin-bottom:1.5rem;color:var(--color-heading-light)!important}.dashboard .headline{color:var(--color-text-light)}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.dashboard-search{display:flex;align-items:center;gap:.5rem;border:1px solid var(--color-border-gray);border-radius:.75rem;padding:.5rem .75rem;background:var(--color-bg-light);min-width:20rem}.dashboard-search input{border:none;outline:none;width:100%;font-family:var(--font-body);background:var(--color-bg-light);font-size:1rem}.dashboard-toolbar-right{display:flex;align-items:center;gap:.75rem}.dashboard-state{display:flex;align-items:center;justify-content:center;color:var(--color-text-light);gap:.75rem;padding:1rem;border-radius:.75rem;background:#1018280d;margin-bottom:1rem}.dashboard-spinner{width:1.5rem;height:1.5rem;border-radius:999px;border:3px solid rgba(255,229,8,.35);border-top-color:var(--color-accent-yellow);animation:spin 1s linear infinite}.dashboard-error{padding:1rem;border-radius:.75rem;background:#ff00000f;color:var(--color-text-light);border:1px solid rgba(255,0,0,.15);margin-bottom:1rem}.dashboard-empty{grid-column:1 / -1;padding:2rem;border:1px dashed var(--color-border-gray);border-radius:.75rem;color:#101828b3}.playlist-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.75rem}.dashboard-playlist-grid{margin-top:.5rem}.playlist-imported-badge{position:absolute;top:6px;right:6px;background:var(--color-accent-yellow);color:#000;font-size:.7rem;padding:2px 6px;border-radius:6px;font-weight:600}@media(max-width:1280px){.playlist-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1024px){.playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-search{min-width:14rem}}@media(max-width:640px){.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-toolbar{flex-direction:column;align-items:stretch}}.playlist-tile{display:flex;flex-direction:column;border:1px solid rgba(16,24,40,.12);border-radius:.75rem;overflow:hidden;background:#fff;text-align:left;cursor:default;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.playlist-tile--selectable{cursor:pointer}.playlist-tile--selectable:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:#10182833}.playlist-tile--selected{background:#ffe5082e;border-color:#ffe508e6}.playlist-cover{width:100%;aspect-ratio:1 / 1;background:#1018280a}.playlist-cover img{width:100%;height:100%;object-fit:cover;display:block}.playlist-cover--placeholder{width:100%;height:100%;background:linear-gradient(135deg,#3c38522e,#1018280f)}.playlist-name{padding:.5rem .6rem .6rem;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-expander{display:flex;justify-content:center;padding:.75rem 0;margin-top:.25rem;margin-bottom:.25rem}.playlist-expander-btn{border:1px solid rgba(16,24,40,.18);background:#fff;border-radius:999px;width:2.75rem;height:2.75rem;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:all .15s ease}.playlist-expander-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dashboard-actions{margin-top:1.5rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}@media(max-width:1024px){.dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.action-card{background:var(--color-bg-dark);color:var(--color-text-light);border:1px solid rgba(80,71,114,.65);border-radius:.9rem;padding:.9rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .15s ease;text-align:center}.action-card--link{text-decoration:none}.action-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-card--active{border-color:var(--color-accent-yellow);box-shadow:0 0 0 3px #ffe5082e}.action-icon{width:1.9rem;height:1.9rem;object-fit:contain}.action-label{font-family:var(--font-headings);font-weight:700;font-size:1rem;line-height:1.2;max-width:10rem}.selection-panel{margin-top:1rem;border:1px solid rgba(16,24,40,.15);border-radius:.9rem;padding:1rem;background:#fff}.selection-panel-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media(max-width:1024px){.selection-panel-row{flex-direction:column;align-items:stretch}}.selection-left{display:flex;flex-direction:column;gap:.5rem}.selection-selectall{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem}.selection-meta{font-size:.95rem;color:#101828d9}.selection-right{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.selection-create input{border:1px solid var(--color-border-gray);border-radius:.75rem;padding:.6rem .75rem;min-width:18rem;font-family:var(--font-body);font-size:1rem}.selection-error{margin-top:.75rem;padding:.75rem;border-radius:.75rem;background:#ff00000f;border:1px solid rgba(255,0,0,.15)}.filter-screen .headline{color:var(--color-text-light);margin-bottom:1.5rem}.filter-screen{padding:1.5rem 2rem 2rem}@media(min-width:1400px){.filter-screen{padding-left:3rem;padding-right:3rem}}.filter-layout{display:grid;grid-template-columns:1fr 320px;gap:1rem;align-items:start}@media(max-width:1024px){.filter-layout{grid-template-columns:1fr}}.filter-editor{background:var(--color-bg-light);border:3px solid var(--color-border-violet);border-radius:.9rem;padding:1rem}.filter-editor-title{font-family:var(--font-headings);font-size:1.2rem;font-weight:800;margin-top:1rem;margin-bottom:1.8rem}.filter-form{display:flex;flex-direction:column;gap:1rem}.filter-label{display:flex;flex-direction:column;gap:.5rem;font-weight:600}.filter-input{border:1px solid var(--color-border-gray);border-radius:.75rem;padding:.6rem .75rem;font-family:var(--font-body);font-size:1rem;background:#fff}.filter-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:640px){.filter-row-2{grid-template-columns:1fr}}.filter-block{border:1px solid rgba(16,24,40,.1);border-radius:.85rem;padding:.75rem}.filter-block-head{font-weight:800;margin-bottom:.6rem}.tag-input-row{display:flex;gap:.75rem;align-items:center}.tag-input-row .filter-input{flex:1}@media(max-width:640px){.tag-input-row{flex-direction:column;align-items:stretch}}.tag-wrap{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;min-height:2.25rem}.tag-chip{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;padding:.35rem .55rem;border:1px solid rgba(16,24,40,.18);border-radius:999px;background:#fff}.tag-chip-label{max-width:14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-chip-remove{border:none;background:transparent;cursor:pointer;font-weight:900;line-height:1;opacity:.65}.tag-chip-remove:hover{opacity:1}.filter-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:.25rem}.filter-sidebar{background:var(--color-bg-light);border:3px solid var(--color-border-violet);border-radius:.9rem;padding:1rem;position:sticky;top:1rem;max-height:calc(100vh - 140px);overflow:auto}@media(max-width:1024px){.filter-sidebar{position:static;max-height:none}}.filter-editor,.filter-sidebar{box-shadow:var(--shadow-sm)}.filter-sidebar-title{font-family:var(--font-headings);font-size:1.2rem;font-weight:900;margin-top:.75rem;margin-bottom:1.2rem}.filter-list{display:flex;flex-direction:column;gap:.5rem}.filter-list-empty{padding:.75rem;border-radius:.75rem;background:#1018280a;color:#101828bf}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;border:1px solid rgba(16,24,40,.12);border-radius:.75rem;padding:.6rem .75rem;background:#fff}.filter-row-name{font-weight:700;max-width:16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-row-actions{display:inline-flex;gap:.35rem}.icon-btn{width:2.1rem;height:2.1rem;border-radius:.6rem;border:1px solid rgba(16,24,40,.14);background:var(--color-bg-light);cursor:pointer}.icon-btn:hover{box-shadow:var(--shadow-sm)}.filter-action-icon{width:1.4rem;height:1.4rem;object-fit:contain}.filter-sidebar-footer{margin-top:2.5rem;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.playlist-screen{padding:1.5rem 2rem 2rem;background-color:var(--color-bg-dark)}.ps-header{margin-bottom:1rem}.ps-header-left{display:flex;align-items:baseline;gap:1rem;justify-content:space-between}.ps-headline{color:var(--color-text-light)}.ps-back{border:1px solid rgba(255,255,255,.22);background:transparent;color:var(--color-text-light);border-radius:.75rem;padding:.45rem .75rem;cursor:pointer}.ps-back:hover{background:#ffffff0f}.ps-main{display:grid;grid-template-columns:1fr;gap:1rem}.ps-table-wrap{background:transparent}.ps-toolbar{display:flex;justify-content:flex-start;margin-bottom:.75rem}.ps-search{min-width:22rem}.ps-table-scroll{overflow:auto;border-radius:.9rem;border:1px solid rgba(255,255,255,.14);background:#2b25408c}.ps-table{width:100%;border-collapse:collapse;color:var(--color-text-light);font-size:.95rem}.ps-table thead th{text-align:left;font-weight:800;padding:.85rem;border-bottom:1px solid rgba(255,255,255,.14);background:#2b2540bf;position:sticky;top:0;z-index:1}.ps-table tbody td{padding:.75rem .85rem;border-bottom:1px solid rgba(255,255,255,.08);max-width:18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-row{cursor:pointer}.ps-row:hover{background:#ffffff0f}.ps-row--selected{background:#ffffffdb;color:#101828f2}.ps-row--selected td{border-bottom-color:#1018281f}.ps-empty{padding:1.25rem!important;color:#fffc}.ps-actions{margin-top:1rem}.ps-sidebar{position:fixed;top:0;right:0;width:420px;height:100vh;background:#fffffff0;border-left:1px solid rgba(16,24,40,.15);box-shadow:-10px 0 30px #00000040;z-index:50;display:flex;flex-direction:column}.ps-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(16,24,40,.12)}.ps-sidebar-title{font-family:var(--font-headings);font-weight:900;font-size:1.05rem;color:#101828f2}.ps-sidebar-close{width:2.4rem;height:2.4rem;border-radius:.7rem;border:1px solid rgba(16,24,40,.14);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ps-sidebar-close img{width:1rem;height:1rem}.ps-sidebar-body{padding:1rem;overflow:auto}.ps-track-head{margin-bottom:1rem}.ps-track-title{font-weight:900;font-size:1.1rem;color:#101828f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-track-sub{color:#101828b3;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-stat{border:1px solid rgba(16,24,40,.12);background:#10182805;border-radius:.85rem;padding:.75rem;margin-bottom:.75rem}.ps-stat-title{font-weight:900;color:#101828f2}.ps-stat-value{margin-top:.25rem;font-weight:800;color:#101828e6}.ps-stat-desc{margin-top:.5rem;color:#101828bf;line-height:1.35}.ps-stat-source{margin-top:.5rem;color:#1018288c;font-size:.9rem}.ps-section{border:1px solid rgba(16,24,40,.12);background:#10182805;border-radius:.85rem;padding:.9rem;margin-bottom:.9rem}.ps-section-title{font-weight:900;margin-bottom:.75rem;color:#101828e6}.ps-sort-row{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.75rem}.ps-sort-label{font-weight:700;color:#101828cc}.ps-sort-controls{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ps-select{width:100%}.ps-checkbox{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;color:#101828d9}.ps-filter-list{display:flex;flex-direction:column;gap:.6rem}.ps-filter-item{text-align:left;background:#fff;border:1px solid rgba(16,24,40,.12);border-radius:.85rem;padding:.75rem;cursor:pointer}.ps-filter-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ps-filter-item--active{border-color:#ffe508e6;box-shadow:0 0 0 3px #ffe5082e}.ps-filter-name{font-weight:900;color:#101828eb}.ps-filter-meta{margin-top:.35rem;display:flex;gap:.5rem;flex-wrap:wrap;color:#101828a6;font-weight:600;font-size:.9rem}.ps-sidebar-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}@media(max-width:900px){.ps-sidebar{width:100%}}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:2rem;margin:1.5rem 0 2rem}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:.35rem;opacity:.45}.wizard-step--active,.wizard-step--done{opacity:1}.wizard-step-circle{width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;background:var(--color-border-gray);color:#fff}.wizard-step--active .wizard-step-circle{background:var(--color-accent-yellow);color:var(--color-heading-dark)}.wizard-step--done .wizard-step-circle{background:#22c55e;color:#fff}.wizard-step-label{font-size:.8rem;font-weight:600;color:var(--color-text-light)}.wizard-body{margin-bottom:1.5rem}.wizard-section-title{font-family:var(--font-headings);font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-light)}.wizard-hint{font-size:.9rem;color:var(--color-border-gray);margin-bottom:.75rem}.wizard-filter-modes{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.wizard-mode-card{flex:1 1 0;min-width:160px;padding:1rem;border:2px solid var(--color-border-gray);border-radius:.75rem;background:var(--color-bg-dark);color:var(--color-text-light);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.wizard-mode-card:hover{border-color:var(--color-border-violet)}.wizard-mode-card--active{border-color:var(--color-accent-yellow);background:#ffe50814}.wizard-mode-title{font-weight:700;font-size:.95rem;margin-bottom:.25rem}.wizard-mode-desc{font-size:.82rem;color:var(--color-border-gray)}.wizard-preset-list,.wizard-inline-filters{margin-top:.5rem}.wizard-nav{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--color-border-gray);margin-top:1rem}.wizard-summary{background:var(--color-bg-dark);border:1px solid var(--color-border-gray);border-radius:.75rem;padding:1rem 1.25rem}.wizard-summary-row{display:flex;gap:.75rem;padding:.35rem 0;font-size:.95rem;color:var(--color-text-light)}.wizard-summary-label{font-weight:700;min-width:6rem;color:var(--color-text-light)}.wizard-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;padding:.75rem 1rem;font-size:.88rem;color:#92400e;margin-bottom:1rem}.wizard-warning ul{margin:.35rem 0 0 1.2rem;padding:0}.wizard-warning li{margin-bottom:.15rem}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}