:root{--sap-bg:#111827;--sap-accent:#3B82F6;--sap-text:#F9FAFB;--sap-subtext:#D1D5DB;--sap-safe:env(safe-area-inset-bottom, 0px)}.sap-root{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';padding-bottom:var(--sap-safe)}.sap-player{background:var(--sap-bg);color:var(--sap-text);box-shadow:0 -8px 20px rgba(0,0,0,.2);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-radius:0}.sap-left{display:flex;align-items:center;gap:10px;min-width:0}.sap-cover{width:42px;height:42px;border-radius:6px;object-fit:cover;background:#222;flex:0 0 42px}.sap-meta{min-width:0}.sap-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sap-artist{font-size:12px;color:var(--sap-subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sap-center{display:flex;flex-direction:column;gap:6px;min-width:0}.sap-controls{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.sap-btn{border:0;background:transparent;color:var(--sap-text);cursor:pointer;padding:8px;border-radius:10px;position:relative}.sap-btn::before,.sap-btn::after{content:none!important}.sap-btn:hover{background:rgba(255,255,255,.08)}.sap-btn.primary{background:var(--sap-accent);color:#fff;padding:10px 12px;border-radius:12px;font-weight:700}.sap-time{font-size:12px;color:var(--sap-subtext);min-width:80px;text-align:center}.sap-progress{height:6px;background:#2a2a2a;border-radius:999px;position:relative;cursor:pointer;overflow:hidden}.sap-progress>.sap-buffer{position:absolute;height:100%;background:rgba(255,255,255,.2);width:0}.sap-progress>.sap-fill{position:absolute;height:100%;background:var(--sap-accent);width:0}.sap-right{display:flex;align-items:center;gap:12px}.sap-volume{width:90px}.sap-close{font-size:14px;color:var(--sap-subtext)}.sap-left .sap-close{display:none}.sap-root.sap-collapsed{left:auto;right:12px;bottom:12px;width:auto;max-width:88vw;border-radius:999px}.sap-root.sap-collapsed .sap-player{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px}.sap-root.sap-collapsed .sap-left{gap:8px}.sap-root.sap-collapsed .sap-cover{width:26px;height:26px;border-radius:6px;flex:0 0 26px}.sap-root.sap-collapsed .sap-title{font-size:13px;max-width:48vw}.sap-root.sap-collapsed .sap-artist{display:none}.sap-root.sap-collapsed .sap-center,.sap-root.sap-collapsed .sap-right,.sap-root.sap-collapsed .sap-time,.sap-root.sap-collapsed .sap-progress,.sap-root.sap-collapsed .sap-volume{display:none!important}.sap-root.sap-collapsed .sap-collapse-toggle{display:inline-block}.sap-collapse-toggle{display:none;font-size:16px;padding:6px 8px;color:var(--sap-subtext)}.sap-collapse-toggle[aria-expanded="false"]::after{content:'⤢'}.sap-collapse-toggle[aria-expanded="true"]::after{content:'⤡'}@media (max-width:500px){.sap-player{display:grid;grid-template-columns:1fr;grid-template-areas:'left' 'center' 'progress';row-gap:8px;padding:10px 12px}.sap-left{grid-area:left;align-items:center;gap:10px}.sap-center{grid-area:center}.sap-progress{grid-area:progress}.sap-right{display:none}.sap-left .sap-close{display:inline-block!important;font-size:18px;padding:6px 8px;order:-1}.sap-cover{width:40px;height:40px;flex:0 0 40px}.sap-title{font-size:14px}.sap-artist{font-size:12px}.sap-time{display:inline-block;min-width:auto}.sap-volume{display:none}.sap-controls .sap-btn{display:inline-flex!important}}@media (max-width:380px){.sap-controls .sap-btn{display:inline-flex!important}}