/* SeibFIT 3.8 · Mobile-only Spotify remote, never embedded playback */
.sf-spotify-settings-top{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}
.sf-spotify-settings-top strong{font-size:12px;color:#b7bbbc}
.sf-spotify-mark{color:#1ed760;font-size:14px;font-weight:900;letter-spacing:.15px}
.sf-spotify-gear{color:#1ed760!important}
.sf-spotify-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.sf-spotify-actions .button[hidden]{display:none}
.sf-spotify-switch{display:flex;align-items:center;gap:11px;padding:14px 12px;border:1px solid #3b4141;border-radius:13px;background:#12171a;cursor:pointer;font-size:13px;font-weight:700;color:#eee}
.sf-spotify-switch input{accent-color:#1ed760;width:19px;height:19px;flex:0 0 19px}
.sf-spotify-switch input:disabled{opacity:.4}
.sf-spotify-mode-label{display:block;color:#d5d9d5;font-size:12px;font-weight:750;margin:18px 0 8px}
.sf-spotify-mode-select{width:100%;max-width:350px;padding:12px;font-size:14px;background:#13191a;color:#e8f1e9;border:1px solid #43634e;border-radius:12px}
[data-spotify-slot]:empty{display:none!important}
.sf-spotify-train-slot{margin:0 0 14px}
.sf-spotify-focus-slot{margin-top:12px}
.sf-spotify-player{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;color:#f0f5f1;border:1px solid #315642;border-radius:17px;padding:10px 11px;background:linear-gradient(120deg,#13261b,#12171c 82%);box-shadow:0 8px 24px #0005;animation:sfSpotifyIn .22s ease-out both}
.sf-spotify-top{display:flex;align-items:center;gap:8px;min-width:0}
.sf-spotify-main{display:flex;align-items:center;min-width:0;flex:1}
.sf-spotify-song{min-width:0;flex:1;display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.sf-spotify-song:focus-visible{outline:2px solid #1ed760;outline-offset:3px}
.sf-spotify-art{width:50px;height:50px;flex:0 0 50px;min-width:0;display:block;border-radius:9px;object-fit:cover;overflow:hidden}
.sf-spotify-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#315942,#17281d);color:#58ee91;font-size:24px}
.sf-spotify-meta{min-width:0;flex:1;display:grid;gap:3px;overflow:hidden}
.sf-spotify-meta strong,.sf-spotify-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-spotify-meta strong{font-size:13px;font-weight:850;line-height:1.3}
.sf-spotify-meta small{font-size:11px;color:#c5d4c9;line-height:1.3}
.sf-spotify-by{font-size:10px;font-weight:800;color:#42d77d;white-space:nowrap}
.sf-spotify-switch-mode{display:grid;place-items:center;background:#193225;color:#cef5d9;border:1px solid #3d644c;border-radius:10px;width:41px;height:43px;flex:0 0 41px;font-size:20px;cursor:pointer}
.sf-spotify-switch-mode:focus-visible,.sf-spotify-controls button:focus-visible,.sf-spotify-compact-controls button:focus-visible{outline:2px solid #1ed760;outline-offset:2px}
.sf-spotify-compact{padding:9px 10px;padding-right:58px;position:relative;min-height:67px}
.sf-spotify-compact .sf-spotify-art{width:43px;height:43px;flex-basis:43px}
.sf-spotify-compact .sf-spotify-meta strong{font-size:12px}
.sf-spotify-compact .sf-spotify-top{padding-right:0}
.sf-spotify-compact .sf-spotify-switch-mode{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:31px;height:34px;min-height:34px;font-size:16px}
.sf-spotify-compact-controls{position:absolute;right:46px;top:50%;transform:translateY(-50%)}
.sf-spotify-compact-controls button{min-width:40px;min-height:43px;background:#1ed760;color:#102419;border:0;border-radius:12px;font-size:18px;font-weight:900;cursor:pointer}
.sf-spotify-compact:has(.sf-spotify-compact-controls){padding-right:98px}
.sf-spotify-expanded{padding:13px 15px;transition:padding .22s ease-out}
.sf-spotify-expanded .sf-spotify-art{width:74px;height:74px;flex-basis:74px;border-radius:11px}
.sf-spotify-expanded .sf-spotify-meta strong{font-size:15px}
.sf-spotify-expanded .sf-spotify-meta small{font-size:12px}
.sf-spotify-expanded .sf-spotify-footer{display:grid;gap:13px;padding-top:13px;animation:sfSpotifyIn .23s ease-out}
.sf-spotify-controls{display:flex;align-items:center;justify-content:center;gap:20px}
.sf-spotify-controls button{display:grid;place-items:center;min-width:48px;min-height:45px;border:1px solid #40634c;border-radius:13px;background:#1b3526;color:#edfff0;font-size:20px;cursor:pointer}
.sf-spotify-controls button.sf-spotify-main-play{width:54px;height:51px;background:#1ed760;color:#10261a;border-color:#1ed760;font-weight:900;font-size:22px}
.sf-spotify-controls button:disabled,.sf-spotify-compact-controls button:disabled{opacity:.65;cursor:wait}
.sf-spotify-controls button:active,.sf-spotify-compact-controls button:active{transform:scale(.97)}
.sf-spotify-progress{display:grid;gap:8px;min-width:0}
.sf-spotify-progress-track{height:5px;border-radius:99px;background:#3f5749;overflow:hidden;position:relative}
.sf-spotify-progress-fill{display:block;position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#1ed760,#68f0a0);border-radius:inherit;will-change:transform}
.sf-spotify-time{display:flex;justify-content:space-between;color:#bdcfc3;font-variant-numeric:tabular-nums;font-weight:750;font-size:10px}
.sf-spotify-reconnect{background:#1b3826;color:#a8ffbf;border:1px solid #316044;border-radius:11px;padding:9px 12px;min-height:38px;font-weight:750;font-size:12px;cursor:pointer}
.sf-spotify-empty .sf-spotify-meta strong{white-space:normal;line-height:1.3}
.sf-spotify-empty .sf-spotify-meta small{white-space:normal;line-height:1.4}
body.sf-focus-open .sf-spotify-focus-slot{max-width:100%}
/* A large focus player belongs in the scrollable body if needed; no overlap with set controls or the rest bar. */
@media(max-height:690px) and (max-width:767px){.sf-spotify-focus-slot .sf-spotify-expanded .sf-spotify-art{width:51px;height:51px;flex-basis:51px}.sf-spotify-focus-slot .sf-spotify-expanded .sf-spotify-footer{padding-top:7px;gap:8px}.sf-spotify-focus-slot .sf-spotify-expanded .sf-spotify-controls button{min-height:38px}}
@media(max-width:390px){.sf-spotify-player{padding:9px}.sf-spotify-song{gap:8px}.sf-spotify-art{width:42px;height:42px;flex-basis:42px}.sf-spotify-meta strong{font-size:12px}.sf-spotify-meta small{font-size:10px}.sf-spotify-by{font-size:9px}.sf-spotify-expanded .sf-spotify-art{width:59px;height:59px;flex-basis:59px}.sf-spotify-expanded .sf-spotify-meta strong{font-size:13px}.sf-spotify-compact{padding-right:57px}.sf-spotify-compact:has(.sf-spotify-compact-controls){padding-right:96px}}
@media(min-width:768px){.sf-spotify-train-slot,.sf-spotify-focus-slot{display:none!important}}
@keyframes sfSpotifyIn{from{opacity:.68;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.sf-spotify-player,.sf-spotify-expanded .sf-spotify-footer{animation:none!important;transition:none!important}.sf-spotify-controls button:active{transform:none}}