.ds,[data-theme=dark] .ds.ds-light{--app-surface:#fff;--app-edge:#fff;--success-ink:#17734f}[data-theme=dark] .ds{--app-surface:#12233a;--app-edge:#2c4058;--success-ink:#5fdca0}.ds .theme-btn{border:1px solid var(--glass-border);background:var(--glass-pill);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:inline-grid}.ds .theme-btn svg.i{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ds .theme-btn .ic-sun,[data-theme=dark] .ds .theme-btn .ic-moon{display:none}[data-theme=dark] .ds .theme-btn .ic-sun{display:block}.ds .glass-panel{border-color:var(--glass-border);background:linear-gradient(135deg, color-mix(in srgb, var(--app-surface) 74%, transparent) 0%, color-mix(in srgb, var(--app-surface) 46%, transparent) 48%, color-mix(in srgb, var(--app-surface) 30%, transparent) 100%);box-shadow:var(--shadow-1)}.ds .glass-panel:before{background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--app-edge) 60%, transparent), transparent 34%);opacity:.5}.ds .glass-panel-strong{background:linear-gradient(135deg, color-mix(in srgb, var(--app-surface) 84%, transparent), color-mix(in srgb, var(--app-surface) 56%, transparent) 56%, color-mix(in srgb, var(--app-surface) 40%, transparent))}.ds .glass-pill{border-color:var(--glass-border);background:linear-gradient(135deg, color-mix(in srgb, var(--app-surface) 72%, transparent), color-mix(in srgb, var(--app-surface) 36%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--app-edge) 80%, transparent), var(--shadow-1)}[data-theme=dark] .ds [data-cover-fallback]{filter:brightness(.34)saturate(1.5)}.ds[data-mode=play]{--app-canvas:var(--canvas);--play-tint:color-mix(in srgb, var(--brand) 14%, var(--app-surface))}[data-theme=dark] .ds[data-mode=play]{--play-tint:color-mix(in srgb, var(--brand) 18%, var(--app-surface))}