/* All component styles are scoped. No theme selector or build step needed. */
#gpll, #gpll * {box-sizing:border-box}
#gpll [hidden],#gpll[hidden]{display:none!important}
#gpll{position:fixed;z-index:90000;right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:auto;color:#f3f4de;font:400 14px/1.35 system-ui,-apple-system,sans-serif;text-align:left;max-width:calc(100vw - 20px);color-scheme:dark}
#gpll svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:19px;height:19px}
#gpll button{font:600 14px/1.15 system-ui,sans-serif;letter-spacing:normal;text-transform:none;min-width:0;margin:0;padding:0;border:1px solid transparent;color:#edf3dd;background:#2c4f3b;border-radius:9px;cursor:pointer;box-shadow:none}
#gpll button:hover{background:#365e46}
#gpll button:focus-visible{outline:3px solid #d9f29b;outline-offset:2px}
#gpll button:disabled{opacity:.6;cursor:default}
#gpll .gpl-launch,#gpll .gpl-card{border:1px solid #496447;box-shadow:0 6px 24px #10291842}
#gpll .gpl-launch{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:0 15px;border-radius:24px;background:#173929;color:#f2f5df}
#gpll .gpl-card{width:min(390px,calc(100vw - 24px));background:#153526;border-radius:13px;padding:8px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#gpll .gpl-screen{width:100%;height:auto;min-height:200px;aspect-ratio:16/9;background:#101b15;overflow:visible}
#gpll .gpl-screen iframe{display:block;border:0;width:100%;height:100%;margin:0;padding:0;min-height:200px;max-width:none}
#gpll .gpl-details{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:8px;padding:1px 3px 3px}
#gpll .gpl-kicker,#gpll .gpl-title,#gpll .gpl-status{grid-column:1;overflow-wrap:anywhere;margin:0}
#gpll .gpl-kicker{font:700 10px/1.4 system-ui,sans-serif;color:#c4d898;text-transform:uppercase;letter-spacing:.08em}
#gpll .gpl-title{display:block;font:650 15px/1.25 system-ui,sans-serif;color:#fff9e8}
#gpll .gpl-status{font:400 12px/1.35 system-ui,sans-serif;color:#d8e5d3}
#gpll .gpl-buttons{grid-row:1 / span 3;grid-column:2;display:flex;gap:4px;align-items:center}
#gpll .gpl-buttons button,#gpll .gpl-retry{display:grid;place-items:center;height:40px;padding:0 8px}
#gpll .gpl-buttons [data-ctl=play]{color:#193424;background:#d8eaaa}
#gpll .gpl-retry{grid-column:1/-1;justify-self:start;margin-top:4px}
#gpll.gpl-small .gpl-card{grid-template-columns:200px minmax(0,1fr);width:min(402px,calc(100vw - 20px));padding:5px;gap:7px}
#gpll.gpl-small .gpl-screen{width:200px;height:200px;aspect-ratio:auto}
#gpll.gpl-small .gpl-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
#gpll.gpl-small .gpl-buttons{display:flex;flex-wrap:wrap}
#gpll.gpl-small [data-ctl=size] svg{transform:rotate(180deg)}
#gpll-stage{position:fixed;inset:0;width:100%;height:100%;border:0;margin:0;background:white;z-index:89999}
html.gpll-reading,html.gpll-reading body{overflow:hidden!important}
html.gpll-reading body>:not(#gpll):not(#gpll-stage){display:none!important}
#gpll-space{height:var(--gpll-space,0px);pointer-events:none}
@media(max-width:640px){
 #gpll{right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}
 #gpll-stage{height:calc(100% - var(--gpll-space,0px))}
 #gpll.gpl-small .gpl-buttons{gap:3px}
 #gpll.gpl-small .gpl-buttons button{height:36px;padding:0 6px}
}
@media(max-height:420px){#gpll-stage{height:100%}}
/* The playlist sits beside or below the visible video; only its rows scroll. */
#gpll .gpl-list-toggle{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:3px 9px;margin-top:4px;font-size:12px}
#gpll .gpl-list-toggle svg{width:16px;height:16px}
#gpll .gpl-list-toggle[aria-expanded=true]{border-color:#acc980}
#gpll .gpl-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#gpll #gpll-playlist{grid-column:1/-1;min-width:0;min-height:0;padding:7px 2px 2px;border-top:1px solid #48644e;color:#f2f4df}
#gpll .gpl-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin:0 6px 4px;font:650 13px/1.4 system-ui,sans-serif;color:#f2f4df}
#gpll .gpl-list-head span{font:500 11px/1.3 system-ui,sans-serif;color:#c4d89a}
#gpll .gpl-track-list{display:block;list-style:none;padding:3px;margin:0;max-height:clamp(78px,26vh,220px);max-height:clamp(48px,min(28dvh,calc(100dvh - 354px)),240px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#799567 #1d3b2d}
#gpll .gpl-track-list li{margin:0;padding:0;list-style:none}
#gpll .gpl-track{display:flex;align-items:center;width:100%;min-height:40px;gap:8px;text-align:left;padding:5px 8px;background:transparent;border-radius:6px;font:500 13px/1.35 system-ui,sans-serif;color:#ecf0df}
#gpll .gpl-track:hover,#gpll .gpl-track:focus-visible{background:#2a4d3c}
#gpll .gpl-track[aria-current=true]{background:#334f37;color:#e5f5b9;font-weight:700}
#gpll .gpl-track-no{flex:0 0 2ch;color:#bac9ae;text-align:right;font-variant-numeric:tabular-nums}
#gpll .gpl-track-name{flex:1;min-width:0;overflow-wrap:anywhere}
#gpll .gpl-track-state{flex:0 0 auto;color:#d4e7a3;font-size:10px}
#gpll .gpl-list-hint{margin:5px 8px 0;font:400 11px/1.3 system-ui,sans-serif;color:#d4decc}
@media (max-width:380px){#gpll.gpl-small .gpl-details{gap:3px}#gpll.gpl-small .gpl-list-toggle{padding:2px 5px;margin:0}}
@media (min-width:540px) and (max-height:470px){
 #gpll.gpl-list-open .gpl-card{grid-template-columns:200px minmax(82px,.58fr) minmax(160px,1fr);width:min(650px,calc(100vw - 22px));align-items:center}
 #gpll.gpl-list-open .gpl-screen{width:200px;height:200px;aspect-ratio:auto}
 #gpll.gpl-list-open .gpl-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 #gpll.gpl-list-open .gpl-buttons{flex-wrap:wrap}
 #gpll.gpl-list-open #gpll-playlist{grid-column:3;border-top:0;border-left:1px solid #48644e;padding:0 0 0 5px}
 #gpll.gpl-list-open .gpl-track-list{max-height:145px}
}