main{padding-bottom:220px}#jukebox-dock{position:fixed;inset:auto 0 0;z-index:65;background:linear-gradient(160deg,#242429,#09090b);border-top:1px solid #4a4749;box-shadow:0 -12px 45px #000a;color:#f6f5f3;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));font:14px/1.4 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}#jukebox-dock .tn-persistent-player{display:grid;grid-template-columns:minmax(100px,1fr) auto;align-items:center;gap:6px 8px;max-width:840px;margin:0 auto;padding:8px 10px;background:linear-gradient(170deg,#29282c,#111215);border:1px solid #ffffff27;border-bottom:0;border-radius:16px 16px 0 0;min-height:86px}#jukebox-dock .tn-player-identity{display:flex;align-items:center;gap:10px;min-width:0}#jukebox-dock .tn-player-identity img{width:42px;height:42px;flex:none;object-fit:cover;border-radius:7px}#jukebox-dock .tn-player-track{display:flex;flex-direction:column;gap:2px;min-width:0}#jukebox-dock .tn-player-track strong,#jukebox-dock .tn-player-track span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#jukebox-dock .tn-player-track strong{font-size:13px}#jukebox-dock .tn-player-track span{font-size:12px;color:#c4c0bf}#jukebox-dock .tn-player-controls{display:flex;align-items:center;gap:0}#jukebox-dock .tn-player-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:44px;border:0;padding:6px;background:transparent;color:#f6f5f3;cursor:pointer;touch-action:manipulation}#jukebox-dock .tn-player-controls button:disabled{opacity:.4}#jukebox-dock .tn-player-controls .tn-player-primary{display:inline-flex;flex:0 0 56px;width:56px;min-width:56px;height:56px;min-height:56px;aspect-ratio:1/1;padding:0;border:1px solid #bfa88b7d;border-radius:50%;background:#ffffff15}#jukebox-dock .tn-player-controls svg{width:18px;height:18px}#jukebox-dock .tn-player-progress{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:11px;color:#bdb9ba}#jukebox-dock .tn-player-progress input{flex:1;min-width:0;appearance:none;-webkit-appearance:none;height:24px;padding:0;background:transparent;border:0}#jukebox-dock .tn-player-progress input::-webkit-slider-runnable-track{height:2px;background:#817e83;border-radius:99px}#jukebox-dock .tn-player-progress input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;margin-top:-7.5px;background:#f6f3ef;border:0;border-radius:50%}#jukebox-dock .tn-player-status,#jukebox-dock .tn-player-help{grid-column:1/-1;margin:0;font-size:12px;color:#d7c3a9}#jukebox-dock .tn-player-status:empty{display:none}#jukebox-dock .tn-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#jukebox-dock #acm-song-jukebox-message{font-size:13px;color:#ccc;text-align:center;margin:12px}#jukebox-dock button:focus-visible{outline:2px solid #e8c8a2;outline-offset:2px}@media(max-width:440px){#jukebox-dock .tn-persistent-player{padding:7px 8px}#jukebox-dock .tn-player-controls button{min-width:35px}#jukebox-dock .tn-player-identity img{width:39px;height:39px}}

/* Song pages use the same compact player geometry as the AccompanyMe front door. */
#jukebox-dock .tn-persistent-player {box-sizing:border-box!important;width:100%!important;max-width:840px!important;min-width:0!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 10px!important;}
#jukebox-dock .tn-player-identity {min-width:0!important;max-width:100%!important;}
#jukebox-dock .tn-player-controls {display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;min-width:0!important;}
#jukebox-dock .tn-player-controls button {box-sizing:border-box!important;flex:0 0 34px!important;min-width:34px!important;width:34px!important;min-height:44px!important;border-radius:50%!important;padding:5px!important;}
#jukebox-dock .tn-player-controls .tn-player-primary {box-sizing:border-box!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;border:1px solid rgba(223,204,174,.53)!important;border-radius:50%!important;padding:0!important;aspect-ratio:1!important;}
#jukebox-dock .tn-player-primary:has(.tn-player-connect-label) {flex:0 1 auto!important;width:auto!important;min-width:76px!important;max-width:132px!important;height:auto!important;min-height:48px!important;max-height:none!important;padding:6px 10px!important;border-radius:999px!important;}
#jukebox-dock .tn-player-controls svg {width:18px!important;height:18px!important;flex-shrink:0!important;}
#jukebox-dock .tn-player-progress {box-sizing:border-box!important;grid-column:1/-1!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;color:#bbb8bc!important;min-width:0!important;}
#jukebox-dock .tn-player-progress .tn-player-elapsed {grid-column:1!important;grid-row:1!important;white-space:nowrap!important;min-width:36px!important;text-align:left!important;font-variant-numeric:tabular-nums!important;}
#jukebox-dock .tn-player-progress input[type=range] {grid-column:2!important;grid-row:1!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;height:3px!important;border:0!important;border-radius:999px!important;-webkit-appearance:none!important;appearance:none!important;background:linear-gradient(to right,#ead4b1 var(--tn-progress,0%),#727278 var(--tn-progress,0%))!important;cursor:pointer!important;accent-color:#ead4b1!important;}
#jukebox-dock .tn-player-progress input[type=range]::-webkit-slider-thumb {appearance:none!important;-webkit-appearance:none!important;width:15px!important;height:15px!important;border:2px solid #151519!important;border-radius:50%!important;background:#f8f4ee!important;box-shadow:0 0 0 1px #ead4b1!important;}
#jukebox-dock .tn-player-progress input[type=range]::-moz-range-thumb {width:12px!important;height:12px!important;border:2px solid #151519!important;border-radius:50%!important;background:#f8f4ee!important;}
#jukebox-dock .tn-player-progress .tn-player-remaining {grid-column:3!important;grid-row:1!important;white-space:nowrap!important;min-width:40px!important;text-align:right!important;font-variant-numeric:tabular-nums!important;}
#jukebox-dock .tn-player-status:empty {display:none!important;}
@media(max-width:390px){#jukebox-dock .tn-persistent-player{gap:6px!important;padding:8px!important;}#jukebox-dock .tn-player-controls button{flex-basis:30px!important;min-width:30px!important;width:30px!important;}#jukebox-dock .tn-player-controls .tn-player-primary{flex-basis:45px!important;min-width:45px!important;width:45px!important;height:45px!important;min-height:45px!important;}#jukebox-dock .tn-player-identity img{width:36px!important;height:36px!important;}}

/* Match Accompany's native scrubber; the input retains its touch target. */
#jukebox-dock .tn-persistent-player .tn-player-progress input[type="range"]{height:28px!important;min-height:28px!important;background:transparent!important;touch-action:pan-y!important;border-radius:0!important}
#jukebox-dock .tn-persistent-player .tn-player-progress input[type="range"]::-webkit-slider-runnable-track{height:1px!important;background:linear-gradient(to right,#eee var(--tn-progress,0%),#ffffff30 var(--tn-progress,0%))!important;border-radius:0!important}
#jukebox-dock .tn-persistent-player .tn-player-progress input[type="range"]::-webkit-slider-thumb{appearance:none!important;width:8px!important;height:8px!important;margin-top:-3.5px!important;border:0!important;border-radius:50%!important;background:#eee!important;box-shadow:none!important;opacity:0!important}
#jukebox-dock .tn-persistent-player .tn-player-progress input[type="range"]:is(:hover,:active,:focus-visible)::-webkit-slider-thumb{opacity:1!important}
#jukebox-dock .tn-persistent-player .tn-player-progress input[type="range"]::-moz-range-track{height:1px;background:#ffffff30;border:0}
#jukebox-dock .tn-persistent-player .tn-player-progress input[type="range"]::-moz-range-progress{height:1px;background:#eee}
#jukebox-dock .tn-persistent-player .tn-player-progress input[type="range"]::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#eee}
