.listening-history-open,.listening-history-open body{overflow:hidden}
.listening-history-dialog{box-sizing:border-box;width:min(calc(100% - var(--sp-32)),calc(var(--sp-40) * 15));max-height:calc(100dvh - var(--sp-32));padding:0;border:calc(var(--sp-4) / 2) solid var(--c-navy);border-radius:var(--radius-xl);color:var(--c-navy);background:var(--c-white);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:calc(var(--sp-16) * 2 + (var(--fs-ui-heading) + var(--fs-ui-compact)) * var(--lh-normal) + var(--sp-4) + var(--sp-4) / 4)}
.listening-history-dialog[open]{display:block}
.listening-history-dialog::backdrop{background:var(--c-overlay)}
.listening-history-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16);padding:var(--sp-16);border-bottom:calc(var(--sp-4) / 4) solid var(--c-border);background:var(--c-white)}
.listening-history-heading h2{margin:0;font-family:var(--font-heading);font-size:var(--fs-ui-heading);line-height:var(--lh-normal)}
.listening-history-year{margin:0 0 var(--sp-4);font-size:var(--fs-ui-compact);line-height:var(--lh-normal)}
.listening-history-body{padding:var(--sp-16)}
.listening-history-help,.listening-history-status{margin:0 0 var(--sp-16);font-size:var(--fs-ui-compact);line-height:var(--lh-normal)}
.listening-history-list{list-style:none;margin:0;padding:0}
.listening-history-list li+li{border-top:calc(var(--sp-4) / 4) solid var(--c-border)}
.listening-history-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--sp-12);align-items:start;padding:var(--sp-16) 0;color:var(--c-navy);text-decoration:none}
.listening-history-thumbnail{display:block;aspect-ratio:16/9;background:var(--c-bg-muted);border-radius:var(--radius-s);overflow:hidden}
.listening-history-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.listening-history-info{display:grid;gap:var(--sp-4);min-width:0;overflow-wrap:anywhere;font-size:var(--fs-ui-compact);line-height:var(--lh-normal)}
.listening-history-info strong{font-size:var(--fs-ui-body);text-decoration:underline}
.listening-history-info time{color:var(--c-text-sub)}
.listening-history-close,.listening-history-more,.listening-history-open-button{min-height:var(--control-h);padding:var(--sp-8) var(--sp-16);border:calc(var(--sp-4) / 2) solid var(--c-navy);border-radius:var(--radius-m);background:var(--c-white);color:var(--c-navy);font-family:var(--font-heading);font-size:var(--fs-ui-body);line-height:var(--lh-normal);cursor:pointer}
.listening-history-close{flex-shrink:0}
.listening-history-more{width:100%}
.listening-history-open-button{margin-top:var(--sp-16)}
.listening-history-work:focus-visible,.listening-history-dialog button:focus-visible,.listening-history-open-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.listening-history-dialog [hidden]{display:none}