:root{--mix-text:var(--foreground);--mix-bg:var(--background);--mix-accent:var(--gold)}.my-mix-add,.my-mix-actions button,.my-mix-track-actions button{border:1px solid var(--line);min-height:46px;color:var(--mix-text);font:inherit;cursor:pointer;background:0 0;padding:.65rem .9rem;font-size:.78rem}.my-mix-add:hover,.my-mix-actions button:hover,.my-mix-track-actions button:hover:not(:disabled){border-color:var(--mix-accent)}.my-mix-add:disabled,.my-mix-track-actions button:disabled{opacity:.4;cursor:default}.my-mix-add:focus-visible,.my-mix-actions button:focus-visible,.my-mix-track-actions button:focus-visible,.my-mix-dialog :focus-visible,.my-mix-rename input:focus-visible{outline:3px solid var(--mix-accent);outline-offset:3px}.my-mix-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-block:1rem;display:flex}.my-mix-actions a{color:var(--mix-accent);padding:.5rem;font-size:.85rem}.my-mix-note{color:var(--muted);font-size:.9rem;line-height:1.6}.my-mix-library{gap:1.5rem;margin-block:2rem;display:grid}.my-mix-card{border:1px solid var(--line);background:var(--panel);min-width:0;padding:1.5rem}.my-mix-card-heading{grid-template-columns:100px minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.my-mix-art{border:1px solid var(--line);width:100px;height:100px;color:var(--mix-accent);place-items:center;display:grid}.my-mix-art img{object-fit:contain;width:100%;height:100%}.my-mix-card h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.my-mix-card .radio-play-collection{overflow-wrap:anywhere;max-width:100%}.my-mix-card-heading p{color:var(--muted);font-size:.8rem;line-height:1.5}.my-mix-tracks{margin:1rem 0 0;padding:0;list-style:none}.my-mix-tracks li{border-top:1px solid var(--line);align-items:center;gap:1rem;padding:.6rem 0;display:flex}.my-mix-song{flex:1;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:.5rem;min-width:0;display:grid}.my-mix-song>span:first-child{color:var(--mix-accent);font:.7rem monospace}.my-mix-song a,.my-mix-song>span:nth-child(2){overflow-wrap:anywhere;font-size:.85rem;text-decoration:none}.my-mix-song small{color:var(--muted);grid-column:2;font-size:.7rem}.my-mix-track-actions{gap:.3rem;display:flex}.my-mix-track-actions button{width:44px;min-height:44px;padding:0;font-size:1.1rem}.my-mix-dialog{border:1px solid var(--mix-accent);width:min(480px,100vw - 32px);max-height:85dvh;color:var(--mix-text);background:var(--mix-bg);box-sizing:border-box;padding:1.5rem;overflow:auto}.my-mix-dialog::backdrop{background:#000b}.my-mix-dialog h2{margin-top:0;font-size:1.6rem}.my-mix-dialog p{overflow-wrap:anywhere;line-height:1.5}.my-mix-dialog label,.my-mix-rename label{gap:.6rem;margin-block:1rem;font-size:.85rem;display:grid}.my-mix-dialog input,.my-mix-dialog select,.my-mix-rename input{box-sizing:border-box;border:1px solid var(--line);background:var(--mix-bg);width:100%;min-width:0;min-height:46px;color:var(--mix-text);font:inherit;padding:.65rem}.my-mix-dialog .my-mix-actions button:first-child{background:var(--mix-accent);color:var(--mix-bg);border-color:var(--mix-accent)}.my-mix-delete{border:1px solid #cb405270;padding:.75rem}.my-mix-delete p{overflow-wrap:anywhere;font-size:.9rem;line-height:1.5}.my-mix-toast{z-index:100;box-sizing:border-box;background:var(--mix-bg);border:1px solid var(--mix-accent);overflow-wrap:anywhere;align-items:center;gap:.75rem;width:max-content;max-width:min(550px,100vw - 24px);padding:.5rem .75rem;font-size:.85rem;display:flex;position:fixed;top:5.5rem;left:50%;transform:translate(-50%)}.my-mix-toast button{pointer-events:auto;border:1px solid var(--line);width:44px;height:44px;color:var(--mix-text);cursor:pointer;font:inherit;background:0 0;flex-shrink:0}.my-mixes-page{padding-bottom:3rem}@media (max-width:520px){.my-mix-card{padding:1rem}.my-mix-card-heading{grid-template-columns:64px minmax(0,1fr);gap:.75rem}.my-mix-art{width:64px;height:64px}.my-mix-tracks li{flex-wrap:wrap;gap:.5rem}.my-mix-song{flex-basis:100%}.my-mix-track-actions{margin-left:auto}.my-mix-dialog{padding:1rem}}.my-mix-track-actions button[data-action=up],.my-mix-track-actions button[data-action=down]{font-size:.65rem}.my-mix-art{background:radial-gradient(circle, var(--panel-strong,#ffffff12), transparent);border-radius:50%;font-size:2.5rem}.my-mix-library{padding-bottom:2rem}.my-mix-dialog,.my-mix-toast{border-radius:.75rem;box-shadow:0 16px 60px #0006}.my-mix-card{border-radius:.75rem}.my-mix-dialog button,.my-mix-card button,.my-mix-toast a{min-height:44px}.my-mix-toast a{flex-shrink:0;align-items:center;text-decoration:underline;display:inline-flex}.my-mix-track-actions button{font-size:.75rem}.my-mix-card .aar-actions{flex-wrap:wrap}.my-mix-card .aar-actions button{white-space:normal;overflow-wrap:anywhere}.my-mix-actions+.favorites-empty{border:1px solid var(--line);background:var(--panel,#ffffff04);border-radius:.75rem;margin-block:1.5rem 2rem;padding:clamp(1.25rem,3vw,2rem);line-height:1.7}.my-mix-actions+.favorites-empty h2{margin-bottom:.6rem}.my-mix-actions+.favorites-empty>p{max-width:48rem;color:var(--muted)}.my-mix-actions+.favorites-empty .mix-jumps{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.my-mix-actions+.favorites-empty .mix-jumps a{border:1px solid var(--line);min-height:44px;color:var(--mix-accent);border-radius:.4rem;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.85rem;text-decoration:none;display:inline-flex}.my-mix-actions+.favorites-empty .mix-jumps a:hover{border-color:var(--mix-accent)}.my-mix-actions+.favorites-empty .mix-jumps a:focus-visible{outline:3px solid var(--mix-accent);outline-offset:3px}