/* App-level CSS that sits on top of the design-system bundle.

   This lives in its own file, rather than a <style> block in index.html, so the
   CSP in vercel.json can refuse inline stylesheets outright
   (style-src has no 'unsafe-inline'). Keep it loaded after the _ds stylesheets:
   it overrides their body/scrollbar defaults. */
html, body { height: 100%; }
body { margin: 0; background: var(--surface-page); color: var(--text-primary); }
#app { min-height: 100vh; }
input::placeholder { color: var(--text-tertiary); }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-thumb { background: var(--border-subtle); border-radius: 999px; border: 3px solid var(--surface-page); }
::-webkit-scrollbar-track { background: transparent; }
@keyframes aiFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes aiRise { from { opacity: 0; transform: translateY(10px) scale(0.99); } to { opacity: 1; transform: none; } }
@keyframes aiSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; } }
summary::-webkit-details-marker { display: none; }