*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.app{margin:0 auto;max-width:700px;padding:2rem 1rem;text-align:center}.app-title{font-size:2rem;margin-bottom:.25rem}.app-subtitle{font-size:.9rem;margin-bottom:2rem;opacity:.7}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#e94560;height:40px;margin:2rem auto 1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{color:#e94560;margin-top:2rem}.welcome h2{margin-bottom:.5rem}.welcome p{opacity:.9}.name-input-wrapper,.welcome p{margin-bottom:1rem}.name-input{background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;color:#fff;font-size:1rem;max-width:300px;padding:.6rem 1rem;text-align:center;transition:border-color .2s,background .2s;width:100%}.name-input::placeholder{color:#fff6}.name-input:focus{background:#ffffff26;border-color:#e94560;outline:none}.group-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem}.group-checkbox{background:#ffffff1a;border-radius:8px;cursor:pointer;padding:.5rem 1rem;transition:background .2s}.group-checkbox:hover{background:#fff3}.group-checkbox input{margin-right:.4rem}.song-count{font-size:.85rem;margin-bottom:1.5rem;opacity:.6}.btn-restart,.btn-start{background:#e94560;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.8rem 2.5rem;transition:transform .15s,background .2s}.btn-restart:hover,.btn-start:hover{background:#c73752;transform:scale(1.05)}.btn-start:disabled{cursor:not-allowed;opacity:.4;transform:none}.progress-bar-container{background:#ffffff26;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-bar{background:#e94560;border-radius:3px;height:100%;transition:width .3s ease}.progress-text{font-size:.8rem;opacity:.6}.comparison h2,.progress-text{margin-bottom:1.5rem}.matchup{flex-wrap:wrap;gap:1rem}.matchup,.song-card{align-items:center;display:flex;justify-content:center}.song-card{background:#ffffff14;border:2px solid #ffffff26;border-radius:16px;color:#fff;cursor:pointer;flex-direction:column;gap:.5rem;height:340px;overflow:hidden;padding:1.5rem 1.25rem;transition:transform .15s,border-color .2s,background .2s;width:250px}.song-card:hover{background:#e9456026;border-color:#e94560;transform:scale(1.05)}.album-art{border-radius:12px;box-shadow:0 4px 15px #0000004d;height:150px;margin-bottom:.5rem;object-fit:cover;width:150px}.song-card .song-title{font-size:1.1rem;font-weight:600}.song-card .song-group{font-size:.75rem;opacity:.6}.song-romaji{font-size:.8rem;font-style:italic;opacity:.55}.song-card .song-album{font-size:.7rem;opacity:.45}.vs{font-size:1.5rem;font-weight:700;opacity:.5}.results h2{margin-bottom:1.5rem}.podium{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.podium-item{align-items:center;background:#ffffff0f;border-radius:14px;display:flex;flex-direction:column;gap:.35rem;padding:1rem .75rem;transition:transform .2s;width:clamp(100px,28vw,140px)}.podium-item:hover{transform:translateY(-4px)}.podium-1{border:2px solid gold;box-shadow:0 0 20px #ffd70040;order:2;padding-bottom:1.5rem}.podium-2{border:2px solid silver;order:1}.podium-3{border:2px solid #cd7f32;order:3}.podium-medal{font-size:1.6rem}.podium-art{border-radius:10px;box-shadow:0 4px 12px #0006;height:clamp(60px,20vw,80px);object-fit:cover;width:clamp(60px,20vw,80px)}.podium-1 .podium-art{height:clamp(75px,25vw,100px);width:clamp(75px,25vw,100px)}.podium-title{font-size:.78rem;font-weight:600;line-height:1.25;text-align:center}.podium-group{font-size:.65rem;opacity:.55}.save-card{border:1px solid #ffffff1a;border-radius:16px;margin:0 auto 1.5rem;max-width:420px;padding:1.5rem 1.25rem}.save-all-card,.save-card{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.save-all-card{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:inherit;height:auto;left:-9999px;padding:20px 24px;position:absolute;top:0}.save-all-card-title{flex-shrink:0;font-size:1.3rem;margin:0 0 12px;text-align:center}.save-all-card-grid{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.save-all-card-item{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:3px;padding:6px 5px 5px;text-align:center}.save-all-card-item.save-all-top3{background:#ffd7000f;border-color:#ffd70066}.save-all-card-item.save-all-top5{background:#e945600f;border-color:#e9456059}.save-all-rank{align-self:flex-start;color:#e94560;flex-shrink:0;font-size:.7rem;font-weight:700;line-height:1}.save-all-art{border-radius:4px;flex:none;height:40px;object-fit:cover;width:40px}.save-all-song{font-size:.65rem;font-weight:500;line-height:1.2}.save-all-group,.save-all-song{flex-shrink:0;overflow-wrap:break-word;width:100%}.save-all-group{font-size:.55rem;opacity:.5}.save-card-title{font-size:1.15rem;margin-bottom:1rem;text-align:center}.save-card-list{display:flex;flex-direction:column;gap:.35rem;list-style:none}.save-card-item{align-items:center;background:#ffffff0a;border-radius:8px;display:flex;gap:.6rem;padding:.4rem .5rem}.save-card-rank{color:#e94560;font-size:.9rem;font-weight:700;min-width:2rem;text-align:center}.save-card-art{border-radius:6px;flex-shrink:0;height:34px;object-fit:cover;width:34px}.save-card-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem}.save-card-song{font-size:.82rem;font-weight:500}.save-card-group{font-size:.65rem;opacity:.5}.results-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.btn-action{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1.25rem;transition:background .2s,transform .15s}.btn-action:hover{background:#ffffff2e;transform:scale(1.03)}.btn-action:disabled{cursor:not-allowed;opacity:.5;transform:none}.full-ranking-heading{margin-bottom:.75rem}.results-list{list-style:none;margin:0 auto 1rem;max-width:500px;text-align:left}.result-item{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:.75rem;padding:.75rem 1rem}.result-top3{background:#ffd7000f}.result-top5:not(.result-top3){background:#e945600f}.result-item .rank{color:#e94560;font-weight:700;min-width:2.5rem}.result-album-art{border-radius:6px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.result-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.result-info .song-title{font-weight:500}.result-info .song-meta{font-size:.7rem;opacity:.5}.btn-expand{background:#0000;border:1px solid #e94560;border-radius:10px;color:#e94560;cursor:pointer;font-size:.9rem;margin-bottom:1.5rem;padding:.5rem 1.5rem;transition:background .2s}.btn-expand:hover{background:#e9456026}.results-list--expanded{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:0 auto 1rem;max-width:100%}.results-list--expanded .result-item{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:.3rem;padding:.5rem .4rem;text-align:center}.results-list--expanded .result-item.result-top3{border-color:#ffd70059}.results-list--expanded .result-item.result-top5:not(.result-top3){border-color:#e945604d}.results-list--expanded .result-item .rank{align-self:flex-start;font-size:.75rem;min-width:0;min-width:auto}.results-list--expanded .result-album-art{border-radius:6px;height:90px;object-fit:cover;width:100%}.results-list--expanded .result-info{width:100%}.results-list--expanded .result-info .song-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.75rem;overflow:hidden}.results-list--expanded .result-info .song-romaji{display:none}.results-list--expanded .result-info .song-meta{font-size:.65rem}.results-list--expanded .preview-audio{display:none}.song-card-wrapper{align-items:center;display:flex;flex-direction:column;gap:.5rem}.preview-audio{accent-color:#e94560;height:32px;max-width:250px;width:100%}.comparison-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.25rem}.btn-skip,.btn-undo{background:#ffffff14;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.88rem;padding:.5rem 1.25rem;transition:background .2s,transform .15s}.btn-skip:hover,.btn-undo:hover:not(:disabled){background:#ffffff29;transform:scale(1.04)}.btn-undo:disabled{cursor:not-allowed;opacity:.35;transform:none}.keyboard-hint{font-size:.72rem;margin-top:.75rem;opacity:.4}.select-all-row{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.btn-select-toggle{background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;padding:.35rem .9rem;transition:background .2s}.btn-select-toggle:hover:not(:disabled){background:#ffffff29}.btn-select-toggle:disabled{cursor:not-allowed;opacity:.35}.group-song-count{font-size:.72rem;margin-left:.3rem;opacity:.55}.quick-mode-section{align-items:center;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.quick-mode-toggle{align-items:center;background:#ffffff14;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;gap:.4rem;padding:.45rem 1rem;transition:background .2s}.quick-mode-toggle:hover{background:#ffffff24}.quick-mode-toggle input{accent-color:#e94560}.quick-mode-hint{font-size:.7rem;margin-left:.25rem;opacity:.5}.quick-mode-slider-wrapper{align-items:center;display:flex;flex-direction:column;gap:.3rem;max-width:280px;width:100%}.slider-label{font-size:.85rem;opacity:.8}.quick-mode-slider{accent-color:#e94560;cursor:pointer;width:100%}.restart-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.btn-sort-again{background:#e9456026;border:1px solid #e94560;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.75rem;transition:transform .15s,background .2s}.btn-sort-again:hover{background:#e945604d;transform:scale(1.05)}@media (max-width:600px){.app{padding:1.25rem .75rem}.app-title{font-size:1.5rem}.app-subtitle{margin-bottom:1.25rem}.comparison h2{font-size:1.1rem;margin-bottom:1rem}.matchup{flex-direction:column;gap:.5rem}.song-card{height:auto;max-width:280px;min-height:0;padding:1rem;width:100%}.album-art{height:110px;width:110px}.song-card .song-title{font-size:.95rem}.vs{font-size:1.1rem;margin:0}.preview-audio{max-width:220px}.podium{gap:.5rem}.podium-item{padding:.75rem .5rem;width:clamp(85px,27vw,130px)}.podium-art{height:clamp(50px,18vw,70px);width:clamp(50px,18vw,70px)}.podium-1 .podium-art{height:clamp(60px,22vw,90px);width:clamp(60px,22vw,90px)}.podium-title{font-size:.7rem}.podium-group{font-size:.6rem}.save-card{padding:1rem .75rem}.save-card-title{font-size:1rem}.result-item{flex-wrap:wrap;gap:.5rem;padding:.6rem .5rem}.result-item .rank{font-size:.85rem;min-width:2rem}.result-album-art{height:34px;width:34px}.result-info .song-title{font-size:.85rem}.result-item .preview-audio{flex-basis:100%;margin-left:2.5rem;max-width:none;width:100%}.results-actions{gap:.5rem}.btn-action{font-size:.8rem;padding:.5rem 1rem}.comparison-actions{gap:.5rem}.btn-skip,.btn-undo{font-size:.8rem;padding:.45rem 1rem}.btn-restart,.btn-start{font-size:1rem;padding:.7rem 2rem}.select-all-row{gap:.4rem}.btn-select-toggle{font-size:.75rem;padding:.3rem .7rem}.quick-mode-slider-wrapper{max-width:240px}.restart-actions{gap:.5rem}.btn-restart,.btn-sort-again{font-size:.9rem;padding:.65rem 1.25rem}.results-list--expanded{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.results-list--expanded .result-album-art{height:70px}}
/*# sourceMappingURL=main.d7750d29.css.map*/