.theme-info-meta { font-size: 0.5rem; opacity: 0.4; margin-top: 3px; text-transform: none; }
[data-theme="psychedelic"] { animation: psychBg 6s linear infinite; }
@keyframes psychBg { 0% { --accent: #ff00ff; } 25% { --accent: #00ffcc; } 50% { --accent: #ffff00; } 75% { --accent: #ff0066; } 100% { --accent: #ff00ff; } }
@property --accent { syntax: '<color>'; inherits: true; initial-value: #c180ff; }
.crt-overlay { position: fixed; inset: 0; pointer-events: none; z-index: 9999; }
.crt-overlay::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
  background-size: 100% 2px, 3px 100%;
  opacity: var(--crt-scanline-opacity, 0.03);
}
.crt-overlay::after {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at center, transparent 55%, var(--crt-vignette, rgba(0,0,0,0.35)) 100%);
}
@media (max-width: 768px) {
  .sidebar { position: fixed; left: 0; top: 0; bottom: 0; z-index: 200; margin-left: -252px; }
  .sidebar.open { margin-left: 0; }
  .mobile-nav { display: flex; }
  .content { padding: 1rem; padding-bottom: 5rem; }
  .header-bar { height: 48px; padding: 0 0.75rem; gap: 0.5rem; }
  .header-help-btn { display: inline-flex; }
}
/* Stitch headline font for key elements */
.card-value, .cc-value, .cc-label, .cc-stat-label, .metrics-stat-label, .metrics-stat-value,
.ctx-stat .lbl, .cal-title, .cal-sidebar-title, .cal-dow, .cal-modal-header h3,
.cal-modal-label, .routing-slider-row label, .settings-provider-name,
.channel-subsection-title, .fleet-legend-state { font-family: var(--font-headline); }
/* Stitch custom scrollbars */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: rgba(12, 25, 52, 0.1); }
::-webkit-scrollbar-thumb { background: rgba(193, 128, 255, 0.2); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(193, 128, 255, 0.4); }
/* Glow text utility */
.glow-text { text-shadow: 0 0 12px var(--accent-glow); }
/* Selection style */
::selection { background: rgba(193, 128, 255, 0.3); color: var(--accent); }
