/* Shared frontend styles (dark theme) */
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, Arial, sans-serif; background: #111; color: #eee; }
button { cursor: pointer; background:#333; color:#eee; border:1px solid #555; padding:.4rem .75rem; border-radius:4px; font-size:.85rem; }
button.small { font-size:.65rem; padding:.25rem .55rem; }
button.danger { background:#7f1d1d; border-color:#991b1b; }
a { color:#93c5fd; }
.container { max-width: 1080px; margin: 0 auto; padding: 14px; }
.footer-hint { font-size:.75rem; opacity:.75; margin-top:10px; }

/* Dark, thin scrollbars (global) */
:root { color-scheme: dark; }
html { scrollbar-gutter: stable; }
/* Firefox */
* { scrollbar-width: thin; scrollbar-color: #3a3a3a #111; }
/* Chromium/WebKit */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: #111; }
*::-webkit-scrollbar-thumb { background-color: #3a3a3a; border-radius: 8px; border: 2px solid #111; }
*::-webkit-scrollbar-thumb:hover { background-color: #4a4a4a; }
*::-webkit-scrollbar-corner { background: #111; }