/* Flask shell additions — isolated from the original application styles. */
:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
button, input, textarea { font: inherit; }

#app { isolation: isolate; }
#route-loader { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center;
  background: #09090b; color: #a1a1aa; font: 500 14px Inter, sans-serif; transition: opacity .2s ease; }
#route-loader[hidden] { display: none; }
#route-loader .loader-mark { width: 34px; height: 34px; border: 3px solid #2a2a31;
  border-top-color: #ffd60a; border-radius: 50%; animation: bc-spin .8s linear infinite; margin: 0 auto 12px; }
@keyframes bc-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }