nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:9999px;justify-content:space-between;align-items:center;max-width:900px;margin:16px auto 0;padding:12px 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{color:#3a7ca5;font-size:1.3rem;font-weight:700}.nav-brand a{color:inherit;text-decoration:none}.nav-links{gap:20px;display:flex}.nav-links a{color:#5a6c7d;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#3a7ca5}footer{text-align:center;background:#f0f7fb;border-top:1px solid #d4e8f0;margin-top:40px;padding:40px 24px 24px}footer p{color:#8899a6;margin-bottom:8px;font-size:.8rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:16px;display:flex}.footer-links a{color:#5a6c7d;font-size:.85rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#3a7ca5}@media (width<=600px){nav{margin:8px 8px 0;padding:10px 16px}.nav-links{gap:12px}.nav-links a{font-size:.8rem}}.hero{text-align:center;max-width:800px;margin:0 auto;padding:18vh 24px 80px}.hero h1{letter-spacing:-1px;color:#2c3e50;margin-bottom:24px;font-size:3rem;font-weight:500;line-height:1.15}.hero p{color:#3a4a5a;max-width:640px;margin:0 auto 32px;font-size:1.2rem;line-height:1.7}.btn-hero{color:#fff;background:#3a7ca5;border-radius:12px;padding:16px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 20px #87ceeb66}.btn-hero:hover{color:#fff;background:#2d6a8f;transform:scale(1.02);box-shadow:0 0 30px #87ceeb99}.how-it-works{max-width:900px;margin:0 auto;padding:80px 24px}.how-it-works h2{text-align:center;color:#2c3e50;margin-bottom:48px;font-size:2rem}.steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;padding:32px 24px}.step-icon{background:#3a7ca526;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.step h3{color:#2c3e50;margin-bottom:8px;font-size:1.1rem;font-weight:600}.step p{color:#5a6c7d;font-size:.9rem;line-height:1.5}.explainer{max-width:700px;margin:0 auto;padding:80px 24px}.explainer-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;padding:40px}.explainer-card h2{color:#2c3e50;margin-bottom:16px;font-size:1.8rem}.explainer-card p{color:#3a4a5a;margin-bottom:16px;font-size:1.05rem;line-height:1.7}.explainer-card p:last-child{margin-bottom:0}.players{text-align:center;max-width:800px;margin:0 auto;padding:80px 24px}.players h2{color:#2c3e50;margin-bottom:8px;font-size:1.8rem}.players .sub{color:#5a6c7d;margin-bottom:32px;font-size:1rem}.player-tags{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.player-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#2c3e50;background:#ffffffb3;border:1px solid #ffffff80;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500}@media (width<=600px){.hero{padding-top:14vh}.hero h1{font-size:2rem}.hero p{font-size:1rem}.steps{grid-template-columns:1fr}}.gs-content{max-width:700px;margin:0 auto;padding:80px 24px}.card{background:#fff;border-radius:16px;margin-bottom:20px;padding:32px;box-shadow:0 4px 20px #3a7ca514}.step-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.step-num{color:#fff;background:#3a7ca5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.step-header h2{color:#2c3e50;flex:1;font-size:1.3rem;font-weight:700}.help-link{color:#3a7ca5;white-space:nowrap;font-size:.85rem;font-weight:500;text-decoration:none}.help-link:hover{text-decoration:underline}.card-desc{color:#5a6c7d;margin-bottom:16px;font-size:.95rem}.form-row{margin-bottom:14px}.form-row label{color:#5a6c7d;margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.form-row input{color:#2c3e50;background:#f8fbfd;border:1.5px solid #d4e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem}.form-row input:focus{border-color:#3a7ca5;outline:none;box-shadow:0 0 0 3px #3a7ca51a}.source-tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.source-tab{color:#5a6c7d;cursor:pointer;background:#f8fbfd;border:1.5px solid #d4e8f0;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.source-tab.active{color:#fff;background:#3a7ca5;border-color:#3a7ca5}.source-tab:hover:not(.active){color:#3a7ca5;border-color:#3a7ca5}.source-content{color:#3a4a5a;margin-bottom:14px;font-size:.9rem;line-height:1.6}.warning-box{color:#795548;background:#fff8e1;border:1px solid #ffe082;border-radius:10px;margin-bottom:14px;padding:12px 16px;font-size:.85rem;line-height:1.5}.coming-soon-box{text-align:center;background:#f0f7fb;border:2px dashed #d4e8f0;border-radius:12px;padding:24px}.coming-soon-box h3{color:#3a7ca5;margin-bottom:8px;font-size:1.1rem;font-weight:700}.coming-soon-box p{color:#5a6c7d;font-size:.9rem;line-height:1.6}.other-service-box{background:#f8fbfd;border:1.5px solid #d4e8f0;border-radius:12px;padding:20px}.other-service-box p{color:#3a4a5a;font-size:.9rem;line-height:1.6}.upload-area{text-align:center;border:2px dashed #d4e8f0;border-radius:12px;padding:32px;transition:all .2s}.upload-area.dragover{background:#3a7ca50a;border-color:#3a7ca5}.upload-area p{color:#5a6c7d;font-size:.9rem}.btn-browse{color:#3a7ca5;cursor:pointer;background:#eef4f8;border:none;border-radius:8px;margin-top:8px;padding:8px 18px;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-block}.btn-browse:hover{background:#dceaf2}.formats{margin-top:8px;color:#8899a6!important;font-size:.75rem!important}.upload-status{border-radius:10px;margin-top:12px;padding:14px}.upload-status.success{background:#e8f5e9}.upload-status.error{background:#fff3e0}.upload-status.loading{background:#e3f2fd}.upload-msg{margin-bottom:4px;font-weight:600}.upload-status.success .upload-msg{color:#2e7d32}.upload-status.error .upload-msg{color:#e65100}.upload-status.loading .upload-msg{color:#1565c0}.upload-detail{color:#3a4a5a;font-size:.85rem}.stream-table{border-collapse:collapse;width:100%;font-size:.9rem}.stream-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#8899a6;border-bottom:1.5px solid #eef4f8;padding:8px;font-size:.75rem}.stream-table td{vertical-align:middle;border-bottom:1px solid #f5f8fa;padding:8px}.stream-table tr.disabled td{opacity:.4}.stream-name{color:#2c3e50;white-space:nowrap;font-weight:600}.stream-table select,.stream-table input[type=text]{color:#2c3e50;background:#f8fbfd;border:1px solid #e0e8ee;border-radius:6px;width:100%;min-width:90px;padding:6px 8px;font-family:inherit;font-size:.85rem}.stream-table input[type=text]{min-width:120px}.toggle{cursor:pointer;background:#d4e8f0;border:none;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.toggle.on{background:#3a7ca5}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(16px)}.fine-tune-field{margin-bottom:14px}.fine-tune-field label{color:#2c3e50;margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.fine-tune-field label span{color:#8899a6;font-size:.8rem;font-weight:400}.fine-tune-field textarea,.fine-tune-field input[type=text]{color:#2c3e50;resize:vertical;background:#f8fbfd;border:1.5px solid #d4e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem}.fine-tune-field textarea{min-height:60px}.fine-tune-field textarea:focus,.fine-tune-field input:focus{border-color:#3a7ca5;outline:none;box-shadow:0 0 0 3px #3a7ca51a}.btn-build{color:#fff;cursor:pointer;background:#3a7ca5;border:none;border-radius:12px;width:100%;padding:16px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 0 20px #87ceeb66}.btn-build:hover:not(:disabled){background:#2d6a8f;box-shadow:0 0 30px #87ceeb99}.btn-build:disabled{opacity:.5;cursor:not-allowed}.build-note{color:#8899a6;text-align:center;margin-top:10px;font-size:.85rem}@media (width<=600px){.gs-content{padding-top:70px}.stream-table{font-size:.8rem}.stream-table th,.stream-table td{padding:4px}.col-artist{display:none}}.plans-content{max-width:900px;margin:0 auto;padding:80px 24px 40px}.plans-header{text-align:center;max-width:700px;margin:0 auto;padding:20px 0}.plans-header h1{color:#2c3e50;letter-spacing:-.5px;margin-bottom:12px;font-size:2.4rem;font-weight:700}.plans-header p{color:#5a6c7d;font-size:1.1rem;line-height:1.6}.plans-grid{grid-template-columns:1fr 1fr;gap:24px;margin:40px 0 60px;display:grid}.plan-card{background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;padding:32px 28px;display:flex;box-shadow:0 4px 20px #3a7ca51a}.plan-card.featured{border-color:#3a7ca5;box-shadow:0 4px 24px #3a7ca533}.plan-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#3a7ca5;border-radius:20px;align-self:flex-start;margin-bottom:16px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.plan-name{color:#2c3e50;margin-bottom:4px;font-size:1.4rem;font-weight:700}.plan-price{color:#3a7ca5;margin-bottom:4px;font-size:2rem;font-weight:700}.plan-price span{color:#8899a6;font-size:1rem;font-weight:400}.plan-desc{color:#5a6c7d;margin-bottom:20px;font-size:.95rem;line-height:1.6}.plan-features{flex:1;margin-bottom:28px;list-style:none}.plan-features li{color:#3a4a5a;padding:6px 0 6px 24px;font-size:.95rem;line-height:1.5;position:relative}.plan-features li:before{content:"✓";color:#3a7ca5;font-weight:700;position:absolute;left:0}.plan-btn{text-align:center;cursor:pointer;border:none;border-radius:10px;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s;display:block}.plan-btn.primary{color:#fff;background:#3a7ca5}.plan-btn.primary:hover{color:#fff;background:#2d6a8f}.plan-btn.outline{color:#3a7ca5;background:0 0;border:2px solid #3a7ca5}.plan-btn.outline:hover{background:#3a7ca50f}.coming-soon{text-align:center;max-width:700px;margin:0 auto 60px}.coming-soon-card{background:#f0f7fb;border:2px dashed #d4e8f0;border-radius:16px;padding:32px}.coming-soon-card h3{color:#2c3e50;margin-bottom:8px;font-size:1.2rem;font-weight:700}.coming-soon-card p{color:#5a6c7d;font-size:.95rem;line-height:1.6}.coming-soon-card a{color:#3a7ca5;font-weight:600}.plans-note{text-align:center;max-width:700px;margin:0 auto 20px}.plans-note p{color:#8899a6;font-size:.9rem;line-height:1.6}@media (width<=600px){.plans-header h1{font-size:1.8rem}.plans-grid{grid-template-columns:1fr}}.story-content{max-width:700px;margin:0 auto;padding:80px 24px}.story-content h1{color:#2c3e50;letter-spacing:-.5px;margin-bottom:8px;font-size:2rem;font-weight:700}.byline{color:#8899a6;margin-bottom:32px;font-size:.95rem}.story-content p{color:#3a4a5a;margin-bottom:20px;font-size:1.05rem;line-height:1.8}.tagline{color:#3a7ca5;text-align:center;margin:32px 0;font-size:1.3rem;font-weight:700}@media (width<=600px){.story-content h1{font-size:1.6rem}.pullquote{font-size:1.1rem}}.chat-content{flex-direction:column;flex:1;width:100%;max-width:700px;min-height:calc(100vh - 160px);margin:0 auto;padding:80px 24px 0;display:flex}.chat-header{text-align:center;padding:20px 0 16px}.chat-header h1{color:#2c3e50;font-size:1.6rem;font-weight:700}.chat-header p{color:#5a6c7d;margin-top:4px;font-size:.95rem}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.suggestion{color:#3a7ca5;cursor:pointer;background:#fff;border:1.5px solid #d4e8f0;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}.suggestion:hover{color:#fff;background:#3a7ca5;border-color:#3a7ca5}.messages{flex-direction:column;flex:1;gap:16px;min-height:300px;max-height:calc(100vh - 320px);padding:16px 0;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:12px 16px;font-size:.95rem;line-height:1.6}.msg.user{color:#fff;background:#3a7ca5;border-bottom-right-radius:4px;align-self:flex-end}.msg.agent{color:#2c3e50;background:#fff;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 2px 8px #3a7ca51f}.msg-name{color:#3a7ca5;margin-bottom:4px;font-size:.8rem;font-weight:700}.msg.typing{color:#8899a6;background:#fff;align-self:flex-start;font-style:italic;box-shadow:0 2px 8px #3a7ca51f}.input-area{gap:10px;padding:16px 0 24px;display:flex}.input-area input{color:#2c3e50;background:#fff;border:1.5px solid #d4e8f0;border-radius:10px;flex:1;padding:12px 16px;font-family:inherit;font-size:1rem}.input-area input:focus{border-color:#3a7ca5;outline:none;box-shadow:0 0 0 3px #3a7ca51a}.input-area input:disabled{opacity:.6}.input-area button{color:#fff;cursor:pointer;background:#3a7ca5;border:none;border-radius:10px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s}.input-area button:hover:not(:disabled){background:#2d6a8f}.input-area button:disabled{opacity:.5;cursor:not-allowed}.preview-content{max-width:950px;margin:0 auto;padding:80px 24px}.preview-header{text-align:center;margin-bottom:32px}.preview-header h1{color:#2c3e50;margin-bottom:8px;font-size:2rem;font-weight:700}.preview-header p{color:#5a6c7d;font-size:1rem}.coverage-stats{text-align:center;color:#2e573a;background:#e8f5e9;border-radius:10px;margin-bottom:12px;padding:14px 16px;font-size:.95rem;font-weight:500}.coverage-stats strong{color:#1b5e20;font-size:1.1rem}.grouping-stats{text-align:center;color:#3a4a5a;background:#f0f7fb;border-radius:10px;margin-bottom:24px;padding:12px;font-size:.85rem}.grouping-stats strong{color:#3a7ca5}.sl-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sl-tab{color:#5a6c7d;cursor:pointer;background:#fff;border:2px solid #d4e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sl-tab.active{color:#fff;background:#3a7ca5;border-color:#3a7ca5}.sl-tab:hover:not(.active){color:#3a7ca5;border-color:#3a7ca5}.tab-count{background:#0000001a;border-radius:12px;padding:2px 8px;font-size:.75rem}.sl-tab.active .tab-count{background:#ffffff4d}.sl-card{padding:24px}.sl-meta{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.sl-meta span{color:#3a7ca5;background:#f0f7fb;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:600}.meta-select{color:#3a7ca5;cursor:pointer;background:#f0f7fb;border:1.5px solid #d4e8f0;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:.8rem;font-weight:600}.meta-select:hover{border-color:#3a7ca5}.meta-select:focus{border-color:#3a7ca5;outline:none;box-shadow:0 0 0 2px #3a7ca526}.group-all-toggle{color:#3a7ca5;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#f0f7fb;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-size:.8rem;font-weight:600;display:flex}.toggle-switch{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{cursor:pointer;background:#ccd6dd;border-radius:10px;transition:background .2s;position:absolute;inset:0}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-track{background:#3a7ca5}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px)}.track-list{max-height:60vh;overflow-y:auto}.track-header,.track-row{grid-template-columns:50px 50px 1fr 1fr 150px 90px;align-items:center;gap:6px;padding:6px 8px;display:grid}.track-header{text-transform:uppercase;letter-spacing:.5px;color:#8899a6;z-index:2;background:#fff;border-bottom:1.5px solid #eef4f8;font-size:.75rem;font-weight:700;position:sticky;top:0}.track-row{border-bottom:1px solid #f5f8fa;font-size:.85rem}.track-row:hover{background:#f8fbfd}.sort-note{color:#8899a6;text-align:center;margin-bottom:8px;font-size:.78rem;font-style:italic}.health-bar{border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.82rem;line-height:1.5}.health-summary{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.health-badge{flex-shrink:0;font-size:1rem}.health-text{font-weight:600}.health-detail{opacity:.85;font-weight:400}.health-healthy{color:#2e7d32;background:#e8f5e9}.health-healthy .health-badge{color:#4caf50}.health-tight{color:#f57f17;background:#fff8e1}.health-tight .health-badge{color:#ff9800}.health-overloaded{color:#c62828;background:#fce4ec}.health-overloaded .health-badge{color:#e53935}.dist-toggle{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:.78rem;font-weight:600}.dist-toggle:hover{opacity:1}.dist-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:.78rem}.dist-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid #00000026;padding:4px 8px;font-size:.7rem;font-weight:700}.dist-table td{border-bottom:1px solid #0000000f;padding:3px 8px}.dist-table .dist-empty td{opacity:.4}.dist-table .dist-total td{border-top:1.5px solid #00000026;font-weight:700}.album-header-row{background:#f0f7fb;border-top:2px solid #d4e8f0;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 8px 4px;display:flex}.album-header-row:first-child{margin-top:0}.ah-name{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:700;overflow:hidden}.ah-group-all{color:#3a7ca5;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.ah-group-all input{accent-color:#3a7ca5;cursor:pointer}.track-num-input{text-align:center;color:#8899a6;background:#fff;border:1px solid #e0e8ee;border-radius:3px;width:28px;height:20px;padding:0;font-family:inherit;font-size:.75rem}.track-num-input:hover{border-color:#3a7ca5}.track-num-input:focus{color:#3a7ca5;border-color:#3a7ca5;outline:none}.track-row.work-member{background:#fafcfe}.track-row.work-member .td-group .group-input{color:#3a7ca5;font-weight:700}.group-input{text-align:center;color:#8899a6;text-transform:uppercase;background:#fff;border:1.5px solid #e0e8ee;border-radius:4px;width:32px;height:24px;padding:0;font-family:inherit;font-size:.82rem;font-weight:600}.group-input:hover{background:#f8fbfd;border-color:#3a7ca5}.group-input:focus{color:#3a7ca5;background:#fff;border-color:#3a7ca5;outline:none;box-shadow:0 0 0 2px #3a7ca526}.td-group{text-align:center}.td-num{color:#8899a6;text-align:center;font-size:.8rem}.td-name{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.td-artist{color:#5a6c7d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.td-freq{align-items:center;gap:6px;display:flex}.freq-slider{accent-color:#3a7ca5;cursor:pointer;width:72px}.freq-val{color:#3a7ca5;white-space:nowrap;min-width:48px;font-size:.75rem;font-weight:600}.freq-val.user-override{color:#e67e22}.freq-slider.user-override{accent-color:#e67e22}.td-repeat{color:#8899a6;white-space:nowrap;font-size:.8rem}.sl-actions{text-align:center;margin-top:20px}.download-tip{color:#5a6c7d;margin-top:8px;font-size:.8rem;font-style:italic}.btn-download{color:#3a7ca5;cursor:pointer;background:#eef4f8;border:2px solid #3a7ca5;border-radius:10px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s}.btn-download:hover{color:#fff;background:#3a7ca5}.bottom-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#3a7ca5;border:none;border-radius:10px;padding:14px 32px;font-family:inherit;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 20px #87ceeb66}.btn-primary:hover{color:#fff;background:#2d6a8f}.btn-secondary{color:#3a7ca5;cursor:pointer;background:0 0;border:2px solid #3a7ca5;border-radius:10px;padding:12px 28px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{background:#3a7ca50f}@media (width<=700px){.track-header,.track-row{grid-template-columns:40px 40px 1fr 100px}.th-artist,.td-artist,.th-repeat,.td-repeat{display:none}}.howto-content{max-width:700px;margin:0 auto;padding:80px 24px;line-height:1.8}.howto-content h1{color:#2c3e50;letter-spacing:-.5px;margin-bottom:8px;font-size:2rem;font-weight:700}.subtitle{color:#8899a6;margin-bottom:40px;font-size:1rem}.howto-content h2{color:#3a7ca5;margin:36px 0 12px;font-size:1.3rem;font-weight:700}.howto-content h3{color:#2c3e50;margin:24px 0 8px;font-size:1.1rem;font-weight:700}.howto-content p{color:#3a4a5a;margin-bottom:20px;font-size:1.05rem}.pullquote{color:#3a7ca5;border-left:4px solid #87ceeb;margin:32px 0;padding:12px 0 12px 24px;font-size:1.3rem;font-weight:700;line-height:1.4}.example-table{border-collapse:collapse;width:100%;margin:24px 0 12px}.example-table th{text-align:left;color:#2c3e50;border-bottom:2px solid #d4e8f0;padding:10px 16px;font-size:.95rem;font-weight:700}.example-table td{color:#3a4a5a;border-bottom:1px solid #eef4f8;padding:10px 16px;font-size:.95rem}.example-table tr:last-child td{border-bottom:none}.sl-name{color:#2c3e50;font-weight:600}.table-note{color:#8899a6;text-align:center;margin-bottom:32px;font-style:italic;font-size:.9rem!important}.cta-area{text-align:center;margin-top:48px}.cta-area .btn-primary{color:#fff;background:#3a7ca5;border-radius:10px;padding:14px 32px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.cta-area .btn-primary:hover{color:#fff;background:#2d6a8f}@media (width<=600px){.howto-content h1{font-size:1.6rem}.pullquote{font-size:1.1rem}}.review-container{max-width:1100px;margin:2rem auto;padding:0 1rem}.review-header{margin-bottom:1.5rem}.review-header h1{color:#2c3e50;font-size:1.8rem}.review-subtitle{color:#666;margin-top:.3rem;font-size:.95rem}.review-stats{gap:1.5rem;margin-top:.8rem;display:flex}.stat{color:#555;font-size:.9rem}.stat.highlight{color:#3a7ca5;font-weight:700}.review-filters{gap:.5rem;margin-top:1rem;display:flex}.review-filters button{cursor:pointer;color:#555;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;transition:all .15s}.review-filters button.active{color:#fff;background:#3a7ca5;border-color:#3a7ca5}.review-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.review-table{border-collapse:collapse;width:100%;font-size:.85rem}.review-table th{text-align:left;color:#444;white-space:nowrap;background:#f5f8fa;border-bottom:2px solid #ddd;padding:.6rem .5rem;font-weight:600}.review-table td{vertical-align:top;border-bottom:1px solid #eee;padding:.5rem}.review-table tr:hover{background:#f9fcfe}.rejected-row{opacity:.7;background:#fff5f5!important}.rejected-row:hover{background:#ffecec!important}.col-num{text-align:center;color:#999;width:40px}.col-yours{color:#2c3e50}.col-mb{color:#3a7ca5}.col-match{text-align:center;width:60px}td.diff{background:#fffde7}.match-btn{cursor:pointer;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .15s;display:inline-flex}.match-btn.yes{color:#2e7d32;background:#e8f5e9;border-color:#4caf50}.match-btn.no{color:#c62828;background:#ffebee;border-color:#ef5350}.match-btn:hover{transform:scale(1.1)}.review-actions{align-items:center;gap:1.5rem;margin-top:1.5rem;padding:1rem 0;display:flex}.save-btn{color:#fff;cursor:pointer;background:#3a7ca5;border:none;border-radius:8px;padding:.7rem 2rem;font-size:1rem;font-weight:600;transition:background .15s}.save-btn:hover{background:#2d6a8f}.save-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#999;font-size:.9rem}.review-done{text-align:center;padding:3rem 1rem}.review-done h2{color:#4caf50;margin-bottom:.5rem}@media (width<=700px){.review-table{font-size:.78rem}.review-table th,.review-table td{padding:.4rem .3rem}.col-num{width:30px}}.hof-page{max-width:800px;margin:0 auto;padding:1rem}.hof-loading,.hof-error{text-align:center;color:#666;padding:4rem 1rem;font-size:1.2rem}.hof-header{text-align:center;padding:2rem 0 1rem}.hof-header h1{color:#1a1a2e;margin-bottom:.25rem;font-size:2rem}.hof-subtitle{color:#666;font-size:1rem}.hof-progress{background:#e8e8e8;border-radius:14px;height:28px;margin-top:1rem;position:relative;overflow:hidden}.hof-progress-bar{background:linear-gradient(90deg,#3a7ca5,#4f46e5);border-radius:14px;height:100%;transition:width .5s}.hof-progress-text{color:#333;font-size:.8rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hof-now-playing{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;margin:1.5rem 0;padding:2rem}.hof-rank-display{color:#f0c040;font-size:3.5rem;font-weight:800;line-height:1}.hof-now-info h2{color:#fff;margin:.5rem 0 .25rem;font-size:1.5rem}.hof-composer{color:#a0a8c0;font-size:1rem}.hof-controls{justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0 1rem;display:flex}.hof-controls button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex}.hof-controls button:hover:not(:disabled){background:#ffffff4d}.hof-controls button:disabled{opacity:.3;cursor:default}.hof-btn-play,.hof-btn-stop{background:#4f46e5!important;width:56px!important;height:56px!important}.hof-btn-play:hover,.hof-btn-stop:hover{background:#6358f5!important}.hof-status{color:#a0a8c0;text-align:center;padding:.5rem;font-size:.8rem;animation:1.2s ease-in-out infinite blink}.hof-status-warn{color:#f0c040;animation:none}.hof-track-progress{margin:.75rem 0}.hof-track-name{color:#a0a8c0;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:.8rem;overflow:hidden}.hof-slider-row{align-items:center;gap:.5rem;display:flex}.hof-time{color:#a0a8c0;font-variant-numeric:tabular-nums;min-width:36px;font-size:.75rem}.hof-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;flex:1;height:4px}.hof-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#f0c040;border-radius:50%;width:14px;height:14px}.hof-slider::-moz-range-thumb{cursor:pointer;background:#f0c040;border:none;border-radius:50%;width:14px;height:14px}.hof-narrative{color:#d0d4e0;text-align:left;background:#ffffff14;border-left:3px solid #f0c040;border-radius:12px;margin:1rem 0;padding:1.25rem;font-size:.95rem;line-height:1.6}.hof-narrative.speaking{border-left-color:#4f46e5;animation:1.5s ease-in-out infinite pulse-border}@keyframes pulse-border{0%,to{border-left-color:#4f46e5}50%{border-left-color:#f0c040}}.hof-btn-speak{color:#d0d4e0;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;margin-top:.75rem;padding:.4rem 1rem;font-size:.8rem}.hof-btn-speak:hover{background:#fff3}.hof-auto{color:#a0a8c0;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.hof-auto input{cursor:pointer}.hof-badge,.hof-badge-sm{border-radius:12px;margin-top:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.hof-badge-sm{padding:.15rem .4rem;font-size:.65rem}.badge-new{color:#fff;background:#10b981}.badge-up-big{color:#fff;background:#22c55e}.badge-up{color:#166534;background:#86efac}.badge-down{color:#991b1b;background:#fca5a5}.badge-down-big{color:#fff;background:#ef4444}.badge-steady{color:#374151;background:#e5e7eb}.hof-start{text-align:center;padding:2rem 0}.hof-start .btn-hero{padding:1rem 2.5rem;font-size:1.1rem}.hof-start-sub{color:#888;margin-top:.75rem;font-size:.85rem}.hof-list{margin:1rem 0 3rem}.hof-entry{cursor:pointer;border-bottom:1px solid #f0f0f0;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:background .15s;display:flex}.hof-entry:hover{background:#f0f4ff}.hof-entry.active{background:linear-gradient(90deg,#eef2ff,#e0e7ff);border-left:3px solid #4f46e5}.hof-entry.unmatched{opacity:.7;background:#fff5f5;border-left:3px solid #ef4444}.hof-entry-rank{color:#4f46e5;min-width:42px;font-size:.9rem;font-weight:700}.hof-entry-info{flex:1;min-width:0}.hof-entry-title{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.hof-entry-composer{color:#888;font-size:.78rem;display:block}.hof-playing-indicator{color:#4f46e5;font-size:.7rem;font-weight:600;animation:1.2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hof-list-controls{justify-content:flex-end;padding:.5rem .75rem;display:flex}.hof-expand-toggle{color:#555;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.3rem .8rem;font-size:.75rem}.hof-expand-toggle:hover{color:#4f46e5;background:#f0f4ff;border-color:#4f46e5}.hof-entry-tracks{padding:.2rem .75rem .5rem 3.5rem}.hof-entry-track{color:#666;cursor:pointer;border-radius:3px;align-items:center;gap:.4rem;padding:.15rem 0;font-size:.72rem;display:flex}.hof-entry-track:hover{background:#f0f4ff}.hof-entry-track input[type=checkbox]{cursor:pointer;accent-color:#22c55e;margin:0}.hof-entry-track.variant-partial input[type=checkbox]{accent-color:#3b82f6}.hof-entry-track.variant-incomplete input[type=checkbox]{accent-color:#f97316}.hof-entry-track.variant-missing input[type=checkbox]{accent-color:#ef4444}.hof-entry-track.excluded{opacity:.35;text-decoration:line-through}.hof-entry-track-num{text-align:right;color:#9ca3af;min-width:1.2rem}.hof-entry-track-name{white-space:normal;word-break:break-word;flex:1;min-width:0;line-height:1.3}.hof-toast{color:#fff;z-index:100;background:#ef4444;border-radius:8px;padding:.75rem 1.5rem;font-size:.85rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.hof-status-badge{cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border:none;border-radius:4px;width:fit-content;margin-top:.25rem;padding:.25rem .75rem;font-size:.7rem;font-weight:700;opacity:1!important;display:block!important}.hof-status-badge.no-match{color:#fff;background:#ef4444}.hof-status-badge.no-file{color:#fff;background:#f59e0b}.hof-status-badge:hover{opacity:.85}.hof-local-badge{color:#fff;background:#6366f1;border-radius:4px;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.hof-resolve-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:.25rem 0 .5rem;padding:1rem}.hof-resolve-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.hof-resolve-header h4{color:#1a1a2e;margin:0;font-size:.85rem}.hof-resolve-actions{align-items:center;gap:.5rem;display:flex}.hof-resolve-clear{cursor:pointer;color:#ef4444;background:#fff;border:1px solid #ef4444;border-radius:4px;padding:.25rem .6rem;font-size:.72rem}.hof-resolve-clear:hover{background:#fef2f2}.hof-change-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;margin-left:.4rem;padding:0;font-size:.7rem;text-decoration:underline;display:inline}.hof-change-btn:hover{color:#6358f5}.hof-resolve-close{cursor:pointer;color:#666;background:#fff;border:1px solid #ccc;border-radius:4px;padding:.25rem .6rem;font-size:.75rem}.hof-resolve-current{background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;margin-bottom:.6rem;padding:.5rem .75rem;font-size:.8rem}.hof-resolve-current-label{color:#4f46e5;margin-right:.4rem;font-weight:700}.hof-resolve-current-track{color:#1e1b4b}.hof-resolve-expand{color:#4f46e5;margin-left:.3rem;font-size:.7rem}.hof-resolve-current-list{border-top:1px solid #c7d2fe;margin-top:.4rem;padding-top:.4rem}.hof-resolve-current-item{color:#374151;gap:.4rem;padding:.15rem 0;font-size:.75rem;display:flex}.hof-resolve-current-num{color:#9ca3af;text-align:right;min-width:1.2rem}.hof-track-picker{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:.75rem;padding:.75rem}.hof-picker-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.hof-picker-header h5{color:#166534;margin:0;font-size:.82rem}.hof-picker-toggles{gap:.3rem;display:flex}.hof-picker-toggle{color:#166534;cursor:pointer;background:#fff;border:1px solid #86efac;border-radius:4px;padding:.15rem .5rem;font-size:.68rem}.hof-picker-toggle:hover{background:#dcfce7}.hof-picker-list{max-height:300px;overflow-y:auto}.hof-picker-item{cursor:pointer;color:#374151;border-radius:4px;align-items:center;gap:.4rem;padding:.3rem .4rem;font-size:.78rem;transition:background .1s;display:flex}.hof-picker-item:hover{background:#dcfce7}.hof-picker-item.checked{color:#166534;font-weight:500}.hof-picker-item input[type=checkbox]{cursor:pointer;accent-color:#22c55e}.hof-picker-num{text-align:right;color:#9ca3af;min-width:1.4rem;font-size:.7rem}.hof-picker-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hof-picker-footer{border-top:1px solid #bbf7d0;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;display:flex}.hof-picker-album{color:#4ade80;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:.5rem;font-size:.7rem;overflow:hidden}.hof-picker-confirm{color:#fff;cursor:pointer;white-space:nowrap;background:#22c55e;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.hof-picker-confirm:hover{background:#16a34a}.hof-picker-confirm:disabled{cursor:default;background:#d1d5db}.hof-resolve-search{gap:.5rem;margin-bottom:.75rem;display:flex}.hof-resolve-search-input{border:1px solid #d1d5db;border-radius:6px;outline:none;flex:1;padding:.45rem .75rem;font-size:.82rem}.hof-resolve-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}.hof-resolve-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:6px;padding:.45rem 1rem;font-size:.8rem;font-weight:600}.hof-resolve-search-btn:hover{background:#6358f5}.hof-resolve-loading{color:#888;padding:.5rem 0;font-size:.8rem}.hof-resolve-empty{color:#999;padding:.5rem 0;font-size:.8rem;font-style:italic}.hof-resolve-results{max-height:320px;margin-bottom:.75rem;overflow-y:auto}.hof-resolve-result{cursor:pointer;border-radius:6px;align-items:center;gap:.6rem;padding:.5rem;transition:background .15s;display:flex}.hof-resolve-result:hover{background:#e0e7ff}.hof-resolve-art{object-fit:cover;border-radius:4px;flex-shrink:0;width:44px;height:44px}.hof-resolve-track-info{flex:1;min-width:0}.hof-resolve-track-name{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;display:block;overflow:hidden}.hof-resolve-track-artist{color:#666;font-size:.72rem;display:block}.hof-resolve-track-album{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;display:block;overflow:hidden}.hof-resolve-select{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:4px;flex-shrink:0;padding:.3rem .7rem;font-size:.7rem}.hof-resolve-select:hover{background:#6358f5}.hof-resolve-local{border-top:1px solid #e2e8f0;flex-direction:column;gap:.6rem;padding-top:.75rem;display:flex}.hof-resolve-hint{padding:.5rem 0}.hof-resolve-hint-label{color:#888;margin-bottom:.3rem;font-size:.75rem}.hof-resolve-hint-track{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:.5rem;padding:.4rem .6rem}.hof-resolve-hint-name{color:#166534;font-size:.82rem;font-weight:600;display:block}.hof-resolve-hint-detail{color:#4ade80;font-size:.72rem;display:block}.hof-resolve-upload-btn{color:#555;cursor:pointer;text-align:center;background:#fff;border:1px dashed #aaa;border-radius:6px;padding:.4rem 1rem;font-size:.8rem;display:inline-block}.hof-resolve-upload-btn:hover{color:#4f46e5;background:#f0f4ff;border-color:#4f46e5}.hof-resolve-upload-hint{color:#166534;background:#f0fdf4;border-color:#22c55e}.hof-resolve-upload-hint:hover{color:#166534;background:#dcfce7;border-color:#16a34a}@media (width<=600px){.hof-header h1{font-size:1.4rem}.hof-rank-display{font-size:2.5rem}.hof-now-info h2{font-size:1.2rem}.hof-now-playing{padding:1.25rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#2c3e50;background:linear-gradient(#b0e0e6 0%,#f0f7fb 30%,#fff 60%);min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.cloud-bg{z-index:-1;pointer-events:none;background:radial-gradient(600px 120px at 15% 60%,#ffffffb3 0%,#0000 70%),radial-gradient(500px 100px at 70% 40%,#fff9 0%,#0000 70%),linear-gradient(#87ceeb 0%,#b0e0e6 50%,#f0f7fb 100%);height:400px;position:fixed;top:0;left:0;right:0}a{color:#3a7ca5;text-decoration:none}a:hover{color:#2d6a8f}