/* Qingguo Deep Purple for the existing player and vertical feed. */
:root {
  --accent: #64348a;
  --accent-bright: #aa8aba;
  --accent-ink: #f3eff7;
  --accent-soft: rgba(100, 52, 138, .16);
}
body.theme-deep-purple-v2 { background: #0c0a10; }
.theme-deep-purple-v2, .theme-deep-purple-v2 * { letter-spacing: 0; }
.theme-deep-purple-v2 :is(button, a, input):focus-visible { outline: 2px solid var(--accent-bright); outline-offset: 3px; }
/* Keep focus and hidden sheets from scrolling the fixed video stage. */
.theme-deep-purple-v2 #stage { overflow: clip; background: #070609; box-shadow: 0 0 48px rgba(0, 0, 0, .4); }
.theme-deep-purple-v2 .back-btn { background: rgba(12, 10, 16, .8); border: 1px solid rgba(255, 255, 255, .18); }
.theme-deep-purple-v2 .ep-bar-main, .theme-deep-purple-v2 .chip {
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 6px;
  background: rgba(12, 10, 16, .78);
}
.theme-deep-purple-v2 .chip--primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); text-shadow: none; }
.theme-deep-purple-v2 #pbar-fill { background: var(--accent); }
.theme-deep-purple-v2 :is(#boost-badge, #unmute-pill, #toast, .seek-hint span) {
  background: rgba(12, 10, 16, .88);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 6px;
}
.theme-deep-purple-v2 :is(#drawer, #rate-sheet, #cmt-sheet) {
  border-top: 1px solid #40324d;
  border-radius: 8px 8px 0 0;
  background: #15111c;
}
.theme-deep-purple-v2 :is(.tab, .ep-item, .rate-opt) { border: 1px solid #40324d; border-radius: 6px; background: #1d1626; }
.theme-deep-purple-v2 :is(.tab.active, .ep-item.current, .rate-opt.active) {
  background: var(--accent-soft);
  border-color: var(--accent);
  color: var(--accent-bright);
}
.theme-deep-purple-v2 .pcmt-avatar { background: #271d31; color: #b19ac0; }
.theme-deep-purple-v2 .pcmt-replies { border-radius: 6px; background: #1d1626; }
.theme-deep-purple-v2 :is(#cmt-input, #cmt-nick) { border-radius: 6px; border-color: #40324d; background: #0c0a10; }
.theme-deep-purple-v2 :is(#cmt-input, #cmt-nick):focus { border-color: var(--accent); }
.theme-deep-purple-v2 #feed { --gold: #64348a; --gold2: #aa8aba; background: #070609; }
.theme-deep-purple-v2 .fline { border-radius: 4px; border-color: rgba(100, 52, 138, .5); background: rgba(12, 10, 16, .8); color: var(--accent-bright); }
.theme-deep-purple-v2 .fcollection { border-radius: 6px; background: rgba(12, 10, 16, .78); border-color: rgba(255, 255, 255, .18); }
.theme-deep-purple-v2 .fcol-cover { border-radius: 4px; }
.theme-deep-purple-v2 :is(#feed-unmute, #feed-toast) { border-radius: 6px; background: rgba(12, 10, 16, .88); border: 1px solid rgba(255, 255, 255, .18); }