/* v1.5.8 isolated floating-player experiment; loaded ONLY at /float-lab/. */
.float-lab-notice{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:17px 0 0;padding:13px 16px;background:#15263a;border:1px solid #3a5a60;border-radius:12px;color:#dce8f1}
.float-lab-notice>div{display:grid;gap:4px;min-width:0}
.float-lab-notice strong{font-size:11px;letter-spacing:.7px;color:#b9ec69}
.float-lab-notice span{font-size:11px;line-height:1.5;color:#9fb4c5}
.float-lab-notice a{flex-shrink:0;border:1px solid #416254;border-radius:9px;padding:8px 10px;text-decoration:none;color:#d9f0c6;font-size:10px}
.float-player-dock{width:100%;aspect-ratio:16/9;min-width:0}
.float-player-shell{width:100%;position:relative}
.float-player-shell>.player-frame{width:100%}
.float-player-toolbar{display:none;gap:8px;align-items:center;justify-content:space-between}
.float-player-shell.is-floating{position:fixed!important;right:14px;bottom:max(15px,env(safe-area-inset-bottom));z-index:9995;width:min(360px,calc(100vw - 20px));padding:6px;background:#0c1725;border:1px solid #688b76;box-shadow:0 12px 44px rgba(0,0,0,.62);border-radius:15px}
.float-player-shell.is-floating>.player-frame{aspect-ratio:unset!important;height:203px!important;min-height:200px;border-radius:9px;border:0;overflow:hidden}
.float-player-shell.is-floating>.float-player-toolbar{display:flex;min-height:35px;padding:0 3px 6px;position:relative;z-index:1}
.float-player-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:700;color:#d5e7ee}
.float-player-actions{display:flex;gap:4px;flex-shrink:0}
.float-player-actions button{font-family:inherit;cursor:pointer;background:#253e43;color:#eff9f5;border:1px solid #577267;border-radius:6px;padding:6px;font-size:10px;line-height:1.1;white-space:nowrap}
.float-player-actions button:hover,.float-player-actions button:focus-visible{background:#376153;color:white}
.float-player-shell.is-floating .yt-player iframe{min-width:200px;min-height:200px}
@media(max-width:620px){
 .float-lab-notice{flex-direction:column;align-items:flex-start;padding:10px 12px}
 .float-player-shell.is-floating{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:min(360px,calc(100vw - 20px));padding:5px;border-radius:12px}
 .float-player-shell.is-floating>.player-frame{height:200px!important;min-height:200px}
 .float-player-shell.is-floating>.float-player-toolbar{min-height:35px}
 .float-player-title{font-size:10px}
 .float-player-actions button{font-size:10px}
}

/* v1.6.1 visible transport row, reachable touch targets on iPhone/Android. */
.float-player-shell.is-floating>.float-player-toolbar{flex-direction:column;align-items:stretch;gap:5px;padding:2px 4px 8px}
.float-player-toolbar-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.float-player-toolbar-head .float-player-title{flex:1;min-width:0}
.float-player-transport{display:flex;justify-content:center;align-items:center;gap:16px;min-height:46px}
.float-player-transport button{display:grid;place-items:center;cursor:pointer;touch-action:manipulation;user-select:none;
 height:44px;width:51px;min-width:44px;border-radius:12px;border:1px solid #456454;background:#223940;color:#e8f8ed;font-size:20px;line-height:1}
.float-player-transport button:hover,.float-player-transport button:focus-visible{background:#345c50;border-color:#bcec68;color:white}
.float-player-transport #floatPlayerToggle{width:58px;height:46px;border-radius:24px;background:#c3ec59;color:#172417;border-color:#c3ec59;font-size:20px;font-weight:900}
.float-player-transport button:focus-visible{outline:2px solid #d7fa85;outline-offset:2px}
@media(max-width:620px){.float-player-shell.is-floating>.float-player-toolbar{gap:5px}.float-player-actions{gap:3px}.float-player-actions button{padding:7px 5px}}