/* Pre-paint critical CSS — extracted from inline <style> in index.html so
   we can ship a strict CSP without script-src 'unsafe-inline'. Keep this
   tiny and load it BEFORE the rest of the stylesheets so the fold area is
   styled at first paint. Anything that doesn't gate paint belongs in the
   feature-specific .css files. */

#main {
  visibility: hidden;
  animation: reveal-main 0s 2s forwards;
}

@keyframes reveal-main {
  to { visibility: visible; }
}

html[data-initial-view="direct"] #btn-view-bundle.view-seg-btn--active {
  background: transparent;
  color: var(--text-secondary);
  box-shadow: none;
}

html[data-initial-view="direct"] #btn-view-direct {
  background: var(--bg-accent-active);
  color: var(--accent-bright);
  box-shadow: inset 0 0 0 1px var(--border-accent);
}