:root{font-family:Inter,system-ui,sans-serif;color:#f1edfb}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:transparent;overflow:hidden}.widget{--accent:#a78bfa;--text:#f5f2ff;--muted:#c3bbd5;--art-size:144px;--radius:12px;--title-size:30px;position:relative;display:flex;align-items:center;gap:16px;width:fit-content;max-width:100%;height:auto;min-height:0;padding:10px 14px;color:var(--text);background:var(--widget-bg,transparent);border:1px solid var(--widget-border,transparent);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--widget-shadow,none);backdrop-filter:var(--widget-blur,none);-webkit-backdrop-filter:var(--widget-blur,none)}.art{width:var(--art-size);height:var(--art-size);flex:0 0 var(--art-size);object-fit:cover;border-radius:calc(var(--radius)*.7);background:#17131f;box-shadow:0 4px 18px #0008}.details{min-width:0;max-width:min(520px,calc(100vw - var(--art-size) - 58px));display:flex;flex:0 1 auto;flex-direction:column;gap:4px}.track{font-size:var(--title-size);font-weight:700;line-height:1.18;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);letter-spacing:-.025em}.artist{font-size:var(--artist-size,22px);font-weight:600;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album{font-size:var(--album-size,17px);color:var(--muted);opacity:.76;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state{display:flex;align-items:center;gap:7px;font-size:var(--status-size,13px);font-weight:700;letter-spacing:.12em;color:var(--accent);margin-top:5px}.equalizer{height:12px;display:inline-flex;align-items:center;gap:2px}.equalizer i{display:block;width:2px;height:4px;border-radius:2px;background:currentColor;animation:eq .75s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:.2s}.equalizer i:nth-child(3){animation-delay:.4s}.equalizer i:nth-child(4){animation-delay:.1s}@keyframes eq{from{height:3px}to{height:11px}}.widget:not(.playing) .equalizer{display:none}.widget.compact{gap:10px;padding:7px 10px}.widget.compact .track{font-size:var(--title-size)}.widget.compact .artist{font-size:var(--artist-size,22px)}.widget.compact .album{font-size:var(--album-size,17px)}.widget.compact .state{font-size:var(--status-size,13px)}.widget.no-album .album,.widget.no-state .state,.widget.no-art .art{display:none}.widget.theme-nerdspace{--widget-bg:rgba(9,7,17,.92);--widget-border:rgba(167,139,250,.25);--widget-shadow:0 8px 28px rgba(0,0,0,.28)}.widget.theme-nerdtitan{--widget-bg:rgba(8,8,8,.94);--widget-border:rgba(255,121,0,.32);--widget-shadow:0 8px 28px rgba(0,0,0,.3)}.widget.theme-clean{--widget-bg:transparent;--widget-border:transparent;--widget-shadow:none;border-left-color:var(--accent);padding-left:10px}.widget.theme-glass{--widget-bg:rgba(17,16,24,.76);--widget-border:rgba(255,255,255,.16);--widget-shadow:0 8px 30px rgba(0,0,0,.22);--widget-blur:12px}.widget.empty .art{display:none}@media(prefers-reduced-motion:reduce){.equalizer i{animation:none;height:5px}}