:root {
    --bg: #000;
    --fg: #fff;
    --muted: rgba(255, 255, 255, 0.6);
    --muted2: rgba(255, 255, 255, 0.12);
    --tile: #0b0b0b;
    --tileBorder: rgba(255, 255, 255, 0.08);
    --gap: 12px;
    --accent: #00ffc6;
    --danger: #ff6363;
    --font-main: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }

html, body { height: 100%; margin: 0; }

body {
    background: var(--bg);
    color: var(--fg);
    font-family: var(--font-main);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden; /* Prevent body scroll, grid handles it */
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--tile); border-radius: 3px; }
::-webkit-scrollbar-thumb { background: rgba(0, 255, 198, 0.4); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 255, 198, 0.6); }
::-webkit-scrollbar-corner { background: var(--tile); }