.track-player.svelte-1itf6q{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column}.tp-layout.svelte-1itf6q{display:flex;gap:var(--space-4);flex-shrink:0}.tp-artwork.svelte-1itf6q{flex-shrink:0;position:relative;align-self:stretch;aspect-ratio:1}.tp-artwork.svelte-1itf6q img:where(.svelte-1itf6q){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}.tp-main.svelte-1itf6q{flex:1;min-width:0}.tp-error.svelte-1itf6q{font-family:var(--mono);font-size:var(--fs-xs);color:var(--err);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.tp-now-playing.svelte-1itf6q{margin-bottom:0}.tp-top.svelte-1itf6q{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.tp-mode.svelte-1itf6q{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.tp-system.svelte-1itf6q{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:.85rem var(--space-3);margin-bottom:var(--space-2);text-align:left;cursor:pointer;color:var(--accent-bright);border:1px solid var(--accent-dim);border-radius:var(--radius);background:radial-gradient(130% 160% at 0% 0%,color-mix(in oklab,var(--accent) 13%,transparent) 0%,transparent 58%),linear-gradient(180deg,var(--elev-sink-top) 0%,var(--elev-sink-bottom) 100%);box-shadow:inset 0 1px color-mix(in oklab,var(--accent) 12%,transparent);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.tp-system.svelte-1itf6q:hover{border-color:var(--accent);box-shadow:inset 0 1px color-mix(in oklab,var(--accent) 18%,transparent),0 0 18px color-mix(in oklab,var(--accent) 14%,transparent)}.tp-system.on.svelte-1itf6q{border-color:var(--accent);background:radial-gradient(130% 160% at 0% 0%,color-mix(in oklab,var(--accent) 18%,transparent) 0%,transparent 58%),linear-gradient(180deg,var(--elev-sink-top) 0%,var(--elev-sink-bottom) 100%)}.tp-system.live.svelte-1itf6q{box-shadow:inset 0 1px color-mix(in oklab,var(--accent) 22%,transparent),0 0 22px color-mix(in oklab,var(--accent) 20%,transparent)}.tp-system-bar.svelte-1itf6q{width:3px;height:38px;flex-shrink:0;border-radius:1px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.tp-system-text.svelte-1itf6q{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.tp-system-name.svelte-1itf6q{font-family:var(--mono);font-size:var(--fs-base);font-weight:700;letter-spacing:.14em;color:var(--accent-bright);text-shadow:0 0 8px color-mix(in oklab,var(--accent) 30%,transparent)}.tp-system-by.svelte-1itf6q{font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab,var(--accent) 55%,var(--text-faint))}.tp-system-state.svelte-1itf6q{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;color:var(--accent)}.tp-system-play.svelte-1itf6q{width:20px;height:20px;filter:drop-shadow(0 0 5px color-mix(in oklab,var(--accent) 35%,transparent))}.tp-eq.svelte-1itf6q{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.tp-eq.svelte-1itf6q>span:where(.svelte-1itf6q){width:2.5px;height:100%;background:currentColor;border-radius:1px;transform-origin:bottom;transform:scaleY(.4);animation:svelte-1itf6q-tp-eq .88s ease-in-out infinite}.tp-eq.svelte-1itf6q>span:where(.svelte-1itf6q):nth-child(2){animation-delay:-.29s}.tp-eq.svelte-1itf6q>span:where(.svelte-1itf6q):nth-child(3){animation-delay:-.56s}@keyframes svelte-1itf6q-tp-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.tp-react.svelte-1itf6q{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:var(--fs-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:color-mix(in oklab,var(--accent) 72%,var(--text-faint));background:none;border:none;border-radius:0;padding:var(--space-1) 0;cursor:pointer}.tp-react.svelte-1itf6q:hover{color:var(--accent-bright)}.tp-react.off.svelte-1itf6q{color:var(--text-muted)}.tp-react.off.svelte-1itf6q:hover{color:var(--accent)}.tp-react-arrow.svelte-1itf6q{width:5px;height:5px;flex:none;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(135deg);filter:drop-shadow(0 0 3px currentColor)}.tp-react.off.svelte-1itf6q .tp-react-arrow:where(.svelte-1itf6q){filter:none}.tp-list.greyed.svelte-1itf6q .tp-item:where(.svelte-1itf6q){opacity:.45;transition:opacity .3s}.tp-list.greyed.svelte-1itf6q .tp-item.active:where(.svelte-1itf6q){opacity:1}.tp-list.greyed.svelte-1itf6q:hover .tp-item:where(.svelte-1itf6q){opacity:.7}.tp-list.greyed.svelte-1itf6q .tp-item:where(.svelte-1itf6q):hover,.tp-list.greyed.svelte-1itf6q .tp-item:where(.svelte-1itf6q):focus-within{opacity:1}.tp-btn.svelte-1itf6q{flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;color:var(--accent);border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(130% 130% at 50% 16%,var(--accent-glow-mid) 0%,transparent 70%),linear-gradient(180deg,var(--elev-sink-top) 0%,var(--elev-sink-bottom) 100%);box-shadow:inset 0 1px 7px #0000004d;cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.tp-btn.svelte-1itf6q:hover{border-color:var(--accent-dim);color:var(--accent-bright);box-shadow:inset 0 1px 7px #0000004d,0 0 16px var(--accent-glow-mid)}.tp-icon.svelte-1itf6q{width:24px;height:24px;display:block;filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent) 35%,transparent))}.tp-icon--play.svelte-1itf6q{transform:none}.tp-info.svelte-1itf6q{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.tp-track-name.svelte-1itf6q{font-family:var(--mono);font-size:var(--fs-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-meta.svelte-1itf6q{display:flex;align-items:center;gap:var(--space-2);min-width:0}.tp-artist.svelte-1itf6q{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tp-sep.svelte-1itf6q{flex-shrink:0;font-size:var(--fs-2xs);color:var(--text-faint);opacity:.6}.tp-volume.svelte-1itf6q{flex-shrink:0;align-self:flex-start;margin-top:2px;display:flex;align-items:center;gap:var(--space-2)}.tp-volume-btn.svelte-1itf6q{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-faint);transition:color var(--duration-fast)}.tp-volume-btn.svelte-1itf6q:hover{color:var(--accent)}.tp-vol-icon.svelte-1itf6q{width:16px;height:16px;display:block}.tp-volume-slider.svelte-1itf6q{width:84px;height:4px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent) var(--vol, 100%),var(--border) var(--vol, 100%));border-radius:1px;box-shadow:inset 0 1px 2px #00000059;outline:none;cursor:pointer}.tp-volume-slider.svelte-1itf6q:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tp-volume-slider.svelte-1itf6q::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:14px;border-radius:1px;background:var(--accent-bright);cursor:pointer;box-shadow:0 0 6px var(--accent-glow-mid)}.tp-volume-slider.svelte-1itf6q::-moz-range-thumb{width:4px;height:14px;border:none;border-radius:1px;background:var(--accent-bright);cursor:pointer;box-shadow:0 0 6px var(--accent-glow-mid)}.tp-time.svelte-1itf6q{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--text-faint);flex-shrink:0}.tp-list-zone.svelte-1itf6q{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:var(--space-3)}.tp-list.svelte-1itf6q{display:grid;grid-template-columns:1fr;align-content:start;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-t, 0px),#000 calc(100% - var(--fade-b, 0px)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-t, 0px),#000 calc(100% - var(--fade-b, 0px)),transparent 100%)}.tp-list.svelte-1itf6q::-webkit-scrollbar{width:6px}.tp-list.svelte-1itf6q::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.tp-item.svelte-1itf6q{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:.72rem var(--space-2);background:none;border:none;border-bottom:1px solid color-mix(in oklab,var(--accent-bright) 7%,transparent);border-radius:0;cursor:pointer;color:inherit;font-family:inherit;text-align:left;transition:background var(--duration-fast)}.tp-item.svelte-1itf6q:last-child{border-bottom:none}.tp-item.svelte-1itf6q:hover{background:var(--accent-glow)}.tp-item.active.svelte-1itf6q{background:color-mix(in oklab,var(--accent) 8%,transparent)}.tp-item-color.svelte-1itf6q{width:3px;height:30px;border-radius:1px;flex-shrink:0}.tp-item-text.svelte-1itf6q{display:flex;flex-direction:column;gap:1px;min-width:0}.tp-item-name.svelte-1itf6q{font-family:var(--mono);font-size:var(--fs-sm);color:var(--text-secondary);letter-spacing:.04em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-item-by.svelte-1itf6q{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--text-faint);letter-spacing:.06em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-item.active.svelte-1itf6q .tp-item-name:where(.svelte-1itf6q){color:var(--text)}.tp-item.active.svelte-1itf6q .tp-item-by:where(.svelte-1itf6q){color:var(--text-muted)}.tp-item-playing.svelte-1itf6q{font-size:var(--fs-2xs);color:var(--accent);margin-left:auto}@media(max-width:620px){.track-player.svelte-1itf6q{padding:var(--space-3)}.tp-layout.svelte-1itf6q{gap:var(--space-3)}.tp-artwork.svelte-1itf6q{width:82px}.tp-top.svelte-1itf6q{flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.tp-btn.svelte-1itf6q{width:40px;height:40px}.tp-icon.svelte-1itf6q{width:20px;height:20px}.tp-meta.svelte-1itf6q{flex-wrap:wrap;row-gap:0}.tp-volume.svelte-1itf6q{order:3;flex-basis:100%;justify-content:flex-end;margin-top:0}.tp-volume-slider.svelte-1itf6q{flex:1 1 auto;width:auto;min-width:84px;max-width:160px}.tp-mode.svelte-1itf6q{align-items:stretch;gap:var(--space-2)}.tp-react.svelte-1itf6q{width:100%}.tp-now-playing.svelte-1itf6q{--wave-h: 34px}.tp-list-zone.svelte-1itf6q{flex:none;max-height:16rem}.tp-list.svelte-1itf6q{max-height:16rem}}@media(max-width:420px){.track-player.svelte-1itf6q{padding:var(--space-2)}.tp-layout.svelte-1itf6q{gap:var(--space-2)}.tp-artwork.svelte-1itf6q{width:72px}.tp-volume.svelte-1itf6q{justify-content:flex-start}.tp-volume-slider.svelte-1itf6q{max-width:none}}.edge-marker.svelte-j5tdx9{position:absolute;top:var(--top);display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none;z-index:50;--edge-ink: var(--text-secondary);--edge-rule: #ffffff;--edge-rule-opacity: .7}.edge-marker--left.svelte-j5tdx9{left:calc(50% - 50vw + 2rem)}.edge-marker--right.svelte-j5tdx9{right:calc(50% - 50vw + 2rem)}.edge-marker--dark.svelte-j5tdx9{--edge-ink: color-mix(in oklab, var(--bg) 78%, var(--text));--edge-rule: #0a0e12;--edge-rule-opacity: .55}.label.svelte-j5tdx9{writing-mode:vertical-rl;font-family:var(--mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:0;text-transform:uppercase;color:var(--edge-ink);white-space:nowrap;-webkit-user-select:none;user-select:none}.edge-marker--left.svelte-j5tdx9 .label:where(.svelte-j5tdx9){transform:rotate(180deg)}.line.svelte-j5tdx9{width:1px;height:var(--line-h);background:var(--edge-rule);opacity:var(--edge-rule-opacity)}@media(max-width:1100px){.edge-marker.svelte-j5tdx9{display:none}}