/** Keebu Enhanced Plyr UI — Copyright (c) 2026 keebu.com — MIT */
:root { --keebu-accent: #00b3ff; --keebu-panel: rgba(10, 14, 20, .9); }
.keebu-plyr-tools { display:flex; flex-wrap:wrap; gap:.35rem; padding:.5rem; background:#111; color:#fff; align-items:center; }
.keebu-plyr-tools button { border:1px solid rgba(255,255,255,.25); border-radius:.4rem; background:#202832; color:#fff; min-width:2.2rem; height:2rem; padding:0 .55rem; cursor:pointer; font:600 .78rem/1 system-ui,sans-serif; }
.keebu-plyr-tools button:hover,.keebu-plyr-tools button:focus-visible { border-color:var(--keebu-accent); outline:2px solid transparent; background:#293645; }
.keebu-plyr-toast { position:absolute; left:50%; bottom:5.4rem; z-index:30; transform:translate(-50%, 12px); opacity:0; pointer-events:none; background:var(--keebu-panel); color:#fff; border-radius:.4rem; padding:.55rem .8rem; font:600 .85rem/1.2 system-ui,sans-serif; transition:.18s ease; }
.keebu-plyr-toast.is-visible { opacity:1; transform:translate(-50%,0); }
.keebu-plyr-stats { position:absolute; top:.75rem; left:.75rem; z-index:25; min-width:13rem; padding:.7rem; border:1px solid rgba(255,255,255,.18); border-radius:.5rem; background:var(--keebu-panel); color:#fff; font:12px/1.45 ui-monospace,monospace; }
.keebu-plyr-stats strong,.keebu-plyr-stats span { display:block; }
.keebu-plyr-stats strong { margin-bottom:.35rem; color:var(--keebu-accent); }
.keebu-theater-page { background:#080a0d; }
.keebu-theater-mode { position:relative; left:50%; width:100vw; max-width:none!important; transform:translateX(-50%); z-index:20; box-shadow:0 0 0 100vmax #080a0d; clip-path:inset(0 -100vmax); }
@media (max-width:640px) { .keebu-plyr-tools { gap:.25rem; padding:.35rem; } .keebu-plyr-tools button { min-width:2rem; padding:0 .4rem; } }
@media (prefers-reduced-motion:reduce) { .keebu-plyr-toast { transition:none; } }
.keebu-plyr-wrapper { max-width:100%; margin:1rem 0; }
.keebu-plyr-wrapper .plyr { width:100%; }
.keebu-plyr-caption { padding:.5rem 0; font:400 .9rem/1.4 system-ui,sans-serif; }
