/* One quiet handoff between Cooper's website and its research workspace. */
@view-transition { navigation: auto; }
::view-transition { background: #0b0908; }
::view-transition-old(root) { animation: cooper-page-out 220ms ease-out both; }
::view-transition-new(root) { animation: cooper-page-in 380ms cubic-bezier(.2,.7,.2,1) both; }
::view-transition-group(root) { animation-duration: 380ms; }
@keyframes cooper-page-out { to { opacity: 0; } }
@keyframes cooper-page-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
html.cooper-nav-leaving body { animation: cooper-page-out 160ms ease-out both; }
html.cooper-nav-arriving body { animation: cooper-page-in 380ms cubic-bezier(.2,.7,.2,1) both; }
html.cooper-nav-leaving::after {
  content: ''; position: fixed; inset: 0; z-index: 2147483646; pointer-events: none;
  background: radial-gradient(ellipse at 50% 65%, rgb(255 95 31 / .1), transparent 65%);
}
/* The website's initial visit keeps its intro. A return from the workspace is immediate. */
html.cooper-returning #preloader { display: none; }
.cooper-home-link { display: inline-flex; align-items: center; border-radius: 7px; -webkit-app-region: no-drag; }
.cooper-home-link:hover { filter: drop-shadow(0 0 7px rgb(255 95 31 / .3)); }
.cooper-home-link:focus-visible, .cooper-home-compact:focus-visible, [data-cooper-nav]:focus-visible {
  outline: 2px solid #ff782f; outline-offset: 5px;
}
.cooper-home-compact { display: none; flex: 0 0 auto; color: #ff6a25; font: 600 18px Georgia,serif; text-decoration: none; }
.sidebar-collapsed .cooper-home-compact { display: inline-flex; }
@media (max-width: 850px) { .cooper-home-compact { display: inline-flex; } }
@media (max-width: 420px) {
  .topbar { gap: 7px; padding-inline: 10px; }
  .cooper-home-compact { font-size: 16px; }
  .topbar .workspace-switch button { padding-inline: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-old(root), ::view-transition-new(root), ::view-transition-group(root),
  html.cooper-nav-leaving body, html.cooper-nav-arriving body { animation: none; }
  html.cooper-nav-leaving::after { display: none; }
}