*,*:before,*:after{box-sizing:border-box}body{margin:0}h1,h2{margin:0;font-size:inherit;font-weight:inherit}button{font-family:inherit;cursor:pointer}table{border-collapse:collapse}a{color:inherit}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--font-sans: "Barlow Semi Condensed", sans-serif;--color-brand: #bf7e08;--color-bg: #242424;--color-bg-input: #2a2a2a;--color-header: #4e3403;--color-border: #333;--color-border-row: #2a2a2a;--color-border-input: #444;--color-text: #e0e0e0;--color-text-muted: #a1a1a1;--color-text-dim: #ccc;--color-hover-row: #474747}body{font-family:var(--font-sans);font-weight:400;background:var(--color-bg);color:var(--color-text)}.page{max-width:1600px;margin-inline:auto}.filter-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;padding-bottom:.4rem;letter-spacing:1px}.filter-bar{padding:16px 15px 28px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.branding{margin-bottom:12px}.branding h1{text-transform:uppercase;letter-spacing:1px;color:var(--color-brand);font-size:1.3rem}.filter-groups{display:flex;flex-wrap:wrap;gap:3vw 4vw;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group__buttons{display:flex;flex-wrap:wrap;gap:6px}.artist-count{margin-left:auto;font-size:.9rem;color:var(--color-text-muted);padding-bottom:3px}.table-scroll{overflow-x:auto}table{width:100%;min-width:900px}thead th{position:sticky;top:0;z-index:10;background:var(--color-header);color:#e0bf81;padding:4px 8px 6px;text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}th:first-child{padding-left:15px;width:60px}th:nth-child(2){max-width:200px}th:nth-child(4){width:90px}th:nth-child(5){width:140px}tbody tr{border-bottom:1px solid var(--color-border-row);transition:background .15s}tbody tr:hover{background:var(--color-hover-row)}tbody td{padding:10px 8px;vertical-align:top}td:first-child{padding-left:12px;padding-right:8px;text-align:center}.pick-select{text-align:center;border:1px solid var(--color-border-input);border-radius:6px;background:var(--color-bg-input);color:var(--color-text);cursor:pointer;width:60px;height:35px;font-size:1.125rem}.artist-name{display:flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:500}.copy-btn{opacity:.25;transition:opacity .15s;flex-shrink:0;color:var(--color-text);cursor:pointer;background:none;border:none;padding:0;display:flex}.copy-btn:hover{opacity:.6}.service-links{white-space:nowrap}.service-link{display:inline-block;vertical-align:middle;opacity:.7;transition:opacity .15s}.service-link+.service-link{margin-left:8px}.service-link:hover{opacity:1}.genre-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.9rem;font-weight:500;text-transform:uppercase;white-space:nowrap}.genre-edm{background:#5b7ea8;color:#dce8f4}.genre-rock{background:#9e5040;color:#f2ddd8}.genre-hiphop{background:#b07838;color:#f5e8d2}.genre-pop{background:#8c5a80;color:#ecdce8}.genre-latin{background:#b89428;color:#f5eacc}.genre-kpop{background:#4e6090;color:#d8dff0}.genre-rb{background:#3e6e5a;color:#cce0d8}.genre-other{background:#7a5240;color:#ecddd8}.text-dim{color:var(--color-text-dim);font-size:1rem}.bio-cell{max-width:480px;line-height:1.375}.tip-btn{position:fixed;top:12px;right:12px;z-index:100;width:34px;height:34px;border-radius:50%;background:var(--color-bg-input);border:1px solid #555;color:var(--color-text-muted);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.tip-btn:hover{border-color:#aaa;color:var(--color-text)}.about-modal{position:fixed;top:54px;right:12px;z-index:99;width:280px;background:var(--color-bg-input);border:1px solid #555;border-radius:8px;padding:14px 16px;font-size:.9rem;line-height:1.5;color:var(--color-text-muted);box-shadow:0 4px 16px #0006}.about-modal p{margin:0}.about-modal a{color:var(--color-brand);text-decoration:underline}.share-tip-btn{right:54px}.share-modal{display:flex;flex-direction:column;gap:8px;right:54px}.share-modal-title{margin:0;color:var(--color-text);font-size:.95rem}.share-name-input{width:100%;padding:7px 10px;border-radius:6px;border:1px solid var(--color-border-input);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:.95rem;outline:none}.share-name-input:focus{border-color:var(--color-brand)}.share-picks-btn{padding:7px 12px;border-radius:6px;border:1px solid var(--color-brand);background:var(--color-brand);color:#111;font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:opacity .15s}.share-picks-btn:hover{opacity:.85}.share-copy-confirm{margin:0;font-size:.85rem;color:#4caf50}.shared-banner{position:fixed;bottom:0;left:0;right:0;z-index:90;height:38px;background:var(--color-brand);color:#111;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.shared-banner-close{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#111;opacity:.6;display:flex;align-items:center;padding:0;transition:opacity .15s}.shared-banner-close:hover{opacity:1}body.shared-mode{padding-bottom:38px}.filter-btn{padding:4px 10px;font-size:.9rem;text-transform:uppercase;display:flex;align-items:center;border-radius:999px;border:1px solid #444;background:var(--color-bg-input);color:#aaa;cursor:pointer;transition:color .1s,border-color .1s,background .1s}.filter-btn:hover{border-color:#666;color:#ccc}.filter-btn.active{border-color:#bbb;background:#ddd;color:#111}.filter-btn[data-filter=link].active{color:#555}@media(max-width:700px){th:nth-child(2),td:nth-child(2){width:160px;max-width:160px}th:nth-child(5),td:nth-child(5){width:100px;max-width:100px}}