/* ============================================================
   base.css
   Part of KineticAI Frontend — split from v6_updated.html
   ============================================================ */

/* ---- RESET & BASE ---- */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);background:var(--bg0);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.6;}

::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--bg1);}
::-webkit-scrollbar-thumb{background:var(--bg2);border-radius:4px;}

h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:1.2;}
a{text-decoration:none;color:inherit;}
button{font-family:var(--font);cursor:pointer;}
input,select,textarea{font-family:var(--font);}

.page{display:none;}
.page.ACTIVE{display:flex;flex-direction:column;min-height:100vh;}