header .links { display: flex; gap: 14px; }
header .links a { text-decoration: none; color: #1a56db; font-weight: 600; }
video { width: 100%; max-height: 70vh; background: #000; border-radius: 6px; margin-top: 6px; }
.bar { height: 8px; background: #e4e7eb; border-radius: 4px; overflow: hidden; margin: 8px 0 4px; }
#bar-fill { height: 100%; width: 0; background: #0e9f6e; transition: width .4s; }
.calendar li .actions { margin-top: 6px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.calendar li.open { border-left-color: #1a56db; }
.calendar li.watched { border-left-color: #f0b429; background: #fffbea; }
.calendar li.done { border-left-color: #0e9f6e; }
.calendar li.expired, .calendar li.none { color: #7b8794; }
.st.open { background: #e3ecfa; color: #1a56db; }
.st.watched { background: #fdf6b2; color: #723b13; }
.st.done { background: #def7ec; color: #03543f; }
.st.none, .st.expired { background: #f1f3f5; color: #616e7c; }