.pethro-video-element { position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:#000;z-index:1; }
.playback-watermark { max-width:55%;overflow:hidden;text-overflow:ellipsis; }
.library-action-message { display:block;color:#ffb1a5;font-size:.85rem;overflow-wrap:anywhere; }
.video-retry { position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;gap:12px;background:#141414;color:#eee;text-align:center; }
.video-retry button,.video-library button,.library-save { min-height:44px;padding:10px 14px;border:1px solid #555;border-radius:8px;background:#202020;color:#eee;font:inherit;cursor:pointer; }
.video-library button:focus-visible,.library-save:focus-visible,.mobile-nav a:focus-visible,.video-retry button:focus-visible { outline:3px solid #ff8b38;outline-offset:3px; }
.library-save[aria-pressed="true"] { color:#ff9a52;border-color:#ff8b38; }
.video-library { max-width:1100px;margin:24px auto;padding:24px 32px;scroll-margin-top:90px; }
.video-library h2 { font-size:1.35rem; }.video-library h3 { margin:20px 0 12px;font-size:1.1rem;scroll-margin-top:90px; }
.library-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.library-heading h3 { margin:20px 0; }.library-heading button { font-size:.85rem; }
#library-status,.library-note,.library-empty { color:#bcbcbc;font-size:.86rem;line-height:1.6;margin:12px 0; }
.library-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px; }
.library-item { min-width:0;background:#181818;border:1px solid #363636;border-radius:10px;padding:8px; }
.video-library .library-play { display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:0;background:transparent;width:100%;text-align:left; }
.library-play strong { overflow-wrap:anywhere; }.library-play span { color:#c4c4c4;font-size:.85rem; }.library-play progress { width:100%;height:5px;accent-color:#ff7900; }
.mobile-nav { display:none; }
@media(max-width:700px) {
  body.has-mobile-nav { padding-bottom:calc(78px + env(safe-area-inset-bottom,0px)); }
  nav.mobile-nav { position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#151515;border-top:1px solid #414141;z-index:90;backdrop-filter:none; }
  .mobile-nav a { min-height:52px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:#c9c9c9;text-decoration:none;font:600 12px Inter,sans-serif;border-radius:8px; }
  .mobile-nav svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8; }
  .mobile-nav a[aria-current] { color:#ffa15e;background:#302117; }
  .video-library { padding:18px 12px;margin:16px auto; }
  .has-mobile-nav .msg-btn-wrap { bottom:calc(86px + env(safe-area-inset-bottom,0px)); }
  .has-mobile-nav .msg-panel { bottom:calc(86px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 175px); }
  .has-mobile-nav #toast { bottom:calc(88px + env(safe-area-inset-bottom,0px)); }
  .has-mobile-nav .membros-nav-right a { display:none; }
  .has-mobile-nav .m-post-actions { flex-wrap:wrap;gap:10px; }
}
@media(prefers-reduced-motion:reduce) { .video-library * { scroll-behavior:auto;transition:none; } }