/* watching.css */
:root {
  --video-opacity: 0.3;
  --accent:        #ffc640;
  --muted:         #7a6a3a;
  --text:          #d8d0c0;
  --topbar-bg:     rgba(5,5,8,0.85);
  --topbar-border: rgba(255,198,64,0.1);
  --topbar-hover:  rgba(255,198,64,0.05);
}

body { font-family: 'Space Grotesk', sans-serif; background: #050508; color: #d0d0d8; }

/* Background */
.bg-video       { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; opacity: var(--video-opacity); }
.letterbox-top,
.letterbox-bottom { position: fixed; left: 0; right: 0; z-index: 1; height: 60px; background: #000; pointer-events: none; }
.letterbox-top    { top: 0; }
.letterbox-bottom { bottom: 0; }

/* Section headers */
.section-head { font-family: 'Space Mono', monospace; font-size: 0.7rem; color: #ffc640; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(255,198,64,0.1); }

/* Watch items */
.watch-item { padding: 0.75rem 0; border-bottom: 1px solid rgba(255,255,255,0.03); }

/* Type pills */
.type-pill { font-family: 'Space Mono', monospace; font-size: 0.5rem; padding: 0.1rem 0.35rem; border-radius: 3px; border: 1px solid; text-transform: uppercase; margin-left: 0.4rem; }
.type-tv   { border-color: #60a5fa; color: #60a5fa; }
.type-film { border-color: #fbbf24; color: #fbbf24; }