/* The Duck Pod: site-wide player for The Red Pill Album.
   Pure HTML/CSS device, docked bottom-left, clear of the support duck (bottom-right). */
#trd-pod{display:block;height:var(--tp-space,92px);margin:0;padding:0;border:0;background:transparent;clear:both;flex:none;width:100%;pointer-events:none}
#trd-pod[data-view="pill"]{--tp-space:0px}
#trd-pod,#trd-pod *{box-sizing:border-box}
#trd-pod audio{display:none}
#trd-pod button{font:inherit;color:inherit;margin:0;-webkit-tap-highlight-color:transparent}
#trd-pod img{max-width:none}
#trd-pod svg{display:block}

.tp-dock{position:fixed;left:14px;bottom:14px;z-index:2147482500;pointer-events:auto;
  font-family:"Helvetica Neue",Helvetica,"Myriad Pro","Segoe UI",Arial,system-ui,sans-serif;
  -webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;color:#111;line-height:1.2;text-align:left;letter-spacing:0;text-transform:none}
.tp-dock.tp-placed{bottom:auto}
.tp-dock > *{display:none}
#trd-pod[data-view="full"] .tp-device{display:block}
#trd-pod[data-view="mini"] .tp-strip{display:flex}
#trd-pod[data-view="pill"] .tp-pill{display:grid}

/* ---------- shared glossy shell ---------- */
.tp-shell{position:relative;border-radius:22px;
  background:linear-gradient(162deg,#ffffff 0%,#f6f6f6 38%,#e7e7e7 78%,#d8d8d8 100%);
  box-shadow:0 0 0 1px #8f8f8f,0 0 0 3px #e9e9e9,0 0 0 4px #9c9c9c,
    inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 8px rgba(0,0,0,.07),
    0 18px 38px -8px rgba(0,0,0,.7),0 4px 12px rgba(0,0,0,.35);
  transition:box-shadow .2s ease,transform .2s ease}
.tp-shell::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 70%,rgba(255,255,255,.25) 100%)}
.tp-dragging .tp-shell,.tp-dragging .tp-pill-cap{transform:scale(1.03);
  box-shadow:0 0 0 1px #8f8f8f,0 0 0 3px #e9e9e9,0 0 0 4px #9c9c9c,inset 0 1px 0 rgba(255,255,255,.95),
    0 34px 60px -10px rgba(0,0,0,.8),0 10px 24px rgba(0,0,0,.45)}
.tp-grab{cursor:grab;touch-action:none}
.tp-dragging,.tp-dragging *{cursor:grabbing!important}

/* ---------- full device ---------- */
.tp-device{width:198px;padding:0 13px 14px}
.tp-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:26px;margin:0 -6px 2px}
.tp-grip{flex:1;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px}
.tp-grip i{display:block;width:34px;height:5px;border-radius:3px;background:repeating-linear-gradient(90deg,#b9b9b9 0 2px,transparent 2px 4px);opacity:.9}
.tp-tool{width:24px;height:24px;flex:none;display:grid;place-items:center;border:0;padding:0;border-radius:50%;background:transparent;color:#8a8a8a;cursor:pointer}
.tp-tool:hover{color:#e10600;background:rgba(0,0,0,.05)}
.tp-tool svg{width:14px;height:14px}
.tp-tool:focus-visible,.tp-w:focus-visible,.tp-center:focus-visible,.tp-mini-btn:focus-visible,.tp-pill:focus-visible{outline:2px solid #e10600;outline-offset:2px}

.tp-bezel{position:relative;z-index:1;padding:4px;border-radius:8px;background:linear-gradient(#2a2a2a,#121212);box-shadow:0 1px 0 rgba(255,255,255,.8)}
.tp-screen{position:relative;height:132px;border-radius:4px;overflow:hidden;color:#16202a;
  background:linear-gradient(180deg,#f1f5f8 0%,#dfe7ed 55%,#cdd8e0 100%);
  box-shadow:inset 0 0 0 1px #5d6a74,inset 0 3px 8px rgba(0,0,0,.28)}
.tp-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 40%)}
.tp-hdr{display:flex;align-items:center;justify-content:space-between;gap:6px;height:18px;padding:0 6px;
  background:linear-gradient(#fbfcfd,#d4dbe1);border-bottom:1px solid #8a959e;font-size:11px;font-weight:700;color:#1d252c}
.tp-hdr b{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.tp-hdr .tp-st{width:10px;height:10px;flex:none;color:#1d6fd0}
.tp-hdr .tp-st svg{width:10px;height:10px}
.tp-batt{position:relative;width:18px;height:9px;flex:none;border:1px solid #47525b;border-radius:2px;padding:1px}
.tp-batt::before{content:"";display:block;height:100%;width:80%;border-radius:1px;background:linear-gradient(#9be27f,#4fae2d)}
.tp-batt::after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#47525b;border-radius:0 1px 1px 0}

.tp-view{position:absolute;left:0;right:0;top:18px;bottom:0;display:none}
#trd-pod[data-screen="now"] .tp-v-now,#trd-pod[data-screen="menu"] .tp-v-menu,#trd-pod[data-screen="intro"] .tp-v-intro{display:block}

.tp-v-now{padding:4px 7px 0}
.tp-count{font-size:10px;color:#3e4a54;font-weight:700;height:13px}
.tp-np{display:flex;gap:7px;align-items:flex-start;margin-top:2px}
.tp-cover{width:52px;height:52px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.35);background:#111;object-fit:cover;
  -webkit-box-reflect:below 1px linear-gradient(transparent 78%,rgba(255,255,255,.28))}
.tp-meta{min-width:0;flex:1;padding-top:2px}
.tp-mq{overflow:hidden;white-space:nowrap}
.tp-mq span{display:inline-block;white-space:nowrap}
.tp-mq.tp-run span{padding-right:28px;animation:tp-marquee var(--tp-mqd,9s) linear 1.2s infinite}
@keyframes tp-marquee{0%,12%{transform:translateX(0)}88%,100%{transform:translateX(var(--tp-mqx,-60px))}}
.tp-title{font-size:12.5px;font-weight:700;color:#0f171e}
.tp-artist,.tp-album{font-size:11px;color:#34404a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-progrow{position:absolute;left:7px;right:7px;bottom:5px}
.tp-prog{position:relative;height:8px;border-radius:4px;border:1px solid #57636c;background:linear-gradient(#ffffff,#dfe5ea);overflow:hidden}
.tp-prog i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(#ff6a6e,#e10600 55%,#b00400)}
.tp-knob{position:absolute;top:50%;width:9px;height:9px;margin:-5px 0 0 -5px;background:#fff;border:1px solid #333;transform:rotate(45deg);display:none}
#trd-pod.tp-scrub .tp-knob{display:block}
#trd-pod.tp-scrub .tp-prog i{background:linear-gradient(#9aa6af,#6c7a85)}
.tp-times{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#2b353e;margin-top:2px;font-variant-numeric:tabular-nums}
.tp-volrow{display:none;align-items:center;gap:5px}
.tp-volrow svg{width:11px;height:11px;flex:none;color:#2b353e}
.tp-volrow .tp-prog{flex:1}
#trd-pod.tp-vol .tp-volrow{display:flex}
#trd-pod.tp-vol .tp-prog-wrap{display:none}

.tp-v-intro{padding:8px 8px 0;text-align:center}
.tp-v-intro .tp-cover{width:56px;height:56px;margin:0 auto;-webkit-box-reflect:none}
.tp-intro-t{margin-top:7px;font-size:12.5px;font-weight:700;color:#0f171e}
.tp-intro-s{margin-top:2px;font-size:10.5px;color:#3e4a54}

.tp-list{list-style:none;margin:0;padding:0;height:100%;overflow:hidden;font-size:11.5px}
.tp-list li{display:flex;align-items:center;gap:4px;height:19px;padding:0 6px;white-space:nowrap;cursor:pointer;color:#16202a}
.tp-list li span{flex:1;overflow:hidden;text-overflow:ellipsis}
.tp-list li em{font-style:normal;font-size:10px;color:#56626b;font-variant-numeric:tabular-nums}
.tp-list li.tp-cur span::before{content:"";display:inline-block;width:0;height:0;margin-right:4px;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;vertical-align:0}
.tp-list li.tp-sel{color:#fff;background:linear-gradient(#ff5a5e,#e10600 50%,#c00500)}
.tp-list li.tp-sel em{color:#ffe1e1}

/* ---------- click wheel ---------- */
.tp-wheel{position:relative;z-index:1;width:136px;height:136px;margin:14px auto 0;border-radius:50%;touch-action:none;
  background:radial-gradient(circle at 50% 30%,#ffffff 0%,#f3f3f3 45%,#e2e2e2 100%);
  box-shadow:0 0 0 1px #c3c3c3,inset 0 2px 2px rgba(255,255,255,.95),inset 0 -3px 6px rgba(0,0,0,.08),0 1px 0 rgba(255,255,255,.9)}
.tp-w{position:absolute;border:0;padding:0;background:transparent;color:#9d9d9d;cursor:pointer;display:grid;place-items:center;border-radius:12px}
.tp-w:hover{color:#e10600}
.tp-w svg{width:16px;height:12px}
#trd-pod .tp-w-menu{top:6px;left:50%;width:54px;height:30px;margin-left:-27px;font-size:11px!important;font-weight:700;letter-spacing:.06em}
#trd-pod .tp-w-prev{left:5px;top:50%;width:32px;height:44px;margin-top:-22px}
#trd-pod .tp-w-next{right:5px;top:50%;width:32px;height:44px;margin-top:-22px}
#trd-pod .tp-w-pp{bottom:6px;left:50%;width:54px;height:30px;margin-left:-27px}
.tp-w-pp svg{width:20px;height:12px}
#trd-pod .tp-center{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border:0;padding:0;border-radius:50%;cursor:pointer;
  background:linear-gradient(#fbfbfb,#e4e4e4);box-shadow:0 0 0 1px #c2c2c2,0 2px 3px rgba(0,0,0,.14),inset 0 1px 0 #fff}
.tp-center:active,.tp-center.tp-press{background:linear-gradient(#e6e6e6,#f6f6f6)}
.tp-wheel.tp-turning{box-shadow:0 0 0 1px #c3c3c3,0 0 0 3px rgba(225,6,0,.18),inset 0 2px 2px rgba(255,255,255,.95),inset 0 -3px 6px rgba(0,0,0,.08)}

/* ---------- mini strip ---------- */
.tp-strip{align-items:center;gap:10px;width:392px;height:66px;padding:0 10px 0 6px;border-radius:18px}
.tp-sgrip{width:12px;align-self:stretch;display:flex;align-items:center;justify-content:center;flex:none}
.tp-sgrip i{display:block;width:4px;height:26px;border-radius:2px;background:repeating-linear-gradient(180deg,#b5b5b5 0 2px,transparent 2px 4px)}
.tp-disc{position:relative;z-index:1;width:50px;height:50px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 30%,#ffffff,#e3e3e3);box-shadow:0 0 0 1px #c3c3c3,inset 0 -2px 4px rgba(0,0,0,.08)}
.tp-mini-btn{width:28px;height:28px;border:0;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;
  background:linear-gradient(#ff4b50,#e10600 55%,#b80400);box-shadow:0 0 0 1px #9c0300,0 2px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.45)}
.tp-mini-btn svg{width:12px;height:12px}
.tp-mini-btn::after{content:"";position:absolute;inset:0;border-radius:50%}
.tp-lcd{position:relative;z-index:1;flex:1;min-width:0;height:48px;display:flex;align-items:center;gap:8px;padding:0 9px 0 5px;border-radius:6px;cursor:pointer;
  background:linear-gradient(180deg,#f1f5f8,#cfd9e1);box-shadow:0 0 0 3px #1a1a1a,inset 0 0 0 1px #5d6a74,inset 0 2px 6px rgba(0,0,0,.25);overflow:hidden;color:#16202a}
.tp-lcd .tp-cover{width:36px;height:36px;-webkit-box-reflect:none}
.tp-lcd .tp-meta{padding:0}
.tp-lcd .tp-title{font-size:13px}
.tp-lcd .tp-album{font-size:11px;margin-top:1px}
.tp-sprog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(0,0,0,.12)}
.tp-sprog i{display:block;height:100%;width:0;background:#e10600}
.tp-stools{display:flex;flex-direction:column;gap:2px;flex:none;position:relative;z-index:1}

/* ---------- red pill (minimized) ---------- */
.tp-pill{width:66px;height:66px;place-items:center;border:0;padding:0;background:transparent;cursor:pointer;touch-action:none}
.tp-pill-cap{position:relative;width:58px;height:26px;border-radius:13px;transform:rotate(-28deg);
  background:linear-gradient(90deg,#9e0400 0%,#e10600 49%,#ff3b41 51%,#c00500 100%);
  box-shadow:0 8px 18px rgba(0,0,0,.6),inset 0 -3px 5px rgba(0,0,0,.35),inset 0 2px 2px rgba(255,255,255,.35);transition:transform .2s ease,box-shadow .2s ease}
.tp-pill-cap::before{content:"";position:absolute;left:8px;right:8px;top:4px;height:6px;border-radius:4px;background:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,0))}
.tp-pill:hover .tp-pill-cap{transform:rotate(-20deg) scale(1.06)}
#trd-pod.tp-playing .tp-pill-cap{animation:tp-glow 2.4s ease-in-out infinite}
@keyframes tp-glow{0%,100%{box-shadow:0 8px 18px rgba(0,0,0,.6),0 0 0 0 rgba(225,6,0,.0),inset 0 -3px 5px rgba(0,0,0,.35)}50%{box-shadow:0 8px 18px rgba(0,0,0,.6),0 0 0 8px rgba(225,6,0,.22),inset 0 -3px 5px rgba(0,0,0,.35)}}

/* ---------- phones ---------- */
@media (max-width:600px){
  #trd-pod{--tp-space:84px}
  .tp-dock{left:8px;bottom:8px}
  .tp-strip{width:calc(100vw - 96px);height:64px;gap:8px;padding:0 6px 0 4px;border-radius:16px}
  .tp-disc{width:44px;height:44px}
  .tp-lcd{height:46px;gap:7px;padding:0 7px 0 4px}
  .tp-lcd .tp-cover{width:34px;height:34px}
  .tp-lcd .tp-title{font-size:12.5px}
  .tp-lcd .tp-album{font-size:10.5px}
  .tp-sgrip{width:8px}
}
@media (max-width:340px){.tp-lcd .tp-cover{display:none}}
@media (prefers-reduced-motion:reduce){.tp-mq.tp-run span{animation:none}#trd-pod.tp-playing .tp-pill-cap{animation:none}.tp-shell,.tp-pill-cap{transition:none}}
@media print{#trd-pod{display:none!important}}

/* ---------- grip + move affordance ---------- */
.tp-move{width:13px;height:13px;flex:none;color:#9a9a9a;margin-right:5px}
.tp-grip{gap:0}
.tp-grip:hover .tp-move,.tp-grip:hover i{color:#e10600}
.tp-sgrip .tp-move{display:none}
.tp-hint{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);z-index:3;display:flex!important;align-items:center;gap:7px;
  padding:7px 12px;border-radius:999px;background:#111;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;letter-spacing:.01em;
  box-shadow:0 0 0 1px #e10600,0 10px 26px rgba(0,0,0,.55);pointer-events:none;opacity:0;transition:opacity .35s ease}
.tp-hint svg{width:14px;height:14px;color:#ff3b41}
.tp-hint::after{content:"";position:absolute;left:50%;top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:#111}
.tp-dock.tp-hinting .tp-hint{opacity:1}
#trd-pod[data-view="mini"] .tp-hint{left:96px;transform:none}
#trd-pod[data-view="mini"] .tp-hint::after{left:22px}
#trd-pod[data-view="pill"] .tp-hint{left:0;transform:none}
#trd-pod[data-view="pill"] .tp-hint::after{left:26px}
.tp-dock.tp-nudge > .tp-shell,.tp-dock.tp-nudge > .tp-pill{animation:tp-nudge 1.6s ease-in-out 2}
@keyframes tp-nudge{0%,100%{transform:translate(0,0)}20%{transform:translate(7px,-5px)}40%{transform:translate(0,0)}60%{transform:translate(-4px,-3px)}80%{transform:translate(0,0)}}
@media (prefers-reduced-motion:reduce){.tp-dock.tp-nudge > *{animation:none}}

/* the support duck's invisible flex box (its hidden bubble) must not swallow taps meant for the pod or the page */
.trd-sup{pointer-events:none}
.trd-sup-duck{pointer-events:auto}
.trd-sup.open .trd-sup-bub{pointer-events:auto}

/* ================= the pod strip as a page element (homepage door) =================
   Global (not scoped to #trd-pod) so the same strip can sit in a page and also fly
   out of it as a ghost during the "detach" animation. */
.tpd-strip{position:relative;display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:72px;padding:0 7px 0 9px;border-radius:16px;
  font-family:"Helvetica Neue",Helvetica,"Myriad Pro","Segoe UI",Arial,system-ui,sans-serif;color:#111;line-height:1.2;text-align:left;letter-spacing:0;text-transform:none;
  -webkit-font-smoothing:antialiased;box-sizing:border-box;
  background:linear-gradient(162deg,#ffffff 0%,#f6f6f6 38%,#e7e7e7 78%,#d8d8d8 100%);
  box-shadow:0 0 0 1px #8f8f8f,0 0 0 3px #e9e9e9,0 0 0 4px #9c9c9c,inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 8px rgba(0,0,0,.07),0 8px 20px -6px rgba(0,0,0,.7)}
.tpd-strip *{box-sizing:border-box}
.tpd-strip::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 70%,rgba(255,255,255,.25) 100%)}
.tpd-grip{width:10px;align-self:stretch;display:flex;align-items:center;justify-content:center;flex:none}
.tpd-grip i{display:block;width:4px;height:28px;border-radius:2px;background:repeating-linear-gradient(180deg,#b5b5b5 0 2px,transparent 2px 4px)}
.tpd-disc{position:relative;z-index:1;width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 30%,#ffffff,#e3e3e3);box-shadow:0 0 0 1px #c3c3c3,inset 0 -2px 4px rgba(0,0,0,.08)}
.tpd-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:linear-gradient(#ff4b50,#e10600 55%,#b80400);box-shadow:0 0 0 1px #9c0300,0 2px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.45)}
.tpd-btn svg{width:13px;height:13px;display:none}
.tpd-btn .tpd-i-play{display:block;margin-left:2px}
.tpd-eq{display:none;align-items:flex-end;gap:2px;height:13px}
.tpd-eq i{display:block;width:3px;height:100%;background:#fff;border-radius:1px;transform-origin:50% 100%;animation:tpd-eq 1s ease-in-out infinite}
.tpd-eq i:nth-child(2){animation-delay:-.35s}.tpd-eq i:nth-child(3){animation-delay:-.7s}
@keyframes tpd-eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.tpd-live .tpd-btn .tpd-i-play{display:none}
.tpd-live.tpd-playing .tpd-eq{display:flex}
.tpd-live:not(.tpd-playing) .tpd-btn .tpd-i-pause{display:block}
.tpd-live:not(.tpd-playing) .tpd-btn{background:linear-gradient(#8a8a8a,#5c5c5c);box-shadow:0 0 0 1px #4a4a4a,0 2px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.35)}
.tpd-lcd{position:relative;z-index:1;flex:1;min-width:0;height:54px;display:flex;align-items:center;gap:8px;padding:0 6px 0 7px;border-radius:6px;overflow:hidden;color:#16202a;
  background:linear-gradient(180deg,#f1f5f8,#cfd9e1);box-shadow:0 0 0 3px #1a1a1a,inset 0 0 0 1px #5d6a74,inset 0 2px 6px rgba(0,0,0,.25)}
.tpd-cover{width:38px!important;height:38px!important;flex:none;display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.35);background:#111;object-fit:cover;max-width:none}
.tpd-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.tpd-t{display:block;font-size:17px;font-weight:700;color:#0f171e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpd-s{display:block;font-size:13px;color:#34404a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpd-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(0,0,0,.12)}
.tpd-prog i{display:block;height:100%;width:0;background:#e10600}
.tpd-tools{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;position:relative;z-index:1;color:#8a8a8a;padding:0}
.tpd-tools svg{width:14px;height:14px;display:block}
@media (max-width:374px){.tpd-t{font-size:16px}}
@media (max-width:340px){.tpd-cover{display:none!important}}
@media (prefers-reduced-motion:reduce){.tpd-eq i{animation:none;transform:scaleY(.7)}}

/* the ghost that lifts off the page and flies to the floating spot */
.tp-ghost{position:fixed!important;z-index:2147482600;margin:0!important;pointer-events:none;will-change:left,top,width,height,transform}
#trd-pod.tp-doorhide{--tp-space:0px}
#trd-pod.tp-doorhide .tp-dock{display:none}
#trd-pod.tp-arriving .tp-dock{opacity:0}
#trd-pod .tp-dock{transition:opacity .22s ease}

/* phones: no font boosting inside the little screens */
.tp-dock,.tpd-strip{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* ---- idle door: a switched-on player (only before the album has been started) ---- */
.tpd-idle-eq{position:absolute;right:9px;top:24px;bottom:8px;z-index:0;display:flex;align-items:flex-end;gap:3px;pointer-events:none;opacity:.2}
.tpd-idle-eq i{display:block;width:3px;height:100%;border-radius:1px;background:#1d2a36;transform-origin:50% 100%;transform:scaleY(.35);
  animation:tpd-idle 2.6s ease-in-out infinite}
.tpd-idle-eq i:nth-child(1){animation-delay:-.2s}.tpd-idle-eq i:nth-child(2){animation-delay:-1.1s;animation-duration:2.2s}
.tpd-idle-eq i:nth-child(3){animation-delay:-.6s;animation-duration:3s}.tpd-idle-eq i:nth-child(4){animation-delay:-1.7s}
.tpd-idle-eq i:nth-child(5){animation-delay:-.9s;animation-duration:2.4s}.tpd-idle-eq i:nth-child(6){animation-delay:-2.1s;animation-duration:2.8s}
.tpd-idle-eq i:nth-child(7){animation-delay:-1.4s;animation-duration:2.3s}
@keyframes tpd-idle{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(.8)}}
.tpd-lcd .tpd-cover,.tpd-lcd .tpd-meta{position:relative;z-index:1}
.tpd-live .tpd-idle-eq{display:none}
.tpd-strip:not(.tpd-live) .tpd-btn{animation:tpd-power 2.8s ease-in-out infinite}
@keyframes tpd-power{
  0%,100%{box-shadow:0 0 0 1px #9c0300,0 2px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.45),0 0 0 0 rgba(225,6,0,0)}
  50%{box-shadow:0 0 0 1px #9c0300,0 2px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.45),0 0 10px 3px rgba(225,6,0,.38)}}
@media (prefers-reduced-motion:reduce){
  .tpd-idle-eq i{animation:none}
  .tpd-idle-eq i:nth-child(1){transform:scaleY(.4)}.tpd-idle-eq i:nth-child(2){transform:scaleY(.7)}.tpd-idle-eq i:nth-child(3){transform:scaleY(.5)}
  .tpd-idle-eq i:nth-child(4){transform:scaleY(.85)}.tpd-idle-eq i:nth-child(5){transform:scaleY(.45)}.tpd-idle-eq i:nth-child(6){transform:scaleY(.65)}.tpd-idle-eq i:nth-child(7){transform:scaleY(.3)}
  .tpd-strip:not(.tpd-live) .tpd-btn{animation:none;box-shadow:0 0 0 1px #9c0300,0 2px 4px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.45),0 0 8px 2px rgba(225,6,0,.28)}
}