@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=DM+Sans:wght@300;400;500&display=swap";
@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--bg2:#13161e;--bg3:#1a1e28;--bg4:#222736;--accent:#1db954;--text:#f0f2f8;--text2:#a0a8be;--text3:#606880;--border:#2a2f3e;--border2:#353b4e;--red:#e85d5d;--amber:#f0a429;--blue:#4a9eff;--font-display:"Playfair Display",serif;--font-body:"DM Sans",sans-serif}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}nav{background:var(--bg2);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--font-display);color:var(--accent);cursor:pointer;font-size:1.3rem;text-decoration:none}.nav-logo span{color:var(--text)}.nav-links{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.nav-links a{color:var(--text2);cursor:pointer;font-size:13px;text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-btn{background:var(--accent);color:#000;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);border:none;border-radius:20px;padding:7px 16px;text-decoration:none;display:inline-block}.nav-btn.outline{color:var(--accent);border:1px solid var(--accent);background:0 0}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.nav-hamburger span{background:var(--text);border-radius:2px;width:24px;height:2px;display:block}.nav-mobile-menu{z-index:99;background:var(--bg2);border-bottom:1px solid var(--border);flex-direction:column;gap:.75rem;padding:1rem 1.5rem;display:none;position:sticky;top:60px}.nav-mobile-menu a{color:var(--text2);border-bottom:1px solid var(--border);padding:.25rem 0;font-size:15px;text-decoration:none}.nav-mobile-menu a:last-of-type{border-bottom:none}.dash-mobile-tabs{background:var(--bg2);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding:.75rem 1rem;display:none;overflow-x:auto}.dash-mobile-tabs::-webkit-scrollbar{display:none}.dash-mobile-tab{background:var(--bg3);border:1px solid var(--border);font-size:13px;font-family:var(--font-body);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:7px 14px}.dash-mobile-tab.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.btn-primary{background:var(--accent);color:#000;cursor:pointer;font-size:15px;font-weight:500;font-family:var(--font-body);border:none;border-radius:24px;padding:12px 28px;text-decoration:none;display:inline-block}.btn-primary:hover{background:#1ed760}.btn-secondary{color:var(--text);border:1px solid var(--border2);cursor:pointer;font-size:15px;font-family:var(--font-body);background:0 0;border-radius:24px;padding:12px 28px;text-decoration:none;display:inline-block}.btn-sm{padding:8px 18px!important;font-size:13px!important}.section{max-width:1100px;margin:0 auto;padding:3rem 2rem}.section-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.8rem}.section-sub{color:var(--text2);margin-bottom:2rem;font-size:14px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.card{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;padding:1.25rem}.stats-bar{background:var(--bg3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.5rem 2rem}.stats-inner{flex-wrap:wrap;justify-content:space-around;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.stat-item{text-align:center}.stat-num{font-family:var(--font-display);color:var(--accent);font-size:2rem}.stat-label{color:var(--text2);font-size:13px}.playlist-card{background:var(--bg3);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:row;align-items:stretch;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.playlist-card:hover{border-color:var(--accent);transform:translateY(-2px)}.playlist-img{flex-shrink:0;justify-content:center;align-items:center;width:110px;min-width:110px;height:110px;font-size:2.5rem;display:flex}.playlist-info{flex:1;min-width:0;padding:1rem}.playlist-name{color:var(--text);margin-bottom:4px;font-weight:500}.playlist-meta{color:var(--text2);font-size:12px}.genre-tag{color:var(--accent);background:#1db95426;border-radius:10px;margin-top:6px;padding:2px 10px;font-size:11px;display:inline-block}.featured-band{background:linear-gradient(135deg,#1db9541a,#1db95408);border:1px solid #1db9544d;border-radius:16px;flex-wrap:wrap;align-items:center;gap:2rem;padding:2rem;display:flex}.band-avatar{width:80px;height:80px;font-family:var(--font-display);color:var(--accent);background:#1db95433;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.song-pills{flex-wrap:wrap;gap:8px;margin-top:.75rem;display:flex}.song-pill{background:var(--bg4);border:1px solid var(--border);cursor:pointer;color:var(--text2);border-radius:20px;padding:5px 12px;font-size:12px}.song-pill:hover{border-color:var(--accent);color:var(--accent)}.form-page{max-width:480px;margin:0 auto;padding:3rem 2rem}.form-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:2rem}.form-sub{color:var(--text2);margin-bottom:2rem;font-size:14px}.form-group{margin-bottom:1.2rem}.form-group label{color:var(--text2);margin-bottom:6px;font-size:13px;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);font-size:14px;font-family:var(--font-body);resize:vertical;border-radius:8px;outline:none;padding:10px 14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group select option{background:var(--bg3)}.form-divider{text-align:center;color:var(--text3);margin:1.5rem 0;font-size:13px;position:relative}.form-divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.form-divider span{background:var(--bg);padding:0 1rem;position:relative}.form-link{color:var(--accent);cursor:pointer;text-decoration:none}.form-note{color:var(--text2);text-align:center;margin-top:1rem;font-size:13px}.faq-item{border:1px solid var(--border);border-radius:10px;margin-bottom:.75rem;overflow:hidden}.faq-q{cursor:pointer;background:var(--bg3);justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:14px;font-weight:500;display:flex}.faq-q:hover{background:var(--bg4)}.faq-a{color:var(--text2);border-top:1px solid var(--border);padding:1rem 1.25rem;font-size:13px;line-height:1.7}.legal-content{max-width:800px;margin:0 auto;padding:3rem 2rem}.legal-content h1{font-family:var(--font-display);margin-bottom:.5rem;font-size:2rem}.legal-meta{color:var(--text3);border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:1rem;font-size:13px}.legal-content h2{color:var(--text);margin:2rem 0 .75rem;font-size:1.2rem;font-weight:500}.legal-content h3{color:var(--text2);margin:1.25rem 0 .5rem;font-size:1rem;font-weight:500}.legal-content p{color:var(--text2);margin-bottom:.75rem;font-size:14px;line-height:1.8}.legal-content ul{color:var(--text2);margin-bottom:.75rem;padding-left:1.5rem;font-size:14px;line-height:1.8}.legal-content li{margin-bottom:4px}.blog-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.blog-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.2rem}.blog-meta{color:var(--text3);margin-bottom:.75rem;font-size:12px}.blog-excerpt{color:var(--text2);font-size:13px;line-height:1.7}.share-btn{cursor:pointer;font-size:12px;font-family:var(--font-body);border:none;border-radius:20px;padding:7px 14px;font-weight:500;text-decoration:none;display:inline-block}.sbt-spotify{color:#000;background:#1db954}.sbt-fb{color:#fff;background:#1877f2}.sbt-ig{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743)}.sbt-reddit{color:#fff;background:#ff4500}.site-footer{background:var(--bg2);border-top:1px solid var(--border);text-align:center;color:var(--text3);padding:2.5rem 2rem;font-size:13px}.site-footer a{color:var(--text2);cursor:pointer;text-decoration:none}.site-footer a:hover{color:var(--accent)}.tis-footer{background:#1db9540d;border-top:1px solid #1db95426;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.tis-rec{color:var(--text2);font-size:13px}.tis-rec span{color:var(--accent)}.free-section{background:var(--bg3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2.5rem 2rem}.free-inner{flex-wrap:wrap;align-items:center;gap:2rem;max-width:900px;margin:0 auto;display:flex}.free-icon{flex-shrink:0;font-size:2.5rem}.free-content h3{font-family:var(--font-display);color:var(--accent);margin-bottom:.5rem;font-size:1.3rem}.free-content p{color:var(--text2);max-width:700px;font-size:14px;line-height:1.7}.why-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;gap:1rem;padding:1.5rem;display:flex}.why-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.why-content h3{margin-bottom:6px;font-size:15px;font-weight:500}.why-content p{color:var(--text2);font-size:13px;line-height:1.6}.compare-table{border-collapse:collapse;width:100%;font-size:13px}.compare-table th{text-align:left;border-bottom:1px solid var(--border);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;font-size:11px}.compare-table td{border-bottom:1px solid var(--border);color:var(--text2);padding:10px 16px}.compare-table tr:last-child td{border-bottom:none}.compare-table .hl{color:var(--accent);font-weight:500}.compare-table .check{color:var(--accent)}.compare-table .cross{color:var(--red)}.hero{text-align:center;max-width:1100px;margin:0 auto;padding:5rem 2rem 4rem}.hero h1{font-family:var(--font-display);margin-bottom:1.2rem;font-size:3.5rem;font-weight:700;line-height:1.15}.hero h1 span{color:var(--accent)}.hero p{color:var(--text2);max-width:580px;margin:0 auto 2rem;font-size:1.1rem}.hero-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.badge{border-radius:10px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.b-green{color:var(--accent);background:#1db95426}.b-blue{color:var(--blue);background:#4a9eff26}.b-amber{color:var(--amber);background:#f0a42926}.dash-layout{grid-template-columns:220px 1fr;min-height:calc(100vh - 60px);display:grid}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;padding:1.5rem 1rem;display:flex}.sidebar-section{margin-bottom:2rem}.sidebar-label{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;padding:0 .5rem;font-size:11px}.sidebar-item{cursor:pointer;color:var(--text2);border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--bg3);color:var(--text)}.sidebar-item.active{color:var(--accent);background:#1db9541a}.main-content{padding:2rem}.page-hdr{margin-bottom:2rem}.page-hdr h2{font-family:var(--font-display);margin-bottom:4px;font-size:1.6rem}.page-hdr p{color:var(--text2);font-size:14px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.metric{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem}.metric-val{font-family:var(--font-display);color:var(--accent);font-size:1.8rem}.metric-label{color:var(--text2);margin-top:2px;font-size:12px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px}.data-table td{border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.action-btn{border:1px solid var(--border);color:var(--text2);cursor:pointer;font-size:12px;font-family:var(--font-body);background:0 0;border-radius:6px;padding:5px 10px}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{border:1px solid var(--red);color:var(--red);cursor:pointer;font-size:12px;font-family:var(--font-body);background:0 0;border-radius:6px;padding:5px 10px}.log-row{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:8px 0;font-size:13px;display:flex}.log-time{color:var(--text3);min-width:130px;font-size:12px}.log-add{color:var(--accent)}.log-rem{color:var(--red)}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot-g{background:var(--accent)}.dot-a{background:var(--amber)}.prog-bar{background:var(--border);vertical-align:middle;border-radius:4px;height:4px;display:inline-block;overflow:hidden}.prog-fill{background:var(--accent);border-radius:4px;height:100%}.submit-genre-grid{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.submit-genre-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg4);color:var(--text2);font-size:12px;font-family:var(--font-body);border-radius:20px;padding:5px 12px;transition:all .15s}.submit-genre-btn:hover{border-color:var(--accent);color:var(--accent)}.submit-genre-btn.sel{background:var(--accent);color:#000;border-color:var(--accent)}.step-box{background:var(--bg3);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:1.25rem}.step-box h4{color:var(--text);margin-bottom:.75rem;font-size:13px;font-weight:600}.form-sel{background:var(--bg4);border:1px solid var(--border);width:100%;color:var(--text);font-size:13px;font-family:var(--font-body);border-radius:8px;outline:none;padding:9px 13px}.form-input{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);font-size:13px;font-family:var(--font-body);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 13px}.form-input:focus{border-color:var(--accent)}.form-select{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);font-size:13px;font-family:var(--font-body);border-radius:8px;outline:none;padding:9px 13px}.add-form-panel{background:#1db9540a;border:1px solid #1db95433;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.genre-tag-grid{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.genre-tag-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg4);color:var(--text2);font-size:12px;font-family:var(--font-body);border-radius:20px;padding:5px 12px;transition:all .15s}.genre-tag-btn:hover{border-color:var(--accent);color:var(--accent)}.genre-tag-btn.selected{background:var(--accent);color:#000;border-color:var(--accent)}.toggle-row{background:var(--bg4);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.toggle-row span{color:var(--text2);font-size:13px}.toggle{cursor:pointer;width:36px;height:20px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border);border-radius:20px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.error-msg{color:var(--red);background:#e85d5d1a;border:1px solid #e85d5d4d;border-radius:8px;margin-bottom:1rem;padding:10px 14px;font-size:13px}.success-msg{color:var(--accent);background:#1db9541a;border:1px solid #1db9544d;border-radius:8px;margin-bottom:1rem;padding:10px 14px;font-size:13px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.mobile-only{display:none}.page-hero{padding:4rem 2rem 3rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.dash-mobile-groups{background:var(--bg2);border-bottom:1px solid var(--border);display:none}.dash-group-tab{color:var(--text3);cursor:pointer;font-size:12px;line-height:1.3;font-family:var(--font-body);white-space:nowrap;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 4px}.dash-group-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.dash-group-tab.dash-group-primary{color:var(--accent);background:#1db95414;font-weight:500}.dash-group-tab.dash-group-primary.active{background:#1db95426}.dash-mobile-subtabs{background:var(--bg2);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding:.5rem 1rem;display:none;overflow-x:auto}.dash-mobile-subtabs::-webkit-scrollbar{display:none}.dash-mobile-subtab{background:var(--bg3);border:1px solid var(--border);font-size:13px;font-family:var(--font-body);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:9px 14px}.dash-mobile-subtab.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.mobile-history-cards{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:none}.mobile-history-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:1rem}@media (max-width:700px){.dash-layout{grid-template-columns:1fr}.sidebar{display:none}.hero h1{font-size:2.2rem}.nav-desktop{display:none!important}.nav-hamburger{align-items:center;min-width:44px;min-height:44px;padding:10px;display:flex}.nav-mobile-menu{display:flex}.nav-mobile-menu a{padding:.85rem 0}.dash-mobile-groups,.dash-mobile-subtabs{display:flex}.main-content{padding:1rem}.section{padding:1.5rem 1rem}.hero{padding:2.5rem 1rem 2rem}.page-hdr{margin-bottom:1.25rem}.page-hero{padding:2.5rem 1rem 2rem}.form-page{padding:2rem 1rem}input,select,textarea{font-size:16px!important}.submit-genre-btn{padding:10px 14px;font-size:13px}.action-btn,.btn-danger{justify-content:center;align-items:center;min-height:44px;padding:8px 12px;display:inline-flex}.song-pill{padding:10px 14px}.hero-btns{flex-direction:column;align-items:stretch}.hero-btns .btn-primary,.hero-btns .btn-secondary{text-align:center}.stats-inner{grid-template-columns:1fr 1fr;justify-items:center;gap:1.5rem;display:grid}.playlist-card{flex-direction:column}.playlist-img{width:100%;height:140px;min-width:unset}.footer-links{text-align:left;gap:.4rem 1rem;justify-content:unset;grid-template-columns:1fr 1fr;margin-bottom:1rem;display:grid}.submit-url-row,.tool-url-row{flex-direction:column}.submit-url-row button,.tool-url-row button{width:100%}.mobile-only{display:block}.mobile-history-cards{display:flex}.desktop-only{display:none!important}.playlist-genre-filter{width:100%;max-width:100%!important}.growth-table{min-width:0!important}.growth-table th:nth-child(3),.growth-table td:nth-child(3),.growth-table th:nth-child(4),.growth-table td:nth-child(4),.growth-table th:nth-child(5),.growth-table td:nth-child(5),.growth-table th:nth-child(6),.growth-table td:nth-child(6){display:none}}