#jfts-panel,#jfts-panel *{box-sizing:border-box}#jfts-panel{z-index:100000;color:white;font:15px/1.4 system-ui}body{padding-bottom:var(--player-height,220px)!important}#jfts-panel{position:fixed;bottom:0;width:100%;padding:10px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom));border-top:3px solid #ffcf32;background:#152434}#jfts-panel .heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#jfts-panel .heading small{font-size:10px;color:#ffcf32;margin-left:8px}#jfts-panel button,#jfts-panel summary,#jfts-panel input{touch-action:manipulation}#jfts-panel button{font:inherit;min-height:44px;border:1px solid #aab8c5;border-radius:6px;padding:8px 12px;background:#fff;color:#152434;cursor:pointer}#jfts-panel button:hover{background:#ffdf73}#jfts-panel button:disabled{opacity:.5;cursor:default}#jfts-panel :is(button,#jfts-panel input,#jfts-panel summary,#jfts-panel a):focus-visible{outline:3px solid #ffcf32;outline-offset:3px}#jfts-collapse{background:transparent;color:white;font-size:13px}#jfts-status{margin:2px 0 8px;min-height:21px}#jfts-panel .controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#jfts-panel .volume{display:flex;gap:12px;align-items:center;margin-top:8px}#jfts-panel .volume input{min-width:0;flex:1;height:30px;accent-color:#ffcf32}#jfts-panel .volume output{width:38px;text-align:right}#jfts-panel summary{min-height:32px;cursor:pointer;padding:6px 0;font-size:12px}#jfts-panel details p{font-size:12px}#jfts-log{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto}#jfts-panel details[open]{max-height:180px;overflow:auto}#jfts-controls[hidden]{display:none}#jfts-panel .skip{position:absolute;left:12px;top:-100px;background:#152434;color:white;padding:12px;z-index:5}#jfts-panel .skip:focus{top:8px}@media(min-width:700px){#jfts-panel{padding-left:24px;padding-right:24px}#jfts-controls{display:flex;gap:24px;align-items:center}#jfts-panel .controls{width:320px;flex-shrink:0}#jfts-panel .volume{width:240px;margin:0}#jfts-panel details{flex:1}#jfts-panel details[open]{position:absolute;right:24px;bottom:100%;background:#152434;padding:12px;border:1px solid #ffcf32;max-width:480px}}

[data-jackfm-bottom-player]{display:none!important}#jfts-panel :is(button,input,summary,a):focus-visible{outline:3px solid #ffcf32!important;outline-offset:3px!important}
#jfts-panel #jfts-log{color:#fff;background:transparent;margin:8px 0;max-height:120px;line-height:1.5}#jfts-panel details[open]{max-height:240px}

/* The rehearsal replaces both legacy player variants. */
/* Keep diagnostics inside the measured panel, including short landscape viewports. */
#jfts-panel{max-height:75vh;max-height:75dvh;overflow:auto}
#jfts-panel details[open]{position:static;max-width:none;max-height:120px;overflow:auto}
@media(min-width:700px){#jfts-controls{align-items:flex-start}#jfts-panel details{min-width:0}}
[data-jackfm-native-player],.jackfm-bottom-player-toggle{display:none!important}
#jfts-panel button{min-width:0;overflow-wrap:anywhere}

#jfts-shell{margin:0;padding:0!important;background:#152434;overflow:hidden}#jfts-site{display:block;border:0;width:100%;height:calc(100dvh - var(--player-height,180px));background:white}#jfts-navigation-status{position:absolute;top:8px;left:12px;z-index:2;color:white;background:#152434;padding:8px}#jfts-navigation-status[hidden]{display:none}.shell-skip{position:absolute;left:12px;top:-100px;z-index:3;background:#152434;color:white;padding:12px}.shell-skip:focus{top:8px}
#jfts-site[hidden]{display:none}#jfts-panel .volume label{font:inherit;margin:0;color:inherit}#jfts-panel .volume input{min-height:44px;cursor:pointer}#jfts-panel .volume output{color:inherit;font:inherit}#jfts-panel #jfts-log[hidden]{display:none}

/* Original public-player appearance. Rehearsal styles above remain isolated. */
#jfts-panel.jfts-public{background:#fff;color:#19183d;border-top:1px solid #ececf0;padding:0 10px env(safe-area-inset-bottom);font:14px/1.3 Arial,Helvetica,sans-serif;overflow:visible;max-height:none}
#jfts-panel.jfts-public #jfts-controls{display:flex;align-items:center;gap:12px;min-height:100px;position:relative;padding-right:70px;width:100%;max-width:1120px;margin-inline:auto}
#jfts-panel.jfts-public #jfts-controls[hidden]{display:none}
#jfts-panel.jfts-public .jfts-art{width:102px;height:100px;margin-right:6px;flex:none;background:#f8f8f8;border-right:1px solid #ececec;display:grid;place-items:center}
#jfts-panel.jfts-public .jfts-art img{width:76px;height:76px;padding:8px;object-fit:contain;background:#28296f;border-radius:2px;display:block;max-width:100%}
#jfts-panel.jfts-public button{border:0;box-shadow:none;min-height:44px;min-width:44px;padding:0;background:transparent;color:#202449;flex:none}
#jfts-panel.jfts-public #jfts-play{position:relative;width:44px;height:44px;border-radius:50%;background:#202449;color:#fff;font-size:0}
#jfts-panel.jfts-public #jfts-play::before{content:'';position:absolute;top:13px;left:18px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:12px solid white}
#jfts-panel.jfts-public #jfts-play[data-state=pause]::before{width:12px;height:18px;top:13px;left:16px;border:0;border-left:4px solid #fff;border-right:4px solid #fff}
#jfts-panel.jfts-public .jfts-station{min-width:0;flex:1}
#jfts-panel.jfts-public .jfts-station strong{font-size:16px;font-weight:700;color:#202449}
#jfts-panel.jfts-public .jfts-live{font-size:12px;font-weight:700;color:#ff3845;white-space:nowrap}
#jfts-panel.jfts-public .jfts-tagline{display:block;color:#90939e;font-size:14px}
#jfts-panel.jfts-public #jfts-status{font-size:12px;color:#565b70;margin:3px 0 0;min-height:0;max-width:480px}
#jfts-panel.jfts-public .jfts-options{display:flex;align-items:center;gap:6px}
#jfts-panel.jfts-public #jfts-stop[hidden]{display:none}
#jfts-panel.jfts-public #jfts-stop::before{content:'';display:block;width:12px;height:12px;background:#202449;margin:auto;border-radius:1px}
#jfts-panel.jfts-public #jfts-mute{font-size:0}
#jfts-panel.jfts-public #jfts-mute::before{content:"";display:block;width:24px;height:24px;margin:auto;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23202449' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z'/%3E%3Cpath d='M15 8a6 6 0 0 1 0 8M18 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E")}
#jfts-panel.jfts-public #jfts-mute[aria-pressed=true]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23202449' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z'/%3E%3Cpath d='m16 9 6 6m0-6-6 6'/%3E%3C/svg%3E")} 
#jfts-panel.jfts-public #jfts-volume{width:90px;min-width:0;height:44px;margin:0;accent-color:#202449}
#jfts-panel.jfts-public .jfts-tunein{position:absolute;right:0;top:10px;color:#202449;text-decoration:none;display:flex;align-items:center;font:bold 10px Arial;padding:5px 0;min-height:30px}
#jfts-panel.jfts-public .jfts-tunein span{border:2px solid #202449;padding:1px 3px}
#jfts-panel.jfts-public .jfts-tunein b{background:#202449;color:#fff;padding:4px 3px;transform:translateY(-4px)}
#jfts-panel.jfts-public #jfts-collapse{position:absolute;left:50%;right:auto;transform:translateX(-50%);top:-26px;width:44px;min-height:26px;height:26px;border:1px solid #ececf0;border-bottom:0;border-radius:4px 4px 0 0;background:#fff;font-size:0}
#jfts-panel.jfts-public #jfts-collapse::before{content:'⌄';font:20px Arial;color:#202449}
#jfts-panel.jfts-public #jfts-collapse[aria-expanded=false]::before{content:'⌃'}
#jfts-panel.jfts-public:has(#jfts-controls[hidden]){min-height:0;padding-bottom:0}
#jfts-panel.jfts-public .jfts-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#jfts-panel.jfts-public :is(button,input,a):focus-visible{outline:3px solid #59d9f2!important;outline-offset:2px!important}
/* Compact phone bar: one row with full-size touch targets. */
@media(max-width:600px){
  #jfts-panel.jfts-public{padding-inline:12px}
  #jfts-panel.jfts-public #jfts-controls{min-height:76px;gap:10px;padding:8px 42px 8px 0;flex-wrap:nowrap}
  #jfts-panel.jfts-public .jfts-art,#jfts-panel.jfts-public #jfts-volume{display:none}
  #jfts-panel.jfts-public .jfts-station{flex:1;min-width:0;padding-bottom:17px}
  #jfts-panel.jfts-public .jfts-station strong{font-size:15px}
  #jfts-panel.jfts-public .jfts-live{font-size:10px}
  #jfts-panel.jfts-public .jfts-tagline{font-size:11px;white-space:nowrap}
  #jfts-panel.jfts-public #jfts-status{font-size:10px;margin-top:2px;overflow-wrap:anywhere}
  #jfts-panel.jfts-public .jfts-options{margin:0;gap:0;height:44px}
  #jfts-panel.jfts-public #jfts-mute{width:44px;height:44px;min-height:44px}
  #jfts-panel.jfts-public .jfts-tunein{left:54px;right:auto;top:auto;bottom:4px;min-height:18px;padding:0;font-size:8px}
  #jfts-panel.jfts-public .jfts-tunein span{border-width:1px;padding:0 2px}
  #jfts-panel.jfts-public .jfts-tunein b{padding:2px;transform:translateY(-2px)}
  #jfts-panel.jfts-public #jfts-collapse{z-index:1;left:auto;right:8px;top:16px;transform:none;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:transparent}
  #jfts-panel.jfts-public #jfts-collapse::before{content:'';display:block;width:9px;height:9px;border-right:2px solid #202449;border-bottom:2px solid #202449;transform:rotate(45deg);margin:-5px auto 0}
  #jfts-panel.jfts-public #jfts-collapse[aria-expanded=false]{top:-44px;border:1px solid #ececf0;border-bottom:0;border-radius:12px 12px 0 0;background:#fff}
  #jfts-panel.jfts-public #jfts-collapse[aria-expanded=false]::before{content:'';transform:rotate(225deg);margin:5px auto 0}
}
#jfts-pending{position:fixed;inset:0;width:100%;height:100dvh;border:0;visibility:hidden;pointer-events:none}