.mp-root{background:var(--bg,#0f0f1a);height:100%;color:var(--fg,#e0e0e0);font:13px/1.4 var(--font-ui,system-ui, sans-serif);flex-direction:column;display:flex;overflow:hidden}.mp-toolbar{align-items:center;gap:var(--s-2,8px);padding:var(--s-2,8px) var(--s-3,12px);border-bottom:1px solid var(--border,#2a2a3e);background:#0f0f1ae6;flex-shrink:0;display:flex}.mp-btn{appearance:none;color:var(--fg,#e0e0e0);font:inherit;border-radius:var(--r-icon,6px);cursor:pointer;transition:background var(--motion-duration,.2s), border-color var(--motion-duration,.2s);background:#ffffff08;border:1px solid #ffffff14;padding:5px 10px}.mp-btn:hover{background:#ffffff14;border-color:#ffffff26}.mp-btn:focus-visible{outline:2px solid var(--pai-blue,#7aa2f7);outline-offset:1px}.mp-btn--primary{color:#c7d3ff;background:#7aa2f72e;border-color:#7aa2f766}.mp-btn--primary:hover{background:#7aa2f747}.mp-btn--active{color:#c7d3ff;background:#7aa2f738;border-color:#7aa2f780}.mp-btn--icon{min-width:36px;padding:6px 8px;font-size:14px;line-height:1}.mp-visualizer-wrap{border-bottom:1px solid var(--border,#2a2a3e);background:linear-gradient(#7aa2f70d,#9f7aea14);flex-shrink:0;height:140px;position:relative;overflow:hidden}.mp-visualizer{width:100%;height:100%;display:block}.mp-now-playing{left:var(--s-3,12px);right:var(--s-3,12px);bottom:var(--s-2,8px);color:#ffffffe6;text-shadow:0 1px 2px #0009;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:12px;position:absolute;overflow:hidden}.mp-transport{align-items:center;gap:var(--s-2,8px);padding:var(--s-2,8px) var(--s-3,12px);border-bottom:1px solid var(--border,#2a2a3e);background:#0a0a1480;flex-wrap:wrap;flex-shrink:0;display:flex}.mp-seek{align-items:center;gap:var(--s-2,8px);flex:1;min-width:200px;display:flex}.mp-time{font-variant-numeric:tabular-nums;color:var(--fg-muted,#888);text-align:center;min-width:40px;font-size:11px}.mp-range{appearance:none;background:var(--border,#2a2a3e);cursor:pointer;height:4px;accent-color:var(--pai-blue,#7aa2f7);border-radius:2px;flex:1}.mp-range::-webkit-slider-thumb{appearance:none;background:var(--pai-blue,#7aa2f7);cursor:pointer;border-radius:50%;width:12px;height:12px}.mp-range::-moz-range-thumb{background:var(--pai-blue,#7aa2f7);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.mp-volume{align-items:center;gap:6px;display:flex}.mp-volume .mp-range{flex:none;width:80px;min-width:60px}.mp-queue{min-height:0;padding:var(--s-2,8px) 0;flex:1;overflow:auto}.mp-dropzone{margin:var(--s-3,12px);padding:var(--s-5,24px);border:2px dashed var(--border,#2a2a3e);border-radius:var(--r-window,8px);text-align:center;color:var(--fg-muted,#888);transition:border-color var(--motion-duration,.2s), background var(--motion-duration,.2s);font-size:12px}.mp-dropzone.is-over{border-color:var(--pai-blue,#7aa2f7);color:var(--fg,#e0e0e0);background:#7aa2f714}.mp-track{align-items:center;gap:var(--s-2,8px);padding:6px var(--s-3,12px);cursor:pointer;user-select:none;transition:background var(--motion-duration,.2s);border-bottom:1px solid #ffffff08;display:flex}.mp-track:hover{background:#ffffff0a}.mp-track.is-current{border-left:3px solid var(--pai-blue,#7aa2f7);padding-left:calc(var(--s-3,12px) - 3px);background:#7aa2f71f}.mp-track.is-missing{opacity:.5;font-style:italic}.mp-track[draggable=true]{cursor:grab}.mp-track.is-dragging{opacity:.4}.mp-track-idx{min-width:22px;color:var(--fg-muted,#888);font-variant-numeric:tabular-nums;font-size:11px}.mp-track-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mp-track-dur{color:var(--fg-muted,#888);font-variant-numeric:tabular-nums;font-size:11px}.mp-track-remove{appearance:none;color:var(--fg-muted,#888);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px;line-height:1}.mp-track-remove:hover{color:var(--pai-red,#f87171)}.mp-hint{padding:var(--s-2,8px) var(--s-3,12px);color:var(--fg-muted,#888);border-top:1px solid var(--border,#2a2a3e);background:#0a0a1466;flex-shrink:0;font-size:11px}.mp-hint kbd{font-family:var(--font-mono,monospace);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;padding:1px 5px;font-size:10px}.mp-hidden{display:none!important}body{background:var(--bg,#0f0f1a);flex-direction:column;min-height:100dvh;display:flex}.app-content[data-astro-cid-t5cmemsv]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.skip-link[data-astro-cid-t5cmemsv]{top:-100%;left:var(--s-2);background:var(--pai-blue);color:#0f0f1a;padding:var(--s-1) var(--s-3);border-radius:var(--r-icon);z-index:9999;font-size:.875rem;font-weight:600;text-decoration:none;position:absolute}.skip-link[data-astro-cid-t5cmemsv]:focus{top:var(--s-2)}