:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:light dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-root{min-height:100vh;padding:2rem 1rem 3rem;display:flex;justify-content:center;transition:background-color .25s ease,color .25s ease}.app-main{width:100%;max-width:1100px}.theme-light{background:#f5f5f5;color:#111827}.theme-light .card{background:#fff;border:1px solid #e5e7eb}.theme-light .app-subtitle{color:#6b7280}.theme-light .badge{background:#e5e7eb;color:#374151;border-color:#d1d5db}.theme-light .text-input{background:#fff;border-color:#d4d4d8;color:#111827}.theme-light .text-input::placeholder{color:#9ca3af}.theme-light .text-input:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e559}.theme-light .genre-panel{background:#f9fafb;border-color:#e5e7eb}.theme-light .bands-table thead{background:#f3f4f6}.theme-light .bands-table tbody tr:hover{background:#f9fafb}.theme-light .icon-link:hover{border-color:#d4d4d8;background:#f3f4f6}.theme-dark{background:#020617;color:#e5e7eb}.theme-dark .card{background:#020617;border:1px solid #1f2937}.theme-dark .app-subtitle{color:#9ca3af}.theme-dark .badge{background:#111827;color:#e5e7eb;border-color:#374151}.theme-dark .text-input{background:#020617;border-color:#4b5563;color:#e5e7eb}.theme-dark .text-input::placeholder{color:#6b7280}.theme-dark .text-input:focus{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa73}.theme-dark .genre-panel{background:#020617;border-color:#1f2937}.theme-dark .bands-table thead{background:#020617}.theme-dark .bands-table tbody tr:hover{background:#111827}.theme-dark .icon-link:hover{border-color:#4b5563;background:#0f172a}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}@media(max-width:768px){.app-header{flex-direction:column;align-items:stretch}.header-right{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}}.app-title{margin:0;font-size:2rem;letter-spacing:.02em}.app-subtitle{margin:.4rem 0 0;font-size:.95rem}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.badge{align-self:flex-start;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;border:1px solid}.badge-selected{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important;font-weight:600}.toggle-button{border-radius:999px;font-size:.8rem;padding:.25rem .7rem;border:1px solid #9ca3af;background:transparent;cursor:pointer}.theme-light .toggle-button{color:#111827}.theme-dark .toggle-button{color:#e5e7eb}.card{border-radius:.75rem;padding:1rem 1.1rem 1.2rem}.filters-card{margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.filter-block{display:flex;flex-direction:column;gap:.4rem}.filter-label{font-weight:600;font-size:.9rem}.clear-all-filters-row{display:flex;justify-content:flex-end;padding-bottom:.5rem;border-bottom:1px solid rgba(148,163,184,.2)}.clear-all-button{padding:.4rem .8rem;border-radius:999px;font-size:.85rem;background:transparent;border:1px solid #ef4444;color:#ef4444;cursor:pointer;transition:all .2s ease}.clear-all-button:hover{background:#ef4444;color:#fff}.keyboard-hint{font-size:.75rem;opacity:.6;font-weight:400;margin-left:.3rem}.search-controls{display:flex;gap:.5rem;align-items:stretch}.search-field-select{padding:.5rem .6rem;border-radius:.4rem;border:1px solid #d4d4d8;font-size:.9rem;background:#fff;min-width:120px;flex-shrink:0}.theme-dark .search-field-select{background:#020617;border-color:#4b5563;color:#e5e7eb}.search-text-input{flex:1;min-width:0}@media(max-width:768px){.search-controls{flex-direction:column}.search-field-select{width:100%}}.genre-panel{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem;border-radius:.5rem;border:1px solid;overflow:visible}.genre-column{flex:0 0 220px;min-width:220px;padding-right:.75rem;border-right:1px solid rgba(148,163,184,.3);margin-bottom:1rem}.genre-column:nth-child(4n){border-right:none}@media(max-width:768px){.genre-panel{flex-direction:column;gap:.75rem}.genre-column{border-right:none;border-bottom:1px solid rgba(148,163,184,.3);padding-right:0;padding-bottom:.75rem;min-width:100%}.genre-column:last-child{border-bottom:none}}.genre-main-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.25rem}.genre-main-label,.genre-sub-label{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:.1rem .5rem;border-radius:999px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.genre-label-text{font-size:.82rem}.genre-checkbox{width:15px;height:15px;accent-color:#4f46e5}.genre-label-active{background:#4f46e51f;box-shadow:0 0 0 1px #4f46e559}.genre-sub-list{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.8rem;padding-left:.1rem}.collapse-toggle{border:none;background:transparent;cursor:pointer;padding:.1rem;display:flex;align-items:center;justify-content:center;opacity:.7;line-height:0;transition:opacity .15s ease}.collapse-toggle:hover{opacity:1}.selected-genres{margin-top:.4rem;font-size:.85rem}.filters-bottom-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filter-block-inline{min-width:220px;flex:1 1 260px}.text-input{padding:.5rem .6rem;border-radius:.4rem;border-width:1px;border-style:solid;font-size:.9rem}.active-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem}.active-toggle input{accent-color:#16a34a}.actions-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:flex-end}.table-card .actions-row{margin:0}.actions-group{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.actions-group-right{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.primary-button{border:1px solid #111827;padding:.45rem .95rem;border-radius:999px;font-size:.9rem;font-weight:500;background:#111827;color:#f9fafb;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.primary-button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.primary-button{width:100%;justify-content:center;padding:.6rem 1rem;font-size:1rem}}.secondary-button{border:1px solid #9ca3af;padding:.35rem .8rem;border-radius:999px;font-size:.85rem;background:transparent;cursor:pointer}.actions-disclaimer{width:260px;text-align:center;font-size:1 rem;line-height:1.35;opacity:.85;padding:0 .5rem;flex-shrink:0}@media(max-width:1024px){.actions-disclaimer{width:100%;order:3;padding:1rem 0}.actions-row{flex-direction:column}.actions-group,.actions-group-right{width:100%;align-items:stretch}.actions-group .secondary-button{width:100%}}.actions-group .secondary-button{width:260px;text-align:left}.secondary-button:disabled{opacity:.4;cursor:not-allowed}.sort-button{border:1px solid #9ca3af;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;background:transparent;cursor:pointer;opacity:.7;transition:all .2s ease}.sort-button:hover{opacity:1;background:#0000000d}.theme-dark .sort-button:hover{background:#ffffff0d}.link-button{margin-left:.5rem;padding:.1rem .5rem;font-size:.8rem;background:transparent;border:none;cursor:pointer;text-decoration:underline}.playlist-controls{display:flex;flex-direction:column;gap:.3rem}.playlist-control-row{display:flex;align-items:center;gap:.75rem}@media(max-width:768px){.playlist-control-row{flex-direction:column;align-items:flex-start;gap:.4rem}.playlist-select{width:100%}}.playlist-label{font-size:.8rem}.playlist-select{padding:.25rem .5rem;border-radius:.35rem;border:1px solid #d4d4d8;font-size:.85rem}.theme-dark .playlist-select{background:#020617;border-color:#4b5563;color:#e5e7eb}.playlist-estimate{font-size:.8rem;opacity:.85;margin-top:.3rem;font-style:italic}.results-text{display:block;margin-top:.4rem;font-size:.85rem;opacity:.85}.table-card{margin-top:.5rem;position:relative}.table-wrapper{width:100%;overflow-x:auto;max-height:600px;overflow-y:auto;position:relative}.scroll-to-top-button{position:sticky;bottom:20px;left:calc(100% - 70px);width:50px;height:50px;border-radius:50%;background:#4f46e5;color:#fff;border:none;font-size:1.8rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;line-height:1}@media(max-width:768px){.scroll-to-top-button{width:56px;height:56px;font-size:2rem;bottom:16px;left:calc(100% - 72px)}}.scroll-to-top-button:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.scroll-to-top-button:active{transform:translateY(0)}.bands-table{width:100%;border-collapse:collapse;font-size:.9rem}.bands-table thead{position:sticky;top:0;z-index:10}.bands-table th,.bands-table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid #e5e7eb}@media(max-width:768px){.bands-table{font-size:.85rem}.bands-table th,.bands-table td{padding:.5rem .4rem}.bands-table input[type=checkbox]{transform:scale(1.2)}}.theme-dark .bands-table th,.theme-dark .bands-table td{border-bottom-color:#1f2937}mark{background:#fef08a;color:#111827;padding:.1rem .2rem;border-radius:.2rem;font-weight:500}.theme-dark mark{background:#854d0e;color:#fef08a}.genre-tbc{font-style:italic;opacity:.5;font-size:.85rem}.icon-link{display:inline-flex;align-items:center;justify-content:center;padding:.1rem;border-radius:999px;border:1px solid transparent}.icon-monogram{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.04em;color:#fff}.icon-monogram--spotify{background:#1db954}.icon-monogram--bandcamp{background:#1da0c3}.active-icon{font-size:1rem}.active-icon--yes{color:#16a34a}.active-icon--no{color:#dc2626}.popular-badge-inline{display:inline-flex;align-items:center;justify-content:center;margin-left:.4rem;padding:.15rem .35rem;border-radius:999px;font-size:.75rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 2px 4px #ff6b6b4d;cursor:help;vertical-align:middle}.listeners-count{font-size:.8rem;opacity:.7;cursor:help}.disclaimer-filters{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(148,163,184,.2)}.disclaimer-filters .active-toggle{font-size:.85rem;justify-content:center}@media(max-width:1024px){.disclaimer-filters{border-top:none;padding-top:0;margin-top:.5rem}}.empty-state{text-align:center;opacity:.7;font-style:italic}.playlist-name-input{flex:1;padding:.4rem .6rem;border-radius:.35rem;border:1px solid #d4d4d8;font-size:.85rem;min-width:200px}.theme-dark .playlist-name-input{background:#020617;border-color:#4b5563;color:#e5e7eb}@media(max-width:768px){.playlist-name-input{width:100%}}