@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap);:root{--mp-bg:#0e0e12;--mp-surface:#16161e;--mp-card:#1c1c28;--mp-border:#2a2a3a;--mp-accent:#7c6cff;--mp-accent2:#c084fc;--mp-dim:#555570;--mp-muted:#9090b0;--mp-text:#e8e8f0;--mp-white:#fff;--mp-danger:#ff6b6b;--mp-green:#4ade80;--mp-gradient:linear-gradient(135deg,var(--mp-accent),var(--mp-accent2));--mp-font-body:"Space Grotesk",sans-serif;--mp-font-mono:"Space Mono",monospace;--mp-size-xs:10px;--mp-size-sm:12px;--mp-size-base:14px;--mp-size-md:16px;--mp-size-lg:20px;--mp-size-xl:24px;--mp-space-xs:4px;--mp-space-sm:8px;--mp-space-md:16px;--mp-space-lg:24px;--mp-space-xl:32px;--mp-radius-sm:8px;--mp-radius-md:12px;--mp-radius-lg:20px;--mp-radius-full:9999px;--mp-shadow-accent:0 8px 24px #7c6cff73;--mp-shadow-card:0 4px 16px #0006}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--mp-bg);color:var(--mp-text);font-family:var(--mp-font-body);-webkit-font-smoothing:antialiased}.album-art{aspect-ratio:1/1;background:linear-gradient(135deg,#1a0533,#0d0d2b 40%,#1a0a2e 70%,#0e1a0e);border-radius:var(--mp-radius-lg);box-shadow:0 20px 60px #7c6cff40;overflow:hidden;position:relative}.album-art__canvas{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.album-art__glow{background:radial-gradient(circle,#7c6cff59,#0000 70%);border-radius:50%;height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.album-art--playing .album-art__glow{animation:mp-pulse 3s ease-in-out infinite}@keyframes mp-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}.album-art__vinyl{align-items:center;border:1px solid #7c6cff33;border-radius:50%;display:flex;height:55%;justify-content:center;position:relative;width:55%}.album-art__vinyl-ring{border:1px solid #7c6cff1a;border-radius:50%;position:absolute}.album-art__vinyl-ring--outer{inset:14px}.album-art__vinyl-ring--mid{border-color:#c084fc26;inset:32px}.album-art__vinyl-center{background:var(--mp-gradient);border-radius:50%;box-shadow:0 0 20px #7c6cffb3;height:22%;width:22%}.album-art--playing .album-art__vinyl{animation:mp-spin 8s linear infinite}@keyframes mp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.album-art__badge{align-items:center;backdrop-filter:blur(8px);background:#7c6cffe6;border-radius:var(--mp-radius-full);color:var(--mp-white);display:flex;font-size:9px;font-weight:700;gap:5px;left:12px;letter-spacing:1.5px;padding:4px 10px;position:absolute;text-transform:uppercase;top:12px}.album-art__badge-dot{animation:mp-blink 1s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;width:6px}@keyframes mp-blink{0%,to{opacity:1}50%{opacity:.3}}.album-art__fav{align-items:center;backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff1a;border-radius:50%;color:var(--mp-muted);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:color .2s,transform .15s;width:32px}.album-art__fav:hover{transform:scale(1.1)}.album-art__fav--active{color:var(--mp-danger)}.track-info{display:flex;flex-direction:column;gap:3px}.track-info__title{color:var(--mp-white);font-size:var(--mp-size-lg);font-weight:700;line-height:1.2}.track-info__artist{color:var(--mp-muted);font-size:var(--mp-size-base)}.track-info__album{color:var(--mp-dim);font-family:var(--mp-font-mono);font-size:var(--mp-size-xs);letter-spacing:.5px}.progress-bar{display:flex;flex-direction:column;gap:var(--mp-space-sm)}.progress-bar__times{color:var(--mp-muted);display:flex;font-family:var(--mp-font-mono);font-size:11px;justify-content:space-between}.progress-bar__times .current{color:var(--mp-accent);font-weight:700}.progress-bar__track{background:var(--mp-border);border-radius:2px;cursor:pointer;height:4px;position:relative;width:100%}.progress-bar__trim-zone{background:#7c6cff1a;border-radius:2px;bottom:0;position:absolute;top:0}.progress-bar__marker{border-radius:1px;bottom:-4px;position:absolute;top:-4px;width:2px}.progress-bar__marker--start{background:var(--mp-green)}.progress-bar__marker--end{background:var(--mp-danger)}.progress-bar__fill{background:var(--mp-gradient);border-radius:2px;height:100%;position:relative}.progress-bar__thumb{background:var(--mp-white);border-radius:50%;box-shadow:0 0 0 3px #7c6cff66;cursor:grab;height:14px;position:absolute;right:-7px;top:-5px;width:14px}.trim-panel{background:var(--mp-card);border:1px solid var(--mp-border);border-radius:var(--mp-radius-md);padding:14px 16px}.trim-panel__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.trim-panel__label{color:var(--mp-accent);font-size:var(--mp-size-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase}.trim-panel__status{align-items:center;color:var(--mp-green);display:flex;font-family:var(--mp-font-mono);font-size:9px;gap:4px}.trim-panel__controls{align-items:center;display:flex;gap:10px}.trim-control{background:var(--mp-surface);border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);flex:1;padding:8px 12px}.trim-control__label{align-items:center;color:var(--mp-dim);display:flex;font-size:9px;gap:4px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.trim-control__mark{border-radius:1px;display:inline-block;height:6px;width:6px}.trim-control__mark--start{background:var(--mp-green)}.trim-control__mark--end{background:var(--mp-danger)}.trim-control__slider{background:var(--mp-border);border-radius:2px;cursor:pointer;height:3px;margin-bottom:6px;position:relative;width:100%}.trim-control__slider-fill{border-radius:2px;height:100%}.trim-control__slider-fill--start{background:var(--mp-green)}.trim-control__slider-fill--end{background:var(--mp-danger)}.trim-control__thumb{border-radius:50%;cursor:grab;height:10px;position:absolute;top:-3.5px;width:10px}.trim-control__thumb--start{background:var(--mp-green)}.trim-control__thumb--end{background:var(--mp-danger)}.trim-control__time{color:var(--mp-text);font-family:var(--mp-font-mono);font-size:11px;font-weight:700;text-align:center}.trim-control__time span{color:var(--mp-dim);display:block;font-size:9px;font-weight:400}.trim-panel__arrow{color:var(--mp-dim);font-size:18px;margin-top:-10px}.trim-panel__save{background:#7c6cff26;border:1px solid #7c6cff66;border-radius:var(--mp-radius-sm);color:var(--mp-accent2);cursor:pointer;font-family:var(--mp-font-body);font-size:var(--mp-size-sm);font-weight:600;letter-spacing:.5px;margin-top:10px;padding:8px;text-align:center;transition:background .2s,border-color .2s;width:100%}.trim-panel__save:hover{background:#7c6cff40;border-color:var(--mp-accent)}.player-controls{justify-content:space-between}.ctrl-btn,.player-controls{align-items:center;display:flex}.ctrl-btn{background:var(--mp-surface);border:1px solid var(--mp-border);border-radius:50%;color:var(--mp-muted);cursor:pointer;height:44px;justify-content:center;transition:color .2s,border-color .2s,transform .15s;width:44px}.ctrl-btn:hover{color:var(--mp-text);transform:scale(1.05)}.ctrl-btn--active{border-color:#7c6cff66;color:var(--mp-accent)}.ctrl-btn svg{height:18px;width:18px}.play-btn{align-items:center;background:var(--mp-gradient);border:none;border-radius:50%;box-shadow:var(--mp-shadow-accent);cursor:pointer;display:flex;height:64px;justify-content:center;transition:transform .15s,box-shadow .2s;width:64px}.play-btn:hover{box-shadow:0 12px 32px #7c6cff99;transform:scale(1.06)}.play-btn svg{color:var(--mp-white);height:26px;margin-left:3px;width:26px}.play-btn--pause svg{margin-left:0}.sec-controls{justify-content:space-between}.sec-btn,.sec-controls{align-items:center;display:flex}.sec-btn{cursor:pointer;flex-direction:column;gap:5px}.sec-btn__icon{align-items:center;background:var(--mp-surface);border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);display:flex;height:40px;justify-content:center;transition:border-color .2s,transform .15s;width:40px}.sec-btn__icon:hover{border-color:var(--mp-accent);transform:scale(1.05)}.sec-btn__icon svg{color:var(--mp-muted);height:16px;width:16px}.sec-btn__icon--fav svg{color:var(--mp-danger)}.sec-btn__label{color:var(--mp-dim);font-size:9px;letter-spacing:1px;text-transform:uppercase}.queue{background:var(--mp-card);border:1px solid var(--mp-border);border-radius:var(--mp-radius-md);padding:12px 14px}.queue__header{color:var(--mp-dim);font-size:9px;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.queue-item{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:10px;padding:6px 0}.queue-item:last-child{border-bottom:none;padding-bottom:0}.queue-item__num{color:var(--mp-dim);flex-shrink:0;font-family:var(--mp-font-mono);font-size:10px;width:14px}.queue-item__art{align-items:center;background:linear-gradient(135deg,#1a0533,#0d0d2b);border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.queue-item__art svg{color:var(--mp-accent);height:12px;width:12px}.queue-item__meta{flex:1;min-width:0}.queue-item__title{color:var(--mp-text);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item__artist,.queue-item__dur{color:var(--mp-dim);font-size:10px}.queue-item__dur{font-family:var(--mp-font-mono)}.queue-item--active .queue-item__title{color:var(--mp-accent2)}.queue-item--active .queue-item__num{color:var(--mp-accent)}.bottom-nav{border-top:1px solid var(--mp-border);display:flex;justify-content:space-around;padding:12px 0 8px}.nav-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:0 10px}.nav-item svg{height:20px;width:20px}.nav-item span,.nav-item svg{color:var(--mp-dim);transition:color .2s}.nav-item span{font-size:9px;letter-spacing:1px;text-transform:uppercase}.nav-item--active span,.nav-item--active svg{color:var(--mp-accent)}.nav-item:hover :is(span,svg){color:var(--mp-muted)}.token-chip{align-items:center;background:var(--mp-card);border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);display:inline-flex;font-size:var(--mp-size-sm);gap:8px;padding:6px 12px}.token-chip__swatch{border-radius:4px;flex-shrink:0;height:20px;width:20px}.token-chip__name{color:var(--mp-muted)}.token-chip__name,.token-chip__value{font-family:var(--mp-font-mono);font-size:10px}.token-chip__value{color:var(--mp-text);margin-left:auto}body,body.body--dark{background:var(--mp-bg);color:var(--mp-text);font-family:var(--mp-font-body)}.q-dark,.q-menu{background:var(--mp-card);color:var(--mp-text)}.mp-page{margin:0 auto;max-width:720px;padding:20px 24px 32px;width:100%}.mp-page__title{color:var(--mp-white);font-size:var(--mp-size-xl);font-weight:700;letter-spacing:0;line-height:1.25;margin:0}.mp-page__subtitle{color:var(--mp-muted);font-size:var(--mp-size-sm);margin:4px 0 0}.mp-section-title{color:var(--mp-accent);font-size:var(--mp-size-xs);font-weight:700;letter-spacing:2px;line-height:1.4;margin:0 0 var(--mp-space-sm);text-transform:uppercase}.mp-link{color:var(--mp-accent2);font-size:var(--mp-size-sm);text-decoration:none}.mp-link:hover{text-decoration:underline}.q-notification{font-family:var(--mp-font-body)}