.eos-tune{max-width:760px;margin-inline:auto}.eos-tune--dj{max-width:900px}.eos-tune .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eos-tune .eos-button{gap:var(--eos-space-2)}.eos-tune .eos-button .eos-icon{width:18px;height:18px}.eos-tune-wish{display:grid;gap:var(--eos-space-4);margin-bottom:var(--eos-space-5);padding:var(--eos-space-5);background:var(--eos-color-surface);border:1px solid var(--eos-color-border);border-radius:var(--eos-radius-lg)}.eos-tune-wish__title{margin:0;font-size:var(--eos-text-lg);color:var(--eos-color-text-strong)}.eos-tune-wish__form{display:grid;gap:var(--eos-space-3)}.eos-tune-wish__form[hidden]{display:none}@media (min-width:640px){.eos-tune-wish__form{grid-template-columns:1fr 1fr auto;align-items:end}}.eos-tune-wish__submit:disabled{cursor:not-allowed;opacity:.6}.eos-tune-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.eos-tune-artist{position:relative}.eos-tune-suggest{position:absolute;top:100%;left:0;right:0;z-index:20;max-height:264px;margin:var(--eos-space-1) 0 0;padding:var(--eos-space-1);overflow-y:auto;list-style:none;background:var(--eos-color-surface);border:1px solid var(--eos-color-border-strong);border-radius:var(--eos-radius-md);box-shadow:var(--eos-shadow-md)}.eos-tune-suggest[hidden]{display:none}.eos-tune-suggest li{padding:var(--eos-space-3);border-radius:6px;cursor:pointer}.eos-tune-suggest li:hover,.eos-tune-suggest li[aria-selected=true]{color:var(--eos-color-text-strong);background:var(--eos-color-hover-surface)}.eos-tune-feedback:empty{display:none}.eos-tune-feedback .eos-message{display:flex;flex-wrap:wrap;align-items:center;gap:var(--eos-space-2) var(--eos-space-3)}.eos-tune--dj .eos-tune-feedback,.eos-tune--dj>.eos-message{margin-bottom:var(--eos-space-4)}.eos-tune-feedback__vote{display:inline-flex;align-items:center;gap:var(--eos-space-2);min-height:36px;padding:0 var(--eos-space-3);font:inherit;font-weight:600;color:var(--eos-color-accent-text);background:var(--eos-color-accent);border:0;border-radius:var(--eos-radius-md);cursor:pointer}.eos-tune-feedback__vote:hover,.eos-tune-feedback__vote:focus{background:var(--eos-color-accent-hover)}.eos-tune-feedback__vote:disabled{cursor:default;opacity:.7}.eos-tune-feedback__vote .eos-icon{width:16px;height:16px}.eos-tune-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--eos-space-3);margin-bottom:var(--eos-space-4)}.eos-tune-search{position:relative;display:block;flex:1 1 240px}.eos-tune-search input{width:100%;height:var(--eos-input-height);padding:0 var(--eos-space-3) 0 calc(var(--eos-space-6) + var(--eos-space-2));font-size:var(--eos-text-base);color:var(--eos-color-text);background:var(--eos-color-bg);border:1px solid var(--eos-color-border-strong);border-radius:var(--eos-radius-md)}.eos-tune-search__icon{position:absolute;top:50%;left:var(--eos-space-3);width:18px;height:18px;color:var(--eos-color-text-muted);transform:translateY(-50%);pointer-events:none}.eos-tune-sort{display:inline-flex;padding:3px;background:var(--eos-color-surface);border:1px solid var(--eos-color-border);border-radius:var(--eos-radius-md)}.eos-tune-sort__option{min-height:38px;padding:0 var(--eos-space-4);font:inherit;font-size:var(--eos-text-sm);font-weight:600;color:var(--eos-color-text-muted);background:0 0;border:0;border-radius:6px;cursor:pointer;transition:background var(--eos-transition-fast),color var(--eos-transition-fast)}.eos-tune-sort__option:hover{color:var(--eos-color-text)}.eos-tune-sort__option[aria-pressed=true]{color:var(--eos-color-accent-text);background:var(--eos-color-accent)}.eos-wishes{display:grid;gap:var(--eos-space-2);margin:0;padding:0;list-style:none}.eos-wish{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:var(--eos-space-3);padding:var(--eos-space-3) var(--eos-space-4) var(--eos-space-3) var(--eos-space-3);background:var(--eos-color-surface);border:1px solid var(--eos-color-border);border-radius:var(--eos-radius-lg)}.eos-wish[hidden]{display:none}.eos-wish.is-pinned{border-color:var(--eos-color-accent);box-shadow:inset 4px 0 0 var(--eos-color-accent)}.eos-wish.is-done>.eos-vote,.eos-wish.is-done>.eos-wish__main{opacity:.5}.eos-wish__main{min-width:0}.eos-wish__title{margin:0;font-weight:700;line-height:1.3;color:var(--eos-color-text-strong);overflow-wrap:anywhere}.eos-wish__artist{margin:2px 0 0;font-size:var(--eos-text-sm);color:var(--eos-color-text-muted);overflow-wrap:anywhere}.eos-wish__time{margin-left:var(--eos-space-2);font-variant-numeric:tabular-nums;opacity:.8}.eos-wish__tags{display:flex;flex-wrap:wrap;gap:6px;margin:var(--eos-space-2) 0 0}.eos-tag{display:inline-flex;align-items:center;gap:var(--eos-space-1);padding:2px var(--eos-space-2);font-size:.75rem;font-weight:600;line-height:1.5;color:var(--eos-color-text);border:1px solid var(--eos-color-border-strong);border-radius:999px}.eos-tag .eos-icon{width:12px;height:12px}.eos-tag--pinned{color:var(--eos-color-accent-text);background:var(--eos-color-accent);border-color:transparent}.eos-tag--played{color:var(--eos-color-text-strong);background:var(--eos-color-success);border-color:transparent}.eos-tag--rejected{color:var(--eos-color-text-strong);background:var(--eos-color-danger);border-color:transparent}.eos-tag--own{color:var(--eos-color-text-muted)}.eos-wish__note{display:flex;align-items:flex-start;gap:var(--eos-space-2);margin:var(--eos-space-2) 0 0;font-size:var(--eos-text-sm);color:var(--eos-color-text);overflow-wrap:anywhere}.eos-wish__note-icon{width:16px;height:16px;margin-top:2px;color:var(--eos-color-text-muted)}.eos-vote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;min-height:52px;padding:6px;font:inherit;color:var(--eos-color-text-muted);background:0 0;border:1px solid var(--eos-color-border-strong);border-radius:var(--eos-radius-md);cursor:pointer;transition:background var(--eos-transition-fast),color var(--eos-transition-fast),border-color var(--eos-transition-fast)}.eos-vote__icon{width:20px;height:20px}.eos-vote__count{font-size:var(--eos-text-sm);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:var(--eos-color-text-strong)}button.eos-vote:hover{color:var(--eos-color-text);background:var(--eos-color-hover-surface)}.eos-vote.is-voted,button.eos-vote.is-voted:hover{color:var(--eos-color-accent-text);background:var(--eos-color-accent);border-color:var(--eos-color-accent)}.eos-vote.is-voted .eos-vote__count{color:var(--eos-color-accent-text)}.eos-vote.is-static{cursor:default;border-color:transparent}.eos-vote.is-bumped .eos-vote__icon{animation:eos-tune-bump .26s ease-out}@keyframes eos-tune-bump{50%{transform:scale(1.3)}}.eos-vote:disabled{cursor:wait}.eos-tune-empty{display:flex;flex-direction:column;align-items:center;gap:var(--eos-space-3);margin:0;padding:var(--eos-space-6) var(--eos-space-5);text-align:center;color:var(--eos-color-text-muted);border:1px dashed var(--eos-color-border-strong);border-radius:var(--eos-radius-lg)}.eos-tune-empty[hidden]{display:none}[data-eos-noresults]{margin-bottom:var(--eos-space-3)}.eos-tune-empty__icon{width:40px;height:40px}.eos-tune-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--eos-space-2);margin:0 0 var(--eos-space-4)}@media (min-width:560px){.eos-tune-stats{grid-template-columns:repeat(4,1fr)}}.eos-tune-stats__item{padding:var(--eos-space-3) var(--eos-space-4);background:var(--eos-color-surface);border:1px solid var(--eos-color-border);border-radius:var(--eos-radius-lg)}.eos-tune-stats dt{font-size:var(--eos-text-sm);color:var(--eos-color-text-muted)}.eos-tune-stats dd{margin:0;font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--eos-color-text-strong)}.eos-tune-stats__item--offen{border-color:var(--eos-color-accent)}.eos-tune-controls{display:flex;flex-wrap:wrap;gap:var(--eos-space-2);margin-bottom:var(--eos-space-4)}.eos-tune-pause__state{display:inline-flex;align-items:center;gap:var(--eos-space-2)}.eos-tune-pause[aria-pressed=true] .eos-tune-pause__state--open,.eos-tune-pause[aria-pressed=false] .eos-tune-pause__state--paused{display:none}.eos-tune-pause[aria-pressed=true]{color:var(--eos-color-text-strong);border-color:var(--eos-color-accent)}.eos-tune .eos-button .eos-tune-caret{width:12px;height:12px}.eos-wishes--dj .eos-wish{grid-template-columns:auto minmax(0, 1fr) auto}.eos-wish__actions{display:flex;align-items:center;gap:var(--eos-space-1)}.eos-iconbutton{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--eos-color-text);background:0 0;border:1px solid var(--eos-color-border-strong);border-radius:var(--eos-radius-md);cursor:pointer;transition:background var(--eos-transition-fast)}.eos-iconbutton .eos-icon{width:20px;height:20px}.eos-iconbutton:hover,.eos-iconbutton[aria-expanded=true]{background:var(--eos-color-hover-surface)}.eos-iconbutton--play{color:var(--eos-color-text-strong);background:var(--eos-color-success);border-color:transparent}.eos-iconbutton--play:hover{background:var(--eos-color-success);filter:brightness(1.15)}.eos-iconbutton:disabled{cursor:wait;opacity:.6}.eos-dropdown{position:relative}.eos-menu{position:absolute;top:calc(100% + var(--eos-space-1));right:0;z-index:30;min-width:220px;margin:0;padding:var(--eos-space-1);list-style:none;background:var(--eos-color-surface);border:1px solid var(--eos-color-border-strong);border-radius:var(--eos-radius-md);box-shadow:var(--eos-shadow-md)}.eos-tune-controls .eos-menu{right:auto;left:0}.eos-menu[hidden]{display:none}.eos-menu__item{display:flex;align-items:center;gap:var(--eos-space-3);width:100%;min-height:44px;padding:0 var(--eos-space-3);font:inherit;font-size:var(--eos-text-sm);text-align:left;color:var(--eos-color-text);background:0 0;border:0;border-radius:6px;cursor:pointer}.eos-menu__item .eos-icon{width:18px;height:18px;color:var(--eos-color-text-muted)}.eos-menu__item:hover,.eos-menu__item:focus-visible{color:var(--eos-color-text-strong);background:var(--eos-color-hover-surface)}.eos-menu__item--danger:hover,.eos-menu__item--danger:focus-visible{background:var(--eos-color-danger)}.eos-menu__item--danger:hover .eos-icon,.eos-menu__item--danger:focus-visible .eos-icon{color:var(--eos-color-text-strong)}.eos-note-editor{display:flex;flex-wrap:wrap;gap:var(--eos-space-2);grid-column:1/-1}.eos-note-editor input{flex:1 1 220px;height:var(--eos-input-height);padding:0 var(--eos-space-3);font-size:var(--eos-text-base);color:var(--eos-color-text);background:var(--eos-color-bg);border:1px solid var(--eos-color-border-strong);border-radius:var(--eos-radius-md)}@media (max-width:479px){.eos-wish{gap:var(--eos-space-2);padding-right:var(--eos-space-3)}.eos-vote{min-width:46px}}@media (prefers-reduced-motion:reduce){.eos-vote,.eos-iconbutton,.eos-tune-sort__option{transition:none}.eos-vote.is-bumped .eos-vote__icon{animation:none}}