utamita-trending-player{display:flex;flex-direction:column;gap:var(--sp-12);min-width:0}
.trending-arrow{display:grid;place-items:center;box-sizing:border-box;flex:none;width:var(--control-h);height:var(--control-h);padding:0;border:0;border-radius:0;background:transparent;color:var(--c-white);cursor:pointer}
.trending-arrow svg{width:var(--sp-24);height:var(--sp-24)}
.trending-arrow:hover{background:var(--c-navy-deep);color:var(--c-white);text-decoration:none}.trending-arrow:disabled{opacity:.45;cursor:default}
.trending-heading-group{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-8);min-width:0}.trending-heading-row>.trending-update{margin-left:auto}
.trending-position{flex:none;white-space:nowrap;text-align:center;color:var(--c-text-sub);font-size:var(--fs-ui-body);font-weight:800;font-variant-numeric:tabular-nums}
.trending-featured-work{position:relative;min-width:0;border:0;border-radius:0;background:var(--c-white);overflow:hidden}
.trending-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;aspect-ratio:16/9;margin:0;border:0;border-radius:0;background:var(--c-navy-deep);color:var(--c-white);overflow:hidden}
.trending-stage.site-playback-slot{min-height:0}
.trending-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.trending-loading-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.trending-stage-notice{position:relative;margin:0;padding:var(--sp-12);text-align:center;font-size:var(--fs-ui-body);font-weight:700;line-height:var(--lh-relaxed)}
.trending-retry{position:relative;min-height:var(--control-h);padding:var(--sp-4) var(--sp-12);border:1px solid var(--c-white);border-radius:var(--radius-m);background:var(--c-white);color:var(--c-navy);font-family:inherit;font-size:var(--fs-ui-body);font-weight:800;cursor:pointer}
.trending-telop{display:flex;align-items:center;min-width:0;background:var(--c-navy);color:var(--c-white);-webkit-text-size-adjust:100%;text-size-adjust:100%}
.trending-telop-viewport{display:flex;flex:1;align-items:center;min-width:0;min-height:var(--sp-32);overflow:hidden}
.trending-telop-text{display:flex;flex:none;align-items:center;gap:var(--sp-40);width:max-content;animation:trending-telop var(--telop-duration,var(--motion-telop)) linear infinite}
.trending-telop-item{display:flex;flex:none;align-items:center;gap:var(--sp-4);white-space:nowrap;margin:0;color:var(--c-white);font-size:var(--fs-ui-compact);font-weight:700;line-height:var(--lh-relaxed)}
.trending-telop-profile{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:var(--control-h);min-height:var(--sp-32)}
.trending-telop-profile.person-work-trigger{min-height:var(--sp-32)}
.trending-telop-name{margin-left:var(--sp-8)}
.trending-telop .trending-telop-comment{display:flex;align-items:center;min-width:0;min-height:var(--sp-32);color:inherit;text-decoration:none}
.trending-telop .trending-telop-comment:hover{color:var(--c-yellow);text-decoration:underline}
.trending-telop-bottom .trending-telop-text{animation-delay:calc(var(--telop-duration,var(--motion-telop)) / -2)}
.trending-telop-viewport[data-mouse-hover=true] .trending-telop-text,.trending-telop-viewport:has(:focus-visible) .trending-telop-text,body.is-background .trending-telop-text{animation-play-state:paused}
.trending-telop[hidden],.trending-featured-work[hidden]{display:none}
.trending-card{min-width:0;background:var(--c-white)}
.trending-swipe-surface{padding:var(--sp-12) var(--sp-16);cursor:grab;touch-action:pan-y pinch-zoom}
.trending-featured-work[data-swiping=true]{user-select:none}
.trending-featured-work[data-swiping=true] .trending-swipe-surface{cursor:grabbing}
.trending-swipe-preview{position:absolute;inset:0;box-sizing:border-box;background:var(--c-white);pointer-events:none;overflow:hidden}
.trending-swipe-preview[hidden]{display:none}
.trending-telop-viewport{touch-action:pan-y pinch-zoom}
.trending-work-title{touch-action:pan-y;min-width:0;margin:0;font-family:var(--font-body);font-size:var(--fs-ui-body);font-weight:700;line-height:var(--lh-normal);overflow-wrap:anywhere}
.trending-work-link{display:flex;align-items:center;min-height:var(--control-h);color:inherit;text-decoration:none}
.trending-work-link:hover{color:var(--c-pink)}
.trending-work-profiles{margin:var(--sp-4) 0}
.trending-singer{display:inline-flex;align-items:center;min-height:var(--control-h);color:var(--c-navy);font-size:var(--fs-ui-meta);line-height:var(--lh-relaxed);overflow-wrap:anywhere;font-weight:400;}
.trending-singer{gap:var(--sp-8);}
.trending-singer.person-work-trigger{font-size:var(--fs-ui-meta);font-weight:400;line-height:var(--lh-relaxed)}
.trending-person-copy{display:flex;flex-direction:column;gap:var(--sp-2)}.trending-person-copy small{color:var(--c-text-sub);font-size:var(--fs-ui-meta);line-height:var(--lh-normal)}.trending-person-name{font-weight:700}
.trending-profile-avatar{position:relative;display:inline-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)}
.trending-profile-avatar svg{width:var(--sp-24);height:var(--sp-24)}.trending-profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trending-telop .trending-profile-avatar{width:var(--sp-24);height:var(--sp-24)}
.trending-telop .trending-profile-avatar svg{width:var(--sp-16);height:var(--sp-16)}
.trending-player-error,.trending-empty{margin:0;color:var(--c-text-sub);font-size:var(--fs-ui-meta);font-weight:700;line-height:var(--lh-relaxed)}
.trending-empty{padding:0 var(--sp-16)}
.trending-player-error{padding:var(--sp-8) var(--sp-12);color:var(--c-error)}
utamita-trending-player button:focus-visible,.trending-featured-work:focus-visible,.trending-singer:focus-visible,.trending-work-link:focus-visible{outline:var(--focus-ring);outline-offset:calc(-1 * var(--focus-offset));}
.trending-telop a:focus-visible,.trending-telop button:focus-visible{outline:var(--focus-ring-inverse);outline-offset:calc(-1 * var(--focus-offset))}
@keyframes trending-telop{from{transform:translateX(var(--telop-entry,100%))}to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.trending-telop-text{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-12);width:100%;padding:var(--sp-12);box-sizing:border-box;animation:none;transform:none}.trending-telop-item{align-items:flex-start;white-space:normal;overflow-wrap:anywhere}.trending-telop-comment{display:block;flex:1}}
.pickup-tabs{display:flex;gap:var(--sp-8);padding:0 var(--sp-16)}
/* PCの2列表示で、タブの代わりに置く枠の見出しと件数 */
.pickup-group-heading{display:flex;align-items:baseline;gap:var(--sp-8);padding:0 var(--sp-16)}.pickup-group-title{margin:0;color:var(--c-navy);font-size:var(--fs-ui-emphasis);font-weight:900;line-height:var(--lh-normal)}
.pickup-tab{flex:1;min-width:0;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-family:inherit;font-size:var(--fs-ui-body);font-weight:800;line-height:var(--lh-normal);cursor:pointer}
.pickup-tab[aria-selected=true]{background:var(--c-navy);color:var(--c-white)}
.pickup-tab:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.pickup-panel{display:flex;flex-direction:column;gap:var(--sp-12);min-width:0;overflow:hidden}
.trending-pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);padding:0 var(--sp-16);background:var(--c-white)}
.trending-page-arrow{color:var(--c-text-sub)}
.trending-page-arrow:hover{background:var(--c-bg-soft);color:var(--c-navy)}
.trending-pagination[hidden]{display:none}
.trending-page-control{position:relative;display:grid;align-items:center;min-width:var(--control-h);max-width:100%;width:calc(var(--sp-12) + (var(--trending-count) - 1) * var(--sp-24));height:var(--control-h);color:var(--c-navy)}
.trending-dots{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:0;pointer-events:none}
.trending-dot{display:grid;place-items:center;flex:none;width:var(--sp-12);height:var(--sp-12);color:var(--c-border-input)}
.trending-dot::before{content:'';box-sizing:border-box;width:var(--sp-8);height:var(--sp-8);border:1px solid currentColor;border-radius:50%;background:currentColor}
.trending-dot[data-current=true]{color:var(--c-navy)}
.trending-dot[data-current=true]::before{width:var(--sp-12);height:var(--sp-12)}
.trending-choice{position:absolute;inset:0;box-sizing:border-box;width:100%;min-width:0;height:var(--control-h);margin:0;padding:0;border:0;opacity:0;appearance:none;cursor:pointer;touch-action:pan-y}
.trending-choice::-webkit-slider-thumb{width:var(--sp-12);height:var(--control-h);border:0;appearance:none}
.trending-choice::-moz-range-thumb{width:var(--sp-12);height:var(--control-h);border:0}
.trending-page-control:has(.trending-choice:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset);box-shadow:var(--shadow-focus)}
.pickup-description{margin:0;color:var(--c-text-sub);font-size:var(--fs-ui-meta);font-weight:700;line-height:var(--lh-relaxed)}
.pickup-descriptions{padding:0 var(--sp-16)}
.trending-heading-row{padding:0 var(--sp-16)}
.pickup-description[aria-hidden=true]{display:none}

.trending-preview-art{display:block;width:100%;height:100%;object-fit:cover}
.trending-pagination{touch-action:pan-y pinch-zoom;cursor:grab;user-select:none}
.trending-pagination .trending-arrow{touch-action:pan-y pinch-zoom}
utamita-trending-player a.trending-singer{text-decoration:none}
utamita-trending-player a.trending-singer .trending-person-name{text-decoration:underline}
@media(min-width:960px){body[data-festival-ux] utamita-trending-player .trending-page-arrow:hover{transform:none;box-shadow:none}}

.trending-works{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--sp-12);margin:var(--sp-8) 0 var(--sp-12);padding:var(--sp-16) 0;border:0;border-radius:0;background:radial-gradient(ellipse at 0 0,var(--c-deco-aqua) 0,transparent 55%),radial-gradient(ellipse at 100% 100%,var(--c-deco-pink) 0,transparent 55%),linear-gradient(140deg,var(--c-bg-aqua),var(--c-bg-lilac));scroll-margin-top:74px}
.trending-works::before,.trending-works::after{content:"";position:absolute;left:0;right:0;z-index:-1;height:var(--sp-4);background:linear-gradient(90deg,var(--c-aqua),var(--c-lilac-border),var(--c-pink-bright));pointer-events:none}
.trending-works::before{top:0}
.trending-works::after{bottom:0}
.trending-heading-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);flex-wrap:wrap}
.trending-heading{display:flex;align-items:center;gap:var(--sp-8);min-width:0;margin:0;font-family:var(--font-display);font-size:var(--fs-18);font-weight:900;line-height:var(--lh-normal)}
.trending-heading-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;color:var(--c-pink-bright)}
.trending-heading-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.trending-heading-icon circle{fill:currentColor}
.trending-update{display:inline-flex;align-items:center;gap:var(--sp-4);flex-shrink:0;padding:var(--sp-4) var(--sp-8);border:1px solid var(--c-border);border-radius:var(--radius-pill);background:var(--c-glass);color:var(--c-aqua-text);font-size:var(--fs-ui-small);font-weight:700;line-height:var(--lh-normal);font-variant-numeric:tabular-nums;white-space:nowrap}
.trending-update::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--c-aqua-text)}
@media(max-width:360px){.trending-heading{gap:var(--sp-8);font-size:var(--fs-ui-heading)}.trending-heading-icon{flex-basis:26px;width:26px;height:26px}.trending-heading-icon svg{width:26px;height:26px}}

/* TOPのみんなの10選 */
utamita-trending-player[data-award] .trending-telop-item{min-height:var(--sp-32)}
@media(prefers-reduced-motion:reduce){utamita-trending-player[data-award] .trending-telop-text{padding:0 var(--sp-12)}utamita-trending-player[data-award] .trending-telop-text .trending-telop-item:not([data-current]){display:none}utamita-trending-player[data-award] .trending-telop-item{align-items:center}utamita-trending-player[data-award] .trending-telop-profile{flex:0 1 auto;max-width:50%}utamita-trending-player[data-award] .trending-telop-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}utamita-trending-player[data-award] .trending-telop-comment{display:block;box-sizing:border-box;padding-block:calc((var(--sp-32) - 1lh) / 2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.trending-award-row{display:flex;align-items:center;gap:var(--sp-8);min-width:0;min-height:var(--control-h)}
.trending-award-row>.trending-singer{min-width:0}
.trending-award-count{color:var(--c-pink);font-size:var(--fs-ui-heading);font-weight:800;line-height:var(--lh-normal)}
.trending-award-people{flex-wrap:wrap;gap:var(--sp-4)}
.trending-award-person{display:flex;align-items:center;justify-content:center;min-width:var(--control-h);min-height:var(--control-h);margin:calc((var(--sp-32) - var(--control-h)) / 2)}
.trending-award-more,.trending-award-listened{color:var(--c-text-sub);font-size:var(--fs-ui-meta);font-weight:700;line-height:var(--lh-normal)}
.trending-award-listened{flex:none;margin-left:auto}
.trending-award-numbers{justify-content:center;gap:0}
.trending-award-number{flex:1 1 0;width:auto;min-width:0;max-width:var(--control-h);height:var(--control-h)}
.trending-award-number{appearance:none;padding:0;border:0;background:transparent;color:var(--c-text-sub);font-family:inherit;font-size:var(--fs-ui-heading);line-height:var(--lh-normal);cursor:pointer}
.trending-award-number:hover{background:var(--c-bg-soft);color:var(--c-navy)}
.trending-award-number[aria-current=true]{color:var(--c-pink);font-size:var(--fs-18);font-weight:800}
body[data-festival-ux] utamita-trending-player :is(.trending-award-number,.trending-award-person):hover{transform:none}
@media(min-width:960px){utamita-trending-player[data-award] .trending-work-title{min-height:calc(2 * var(--lh-normal) * var(--fs-ui-body))}}