.trackp{--tp-ink:var(--card-ink);--tp-paper:var(--card);--tp-soft:var(--card-ink-2);--tp-night:var(--material-night,#0f0e0c);--tp-brand:var(--card-ink);--tp-mono:var(--font-mono), ui-monospace, monospace;border:2.5px solid var(--tp-ink);background:var(--tp-paper);box-shadow:5px 6px 0 color-mix(in srgb, var(--tp-ink) 88%, transparent);max-width:560px;padding:12px 12px 6px;display:block}.trackp__mat{background:var(--tp-night);padding:11px;line-height:0;box-shadow:inset 0 3px 12px #0000008c}.trackp__frame{background:#000;width:100%;position:relative}.trackp__frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.trackp__audio{border:0;width:100%;display:block}.trackp__foot{justify-content:flex-end;align-items:center;gap:8px;padding:8px 2px 4px;display:flex}.trackp__tag{background:var(--tp-brand);flex:0 0 11px;width:11px;height:11px}.trackp__open{font-family:var(--tp-mono);letter-spacing:.02em;color:var(--tp-soft);align-items:center;gap:6px;font-size:.72rem;text-decoration:none;transition:color .14s;display:inline-flex}.trackp__open:hover{color:var(--tp-ink);text-underline-offset:3px;text-decoration:underline}.trackp__open:focus-visible{outline:2px solid var(--tp-ink);outline-offset:3px}.trackp__loading{font-family:var(--tp-mono);letter-spacing:.04em;color:color-mix(in srgb, var(--tp-paper) 78%, transparent);justify-content:center;align-items:center;gap:12px;font-size:.72rem;display:flex}.trackp__disc{background:radial-gradient(circle at 50% 50%, var(--tp-night) 0 4px, transparent 5px), repeating-radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--tp-paper) 60%, transparent) 0 1px, transparent 1px 3px);border-radius:50%;flex:0 0 24px;width:24px;height:24px;animation:2.4s linear infinite trackp-spin}@keyframes trackp-spin{to{transform:rotate(360deg)}}.trackp--out{color:var(--tp-ink);align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex}.trackp--out:hover{box-shadow:8px 10px 0 color-mix(in srgb, var(--tp-ink) 88%, transparent);transform:translate(-2px,-3px)}.trackp--out:focus-visible{outline:3px solid var(--tp-ink);outline-offset:3px}.trackp__mark{background:var(--tp-brand);flex:0 0 13px;width:13px;height:13px}.trackp__meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.trackp__t{font-family:var(--font-hero), "Anton", sans-serif;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;line-height:1;overflow:hidden}.trackp__k{font-family:var(--tp-mono);letter-spacing:.02em;color:var(--tp-soft);font-size:.7rem}@media (max-width:520px){.trackp{box-shadow:3px 4px 0 color-mix(in srgb, var(--tp-ink) 88%, transparent)}}@media (prefers-reduced-motion:reduce){.trackp--out{transition:none}.trackp--out:hover{transform:none}.trackp__disc{animation:none}}