.spotify-widget-positioner{--listening-ink:color-mix(in srgb, var(--color-accent) 64%, #586576);--listening-bright:color-mix(in srgb, var(--color-accent) 70%, white);--listening-face:linear-gradient(160deg, color-mix(in srgb, var(--color-accent) 8%, black), #050608 55%, #07090d);--listening-rim:linear-gradient(160deg, color-mix(in srgb, var(--color-accent) 52%, transparent), color-mix(in srgb, var(--color-accent) 14%, transparent) 50%, color-mix(in srgb, var(--color-accent) 28%, transparent));--listening-shadow:0 18px 40px -18px #000;--listening-ease:cubic-bezier(.2, .8, .2, 1);--listening-morph:.38s var(--listening-ease);--moon:56px;z-index:50;border-radius:var(--radius-pill);touch-action:none;cursor:grab;user-select:none;position:fixed}.spotify-widget-positioner.is-docked{touch-action:auto;cursor:auto}.spotify-widget-positioner.is-dragging{cursor:grabbing}.spotify-widget-positioner:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px}.listening{width:max-content;max-width:calc(100vw - 16px)}.listening.is-minimized{--moon:44px}.listening__card{grid-template-columns:var(--moon) 1fr;border-radius:var(--radius-pill);background:var(--listening-face) padding-box, var(--listening-rim) border-box;box-shadow:var(--listening-shadow);transition:grid-template-columns var(--listening-morph), column-gap var(--listening-morph), padding var(--listening-morph), box-shadow .24s ease, transform .24s var(--listening-ease);border:1px solid #0000;align-items:center;column-gap:14px;padding:8px 20px 8px 8px;display:grid;position:relative}.listening.is-minimized .listening__card{grid-template-columns:var(--moon) 0fr;transition:grid-template-columns var(--listening-morph) 70ms, column-gap var(--listening-morph) 70ms, padding var(--listening-morph) 70ms, box-shadow .24s ease, transform .24s var(--listening-ease);column-gap:0;padding:6px}.spotify-widget-positioner.is-dragging .listening__card{transform:translateY(-2px);box-shadow:0 26px 48px -20px #000}.listening__body{min-width:0;max-height:var(--moon);transition:max-height var(--listening-morph), opacity .24s ease .14s;align-items:center;margin:-6px;padding:6px;display:flex;overflow:hidden}.listening.is-minimized .listening__body{opacity:0;transition:max-height var(--listening-morph) 70ms, opacity 80ms ease}.listening__control{border:1px solid color-mix(in srgb, var(--color-accent) 32%, transparent);background:var(--listening-face);width:20px;height:20px;color:color-mix(in srgb, var(--color-text-primary) 62%, transparent);cursor:pointer;opacity:0;transition:opacity .2s ease, transform .32s var(--listening-ease), color .2s ease, border-color .2s ease;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-8px;right:24px;transform:translateY(3px)scale(.9);box-shadow:0 6px 14px -6px #000}.listening__control svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;width:10px;height:10px}.listening:is(:hover,:focus-within) .listening__control{opacity:1;transform:none}.listening__control:hover{border-color:color-mix(in srgb, var(--color-accent) 60%, transparent);color:var(--listening-bright)}.listening__control:after{content:"";position:absolute;inset:-10px}@media (hover:none){.listening__control{opacity:.85;transform:none}}.listening__expand{border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:-1px}.listening__control:focus-visible,.listening__expand:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.listening__moon{width:var(--moon);height:var(--moon);transition:width var(--listening-morph), height var(--listening-morph);display:block;position:relative}.listening__cover{object-fit:cover;opacity:0;width:71%;height:71%;transition:opacity .6s ease, transform .9s var(--listening-ease);pointer-events:none;-webkit-user-drag:none;border-radius:50%;position:absolute;inset:14.5%;transform:scale(1.06)}.listening__cover.is-loaded{opacity:1;transform:none}.listening__glyph,.listening__orbit{fill:none;width:100%;height:100%;stroke:var(--listening-ink);stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;inset:0;overflow:visible}.listening__glyph{stroke-width:1px}.listening__glyph circle{fill:color-mix(in srgb, var(--color-accent) 8%, transparent);stroke:none}.listening__echo{stroke-width:.85px;opacity:.4;transform-box:view-box;transform-origin:28px 28px;transition:transform .65s var(--listening-ease), opacity .5s ease}.listening:is(:hover,:focus-within) .listening__echo{opacity:.75;transform:rotate(-16deg)}.listening__track{stroke-width:.85px;stroke-dasharray:100;opacity:.32;transition:opacity .4s}.listening:is(:hover,:focus-within) .listening__track{opacity:.5}.listening__orbit.is-untimed .listening__track{stroke-dasharray:21 4 13 10}.listening__elapsed{stroke:var(--listening-bright);stroke-width:1.25px;opacity:.85;transition:stroke-dasharray 1s linear}.listening__star-orbit{transform-box:view-box;transform-origin:28px 28px;transition:transform 1s linear}.listening__orbit.is-rewinding .listening__star-orbit,.listening__orbit.is-rewinding .listening__elapsed{transition:none}.listening__star{fill:var(--listening-bright);stroke:none;transform-box:fill-box;transform-origin:50%}.listening__text{flex-direction:column;flex:none;min-width:7rem;max-width:13.5rem;display:flex}.listening__text p{margin:0}.listening__eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;color:var(--listening-ink);justify-items:start;line-height:1.5;display:grid}.listening__eyebrow>*{transition:opacity .22s ease, transform .32s var(--listening-ease);grid-area:1/1}.listening__time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:0;transform:translateY(3px)}.listening__time-rule{margin:0 .45em}.listening:is(:hover,:focus-within) .listening__eyebrow.is-timed .listening__label{opacity:0;transform:translateY(-3px)}.listening:is(:hover,:focus-within) .listening__time{opacity:1;transform:none}.listening__title{border-radius:var(--radius-sm);max-width:100%;font-family:var(--font-body);color:var(--color-text-primary);align-items:center;gap:4px;margin-top:1px;font-size:.9375rem;font-weight:500;line-height:1.3;text-decoration:none;transition:color .2s;display:flex}.listening__title:hover{color:var(--color-text-interactive)}.listening__title:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.listening__title-text,.listening__artist{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.listening__out{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:11px;height:11px;transition:opacity .2s ease, transform .32s var(--listening-ease);flex:none;transform:translate(-2px,2px)}.listening__title:is(:hover,:focus-visible) .listening__out{opacity:1;transform:none}.listening__artist{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:1px;line-height:1.4}.listening{transition:opacity .42s ease, transform .52s var(--listening-ease)}.listening.is-entering{opacity:0;transition:none;transform:translateY(8px)}.listening.is-exiting{opacity:0;transition:opacity .24s ease-in,transform .24s ease-in;transform:translateY(4px)}.listening__text{animation:listening-rise .46s var(--listening-ease) both}.listening__orbit:not(.is-untimed) .listening__track{animation:listening-draw 1.1s var(--listening-ease) 80ms both}.listening__star{animation:listening-flare .9s var(--listening-ease) both, listening-breathe 3.6s ease-in-out .9s 8 alternate}@keyframes listening-rise{0%{opacity:0;transform:translateY(4px)}}@keyframes listening-draw{0%{stroke-dashoffset:100px}}@keyframes listening-flare{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.3)}to{transform:scale(1)}}@keyframes listening-breathe{to{opacity:.6;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.listening__text,.listening__track,.listening__star{animation:none!important}.spotify-widget-positioner,.spotify-widget-positioner *{transition-duration:.01ms!important;transition-delay:0s!important}}@media (width<=640px){.spotify-widget-positioner{--moon:28px}.listening.is-minimized{--moon:34px}.listening__card{grid-template-columns:var(--moon) 1fr auto;column-gap:8px;padding:2px 4px 2px 2px}.listening.is-minimized .listening__card{grid-template-columns:var(--moon) 0fr auto;padding:2px}.listening__text{flex-direction:row;align-items:baseline;gap:8px;min-width:0;max-width:min(15rem,100vw - 104px)}.listening__eyebrow,.listening__out,.listening__echo{display:none}.listening__title{flex:0 auto;min-width:0;margin:0;font-size:.8125rem}.listening__artist{flex:0 auto;max-width:42%;margin:0;font-size:.72rem}.listening__control{width:24px;height:24px;box-shadow:none;opacity:.85;background:0 0;border:0;position:relative;top:auto;right:auto;transform:none}.listening__control:after{inset:-6px}.listening__track{stroke-width:1.6px}.listening__elapsed{stroke-width:2.6px}.listening__star{scale:1.25}}
