/* Hallmark · macrostructure: Photographic · tone: cinematic utility · anchor hue: coral */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */
/* Variation knobs · density: compact · ranking: fourth-slot Top 10 · controls: contained */

html,body{overflow-x:clip}

.hero-slide-badge{z-index:2;top:var(--space-2);left:50%;right:auto;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - var(--space-3));min-height:22px;transform:translateX(-50%);overflow:hidden;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-display);font-size:clamp(.56rem,2.4vw,.7rem);font-weight:900;line-height:1.15;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 6px 18px color-mix(in oklab,var(--color-paper) 58%,transparent)}

.v216-recent .v215-recent-close{inset-block-start:0;inset-inline-end:0;width:44px;height:44px;padding:0;background:transparent;color:var(--color-ink)}
.v216-recent .v215-recent-close::before{content:'';position:absolute;inset:var(--space-2);border-radius:50%;background:color-mix(in oklab,var(--color-paper) 78%,transparent);box-shadow:0 4px 14px color-mix(in oklab,var(--color-paper) 56%,transparent);backdrop-filter:blur(8px)}
.v216-recent .v215-recent-close svg{position:relative;z-index:1;width:14px;height:14px}
.v216-recent .v215-recent-close:hover::before{background:var(--color-paper-raised)}
.v216-recent .v215-recent-close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.v216-recent .v215-recent-close:active{opacity:.72}
.v216-recent .v215-recent-close:disabled{cursor:not-allowed;opacity:.46}

#player .player-tools #playerSpeed{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;border-radius:50%;padding:0;font-family:var(--font-mono);font-size:clamp(.56rem,2.25vw,.66rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1;white-space:nowrap;overflow:hidden;text-align:center}
#player .player-tools #playerSpeed:hover{border-color:var(--color-muted)}
#player .player-tools #playerSpeed:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
#player .player-tools #playerSpeed:active{opacity:.72}
#player .player-tools #playerSpeed:disabled{cursor:not-allowed;opacity:.46}

@media (max-width:24rem){
  .hero-slide-badge{max-width:calc(100% - var(--space-2));padding-inline:var(--space-2)}
  #player .player-tools #playerSpeed{font-size:.56rem;letter-spacing:-.05em}
}

@media (prefers-reduced-motion:reduce){
  .v216-recent .v215-recent-close,#player .player-tools #playerSpeed{transition-duration:var(--duration-fast)!important}
}
