.ws-row{display:flex;align-items:center;gap:.75rem;width:100%}.ws-track{position:relative;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #e5e7eb;border-radius:9999px;background-color:#f3f4f6;background-size:cover;background-position:center;cursor:pointer;overflow:hidden}.ws-track::after{content:"\25B6";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#fff;background:rgba(17,24,39,.45);transition:background .15s ease}.ws-row.ws-playing .ws-track::after{content:"\23F8";background:rgba(220,38,38,.6)}.ws-track:hover::after{background:rgba(220,38,38,.6)}.ws-graph{position:relative;flex:1 1 auto;min-width:0;min-height:48px}.ws-progress{flex-shrink:0;min-width:2.5rem;font-size:.75rem;color:#6b7280;text-align:right}.ws-progress:empty{display:none}.ws-progress.ws-isLoading{color:#dc2626}.ws-time{flex-shrink:0;min-width:3rem;font-variant-numeric:tabular-nums;font-size:.8125rem;color:#374151;text-align:right}.ws-time:empty{display:none}.bt-stars{position:relative;display:inline-block;font-size:44px;line-height:1;letter-spacing:6px;user-select:none}.bt-stars-base{color:transparent;-webkit-text-stroke:1.5px #fb8c00;text-stroke:1.5px #fb8c00}.bt-stars-fill{position:absolute;top:0;left:0;width:0;overflow:hidden;white-space:nowrap;color:#ff8f1f;pointer-events:none;text-shadow:0 0 14px rgba(255,143,31,.7),0 1px 0 rgba(255,255,255,.5)}.bt-stars-hit{position:absolute;inset:0;display:flex}.bt-stars-hit button{flex:1 1 10%;min-width:0;margin:0;padding:0;border:0;background:0 0;cursor:pointer}.bt-stars-hit button:focus-visible{outline:2px solid #f59e0b;outline-offset:3px;border-radius:2px}.bt-cdc{color:#9ca3af;transition:color .15s ease,transform .1s ease}.bt-cdc:hover{color:#dc2626}.bt-cdc.bt-cdc-on{color:#dc2626}.bt-cdc:active{transform:scale(.9)}.bt-msg-error{color:#b91c1c}.bt-msg-ok{color:#15803d}.bt-voted{border-color:#d4d4d8}.bt-card::before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:#3f3f46}.bt-card.bt-rank-1::before{width:5px;background:linear-gradient(180deg,#fde68a 0,#f59e0b 45%,#b45309 100%)}.bt-card.bt-rank-2::before{width:5px;background:linear-gradient(180deg,#f4f4f5 0,#d4d4d8 45%,#71717a 100%)}.bt-card.bt-rank-3::before{width:5px;background:linear-gradient(180deg,#fdba74 0,#d97706 45%,#92400e 100%)}.bt-avatar-ring{display:inline-block;padding:3px;border-radius:9999px;background:#27272a;line-height:0}.bt-avatar-ring.bt-rank-1{background:linear-gradient(135deg,#fde68a 0,#f59e0b 50%,#b45309 100%)}.bt-avatar-ring.bt-rank-2{background:linear-gradient(135deg,#f4f4f5 0,#d4d4d8 50%,#71717a 100%)}.bt-avatar-ring.bt-rank-3{background:linear-gradient(135deg,#fdba74 0,#d97706 50%,#92400e 100%)}.bt-avatar-ring img{display:block;border:2px solid #fff;border-radius:9999px;object-fit:cover}.bt-rank{background:#27272a}.bt-rank.bt-rank-1{background:linear-gradient(135deg,#fcd34d 0,#d97706 100%);color:#422006}.bt-rank.bt-rank-2{background:linear-gradient(135deg,#e5e7eb 0,#9ca3af 100%);color:#27272a}.bt-rank.bt-rank-3{background:linear-gradient(135deg,#fdba74 0,#b45309 100%);color:#fff}.bt-focal{padding-top:.625rem;border-top:1px solid var(--color-border)}.bt-rank-label.bt-rank-1{background:#fef3c7;color:#92400e}.bt-rank-label.bt-rank-2{background:#f4f4f5;color:#52525b}.bt-rank-label.bt-rank-3{background:#ffedd5;color:#9a3412}.bt-vote-zone{margin-top:1.25rem}.bt-vote-zone>ol{margin:0}.bt-subnav{position:relative}@media (max-width:639px){.bt-subnav{scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 1.5rem),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 1.5rem),transparent 100%)}.bt-subnav::-webkit-scrollbar{display:none}}.bt-cta-card{position:relative;max-width:52rem;margin-inline:auto;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:1.25rem;overflow:hidden;box-shadow:0 1px 2px rgba(17,17,17,.05),0 24px 48px -20px rgba(17,17,17,.3)}.bt-steps{display:grid;grid-template-columns:1fr 1fr}@media (max-width:720px){.bt-steps{grid-template-columns:1fr}}.bt-step{display:flex;flex-direction:column;gap:.9rem;padding:1.4rem 1.5rem;min-width:0}.bt-step-head{flex:0 0 auto}.bt-step--rate{border-left:1px solid var(--color-border);background:linear-gradient(180deg,#fffdf6 0,var(--color-surface) 55%)}@media (max-width:720px){.bt-step--rate{border-left:0;border-top:1px solid var(--color-border)}}.bt-step-head{display:flex;align-items:center;gap:.75rem}.bt-step-badge{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:.85rem;color:#fff}.bt-badge-listen{background:linear-gradient(135deg,#34d399 0,#0d9488 100%);box-shadow:0 6px 16px -4px rgba(13,148,136,.55)}.bt-badge-rate{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);box-shadow:0 6px 16px -4px rgba(245,158,11,.55)}.bt-step-meta{display:flex;flex-direction:column;line-height:1.15;min-width:0}.bt-step-kicker{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.bt-step-title{font-weight:800;font-size:1.0625rem;color:var(--color-text)}.bt-step-media{margin-block:auto;min-width:0}.bt-step-hint{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--color-text-muted)}.bt-rate-body{margin-block:auto;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center}.bt-step-cue{font-size:.8rem;font-weight:600;line-height:1.3;color:var(--color-text-secondary)}.bt-msg{min-height:1rem;font-size:.75rem;font-weight:600}.bt-step .ws-track{width:64px;height:64px;border:0;box-shadow:0 10px 22px -6px rgba(13,148,136,.55)}.bt-step .ws-graph{min-height:28px;opacity:.38}.bt-step .ws-row.ws-playing .ws-graph{opacity:.6}.bt-step .ws-track::after{font-size:22px;color:#fff;background:linear-gradient(135deg,#34d399 0,#0d9488 100%);text-indent:.12em;transition:filter .2s ease,box-shadow .2s ease}.bt-step .ws-row.ws-playing .ws-track::after,.bt-step .ws-track:hover::after{filter:brightness(1.08);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.bt-step .ws-row.ws-playing .ws-track::after{text-indent:0}.bt-stars-stage.bt-stars{font-size:46px;letter-spacing:10px}.bt-stars-stage{transition:transform .2s ease}.bt-stars-stage .bt-stars-hit button{transition:transform .12s ease}.bt-stars-stage .bt-stars-hit button:hover{transform:translateY(-3px)}.bt-stars-stage .bt-stars-hit button:active{transform:scale(.93)}.bt-steps:has(.ws-playing) .bt-badge-rate{box-shadow:0 0 0 4px rgba(245,158,11,.18),0 6px 16px -4px rgba(245,158,11,.6)}.bt-steps:has(.ws-playing) .bt-stars-stage{transform:scale(1.04)}.bt-steps:has(.ws-playing) .bt-step-cue{color:var(--color-text)}.bt-stars-preview{font-size:46px;line-height:1;letter-spacing:10px;color:transparent;-webkit-text-stroke:1.5px #fbbf24;text-stroke:1.5px #fbbf24}.bt-comment{width:100%;max-width:22rem}.bt-comment>summary{list-style:none;cursor:pointer;font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.bt-comment>summary::-webkit-details-marker{display:none}.bt-comment>summary:hover{color:var(--color-text)}@media (prefers-reduced-motion:reduce){.bt-stars-stage,.bt-stars-stage .bt-stars-hit button,.bt-step .ws-track::after,.bt-steps:has(.ws-playing) .bt-stars-stage{transition:none;transform:none}}@supports not (selector(:has(*))){.bt-badge-rate{box-shadow:0 0 0 4px rgba(245,158,11,.18),0 6px 16px -4px rgba(245,158,11,.6)}}