.web-player{position:fixed;z-index:15;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:480px;padding:16px 18px 12px;background:#fff;border:2px solid #141111;box-shadow:4px 4px #141111}.player-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.player-track img{width:48px;aspect-ratio:16/9;object-fit:cover;border:1px solid #141111}.player-track>div{min-width:0}.player-track a{display:block;font-size:13px;font-weight:700;overflow-wrap:anywhere;max-height:3.1em;overflow:hidden}.player-track p{font-size:12px;color:var(--muted-foreground)}.player-toggle{width:40px;height:40px;flex-shrink:0;background:var(--primary);border:2px solid #141111;box-shadow:2px 2px #141111;border-radius:50%}.player-fold{position:absolute;left:50%;top:-14px;transform:translate(-50%);display:grid;place-items:center;width:44px;height:28px;min-height:28px;padding:0;border:2px solid #141111;border-radius:0;background:var(--raft-chrome);color:#141111}.player-fold:before{content:"";position:absolute;inset:-8px 0}.player-fold svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.player-fold:active{transform:translate(-50%)}.web-player.is-folded{max-width:320px;padding:12px 12px 8px}.web-player.is-folded .player-track img{display:none}.player-progress{display:flex;align-items:center;gap:10px;margin-top:12px;font:10px Space Mono,monospace}.player-progress input{flex:1;min-width:0;accent-color:#141111}.app-shell{padding-bottom:var(--player-clearance, 0px)}html{scroll-padding-bottom:var(--player-clearance, 0px)}@media(max-width:600px){.web-player{bottom:12px;width:calc(100% - 24px);padding:12px}}