.chart-dialog{width:min(calc(100% - 1rem),48rem);height:min(calc(100svh - 1rem),46rem);padding:0;overflow:hidden;border:1px solid #ffffff24;border-radius:1.1rem;background:#171024;color:#fff;box-shadow:0 2rem 7rem #000a}.chart-dialog::backdrop{background:#08050ebd;backdrop-filter:blur(8px)}.chart-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4.7rem;padding:.8rem 3.5rem .8rem 1.2rem;border-bottom:1px solid var(--line)}.chart-dialog header small{color:var(--muted);font-size:.58rem;letter-spacing:.12em}.chart-dialog h2{margin:.2rem 0 0}.chart-dialog header>span{padding:.35rem .6rem;border-radius:1rem;background:#9b6bff1b;color:#d2c1f8;font-size:.7rem;font-weight:800}.chart-close{position:absolute;z-index:2;top:.8rem;right:.8rem;width:2rem;height:2rem;border:1px solid var(--line);border-radius:50%;background:#ffffff0a;color:#fff;font-size:1.2rem;cursor:pointer}.chart-modal-tabs{display:flex;gap:.3rem;padding:.45rem;border-bottom:1px solid var(--line);background:#0d0817}.chart-modal-tabs button{flex:1;padding:.5rem;border:0;border-radius:.55rem;background:transparent;color:var(--muted);font-size:.72rem;font-weight:800;cursor:pointer}.chart-modal-tabs button.is-active{background:#9b6bff1c;color:#fff}.chart-modal-tab{display:none;height:calc(100% - 8.1rem);overflow-y:auto;padding:1rem}.chart-modal-tab.is-active{display:block}.chart-rules{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.chart-rules span,.chart-info{padding:.4rem .6rem;border-radius:.55rem;background:#ffffff07;color:var(--muted);font-size:.68rem}.chart-edition-heading{display:flex;align-items:center;justify-content:space-between;padding:.65rem}.chart-edition-heading small{color:var(--muted)}.chart-entry{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem;border-bottom:1px solid var(--line)}.chart-entry.is-voted{background:#5ce1a008}.chart-position{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.55rem;background:#9b6bff17;color:#cdbafa;font-weight:900}.chart-entry-copy{display:grid;gap:.15rem}.chart-song-title{padding:0;border:0;background:none;color:#fff;text-align:left;font-weight:800;cursor:pointer}.chart-vote-count{color:var(--muted);font-size:.66rem}.chart-entry-actions-public{display:flex;gap:.35rem}.chart-listen,.chart-vote{display:grid;min-width:2.2rem;height:2.2rem;place-items:center;border:1px solid var(--line);border-radius:.55rem;background:#ffffff07;color:#fff;text-decoration:none;font-size:.7rem;font-weight:800;cursor:pointer}.chart-vote{padding:0 .65rem;background:#9b6bff21;color:#d8c9fc}.chart-vote:disabled{opacity:.5;cursor:default}.chart-youtube-player{grid-column:2/-1;aspect-ratio:16/9;margin:.5rem 0}.chart-youtube-player iframe{width:100%;height:100%;min-height:0;border-radius:.7rem}.chart-winner-public{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.7rem;padding:.7rem;border-bottom:1px solid var(--line)}.chart-winner-public>div{display:grid;gap:.15rem}.chart-winner-public small{color:var(--muted)}#chartSuggestionForm{display:grid;gap:.8rem;margin-top:1rem}#chartSuggestionForm label{display:grid;gap:.4rem;color:#ddd4e5;font-size:.75rem;font-weight:800}#chartSuggestionForm input{border:1px solid var(--line);border-radius:.7rem;background:#05030a85;padding:.75rem;color:#fff}#chartSuggestionForm button{padding:.7rem;border:0;border-radius:.7rem;background:linear-gradient(135deg,var(--violet),#7645ef);color:#fff;font-weight:800}#chartSuggestionNotice{margin-top:.8rem;color:#d2c1f8;font-size:.75rem}.chart-empty{padding:3rem 1rem;color:var(--muted);text-align:center}.chart-toast{position:fixed;z-index:100;top:1rem;left:50%;width:min(calc(100% - 2rem),28rem);padding:.7rem 1rem;transform:translateX(-50%);border:1px solid #9b6bff55;border-radius:.8rem;background:#211435f2;color:#e4d9fb;text-align:center;transition:.45s}.chart-toast.is-error{border-color:#ff668555;background:#321520f2;color:#ffc1ce}.chart-toast.is-leaving{opacity:0;transform:translate(-50%,-.6rem)}@media(max-width:600px){.chart-dialog{width:100%;height:100svh;max-width:none;max-height:none;border:0;border-radius:0}.chart-entry{grid-template-columns:2rem 1fr}.chart-entry-actions-public{grid-column:2}.chart-dialog header>span{font-size:.58rem}.chart-modal-tab{padding:.65rem}}