.work-discovery-modes{display:flex;gap:var(--sp-4);margin:0}
.work-discovery-modes button{flex:1;min-height:var(--control-h);padding:var(--sp-4) var(--sp-8);border:2px solid var(--c-navy);border-radius:var(--radius-m);background:var(--c-white);color:var(--c-navy);font:inherit;font-size:var(--fs-ui-meta);font-weight:800;line-height:var(--lh-normal);cursor:pointer}
.work-discovery-modes button[aria-pressed=true]{background:var(--c-navy);color:var(--c-white)}
.work-discovery-modes button:focus-visible,.work-story-link:focus-visible,.work-story-info-link:focus-visible,.work-story-queue:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.work-era-controls{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin:0}
.work-era-controls[hidden]{display:none}
.work-era-controls label{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--sp-4);font-size:var(--fs-ui-body);font-weight:800;line-height:var(--lh-normal)}
.work-era-controls select{width:100%;box-sizing:border-box;min-height:var(--control-h);padding:var(--sp-8);border:2px solid var(--c-navy);border-radius:var(--radius-m);background:var(--c-white);color:var(--c-navy);font:inherit;font-size:var(--fs-ui-input);font-weight:400;font-family:var(--font-body);}
.work-search-controls .work-browse-heading{font-size:var(--fs-ui-emphasis)}
@media (min-width: 960px){.work-search-controls .work-discovery-modes button{font-size:var(--fs-ui-emphasis)}}
.work-search-controls #shuffle-works{padding:var(--sp-4) var(--sp-12);font-size:var(--fs-ui-meta);line-height:var(--lh-normal)}
.work-search-controls #work-search{font-size:var(--fs-ui-input);line-height:var(--lh-normal)}
.work-search-controls .work-filter-help{font-size:var(--fs-ui-meta);line-height:var(--lh-normal)}
.work-search-controls .filters{gap:var(--sp-4)}
.work-search-controls .filters label{padding:0 var(--sp-8);font-size:var(--fs-ui-meta);line-height:var(--lh-normal)}
.work-story-list{display:flex;flex-direction:column;background:var(--c-white)}
.work-story{border-bottom:1px solid var(--c-border)}
.work-story-link{display:grid;grid-template-columns:calc(2 * var(--sp-32)) minmax(0,1fr);align-items:start;gap:var(--sp-12);padding:var(--sp-16) var(--sp-16) var(--sp-12);color:var(--c-navy);text-decoration:none}
.work-story-thumbnail{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--c-bg-soft)}
.work-story-thumbnail .work-thumb{display:block;width:100%;height:100%;object-fit:cover}
.work-story-thumbnail .thumb-empty{display:grid;place-items:center}
.work-story-thumbnail svg{width:var(--sp-24);height:var(--sp-24);fill:none;stroke:currentColor;stroke-width:2}
.work-story-link:hover{background:var(--c-bg-soft)}
.work-story-text{margin:0;font-size:var(--fs-ui-body);font-weight:400;line-height:var(--lh-relaxed);white-space:pre-wrap;overflow-wrap:anywhere}
.work-story-person{display:flex;align-items:flex-start;gap:var(--sp-4);padding:0 var(--sp-4) var(--sp-16) var(--sp-16)}
.work-story-info-link{display:flex;flex:1;min-width:0;align-items:center;gap:var(--sp-8);color:var(--c-navy);text-decoration:none}
.work-story-actions{display:flex;flex:none}
.work-story-queue{display:grid;place-items:center;flex:none;width:var(--control-h);height:var(--control-h);padding:0;border:0;border-radius:var(--radius-m);background:transparent;color:var(--c-navy);cursor:pointer}
.work-story-queue:hover{background:var(--c-bg-soft)}
.work-story-queue svg{width:var(--sp-16);height:var(--sp-16);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.work-story-copy{min-width:0;overflow-wrap:anywhere}
.work-story-avatar{position:relative;display:grid;place-items:center;flex:none;width:var(--sp-32);height:var(--sp-32);border-radius:50%;overflow:hidden;background:var(--c-bg-soft);color:var(--c-navy)}
.work-story-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.work-story-avatar svg{width:var(--sp-24);height:var(--sp-24);fill:none;stroke:currentColor;stroke-width:1.8}
.work-story-title{display:block;font-size:var(--fs-ui-body);font-weight:800;line-height:var(--lh-normal)}
.work-story-singer{display:block;margin-top:var(--sp-4);color:var(--c-text-sub);font-size:var(--fs-ui-meta);line-height:var(--lh-normal);font-weight:400;}

.work-search-empty{margin:var(--sp-16)}

.work-search-controls #shuffle-works{align-self:flex-start;width:fit-content;max-width:100%}

.work-scroll-end{height:var(--sp-2);flex:none}
#work-browse :is(#shuffle-works,[data-work-shuffle]){margin-bottom:var(--sp-12)}
@media (min-width: 960px){#work-browse :is(#shuffle-works,[data-work-shuffle]){margin-bottom:0}}