.q-want{flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;max-width:100%;display:inline-flex}.q-want-mark{font-family:var(--font-mono), monospace;text-align:center;width:1ch;font-weight:700}.q-want-btn.is-on{border-color:var(--accent);color:var(--accent-2)}.q-want-btn.is-on:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.q-want-note-toggle{cursor:pointer;color:var(--muted);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;min-width:0;max-width:100%;padding:4px 0;font-size:.85rem}.q-want-note-toggle:hover{color:var(--text)}.q-want-note{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.q-want-note input{flex:200px;min-width:0;min-height:36px}.q-page{max-width:1040px}.q-pick{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--accent);grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,44px);margin-bottom:clamp(32px,5vw,52px);padding:clamp(18px,3vw,28px);display:grid}.q-pick-cover .cover{outline:1px solid var(--line);outline-offset:-1px}.q-pick-body{min-width:0}.q-pick-title{overflow-wrap:anywhere;margin:12px 0 8px;font-size:clamp(1.9rem,4.6vw,3.4rem);line-height:.98}.q-pick-title a:hover{color:var(--accent-2)}.q-pick-artist{color:var(--muted);overflow-wrap:anywhere;margin-bottom:14px;font-size:1.1rem}.q-pick-note{color:var(--text);overflow-wrap:anywhere;margin:0 0 10px;font-style:italic}.q-pick-meta{margin:0 0 18px;font-size:.86rem}.q-pick-meta b{color:var(--accent-2)}@media (max-width:620px){.q-pick{grid-template-columns:1fr}.q-pick-cover{width:min(220px,64vw)}}.q-sort{column-gap:24px;margin-bottom:8px}.q-sort a,.q-sort a:first-child{padding-inline:0}@media (max-width:520px){.q-sort{column-gap:16px}.q-sort a{padding-block:8px 9px;font-size:.86rem}}.q-list{margin:0;padding:0;list-style:none}.q-item{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr) auto auto;align-items:center;gap:8px 18px;padding:14px 0;display:grid}.q-item-cover .cover{outline:1px solid var(--line);outline-offset:-1px;transition:opacity .15s}.q-item-cover:hover .cover{opacity:.85}.q-item-body{gap:2px;min-width:0;display:grid}.q-item-title{overflow-wrap:anywhere;font-weight:600;line-height:1.3}.q-item-title:hover{color:var(--accent-2)}.q-item-artist{color:var(--muted);overflow-wrap:anywhere;font-size:.9rem}.q-item-note{color:var(--text);opacity:.85;overflow-wrap:anywhere;font-size:.88rem;font-style:italic}.q-item-score{justify-items:center;min-width:52px;line-height:1.1;display:grid}.q-item-score b{color:var(--text);font-size:1.25rem}.q-item-score small{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.62rem}.q-item-acts{gap:8px;display:flex}.q-item-err{grid-column:2/-1}.q-item-gone{flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:72px;display:flex}@media (max-width:620px){.q-item{grid-template-columns:56px minmax(0,1fr) auto;align-items:start;gap:8px 12px}.q-item-acts{grid-column:2/-1}.q-item-score{min-width:40px}}.q-pages{justify-content:center;margin-top:28px}.q-user-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px;display:flex}.q-user-head .p-title{margin:0}.q-user-sub{margin:8px 0 0;font-size:.9rem}.q-user-sub:empty{display:none}.q-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:24px 14px;display:grid}@media (min-width:720px){.q-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:28px 20px}}.q-tile{min-width:0;color:var(--text);align-content:start;gap:2px;display:grid}.q-tile .cover{outline:1px solid var(--line);outline-offset:-1px;margin-bottom:8px;transition:opacity .15s}.q-tile:hover .cover{opacity:.85}.q-tile:hover .q-tile-title{color:var(--accent-2)}.q-tile-title{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;line-height:1.3;overflow:hidden}.q-tile-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.q-tile-avg{color:var(--faint);font-size:.78rem}.q-tile-avg .mono{color:var(--accent-2)}.q-tile-note{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:2px;font-size:.82rem;font-style:italic;display:-webkit-box;overflow:hidden}.q-upnext-list{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.q-upnext-list li{align-items:center;gap:10px;min-width:0;display:flex}.q-upnext-item{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.q-upnext-item .cover{outline:1px solid var(--line);outline-offset:-1px;flex:none;width:48px}.q-upnext-text{min-width:0;line-height:1.3;display:grid}.q-upnext-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.q-upnext-item:hover .q-upnext-title{color:var(--accent-2)}.q-upnext-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.q-upnext-log{border:1px solid var(--line-2);color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;flex:none;padding:4px 10px;font-size:.68rem;transition:color .15s,border-color .15s}.q-upnext-log:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.q-fromqueue{margin-top:40px}.q-fromqueue-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:14px;display:flex}.q-fromqueue-head h2{font-size:1.3rem}.q-fromqueue-head .link{font-size:.9rem}@media (prefers-reduced-motion:reduce){.q-item-cover .cover,.q-tile .cover,.q-upnext-log{transition:none}}
