:root {
    --bg: #0f172a;
    --panel: #111827ee;
    --muted: #94a3b8;
    --accent: #1d4ed8;
    --accent-2: #6366f1;
    --text: #e5e7eb;
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    background: linear-gradient(180deg, #0b1022, #0a0f1c);
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: var(--text);
}

input {
    accent-color: #0075ff;
}

button {
    font-size: 14px;
}

#app {
    display: grid;
    grid-template-columns: 380px 1fr;
    height: 100vh;
    gap: 12px;
    padding: 12px;
}

/* Loading screen */
#loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    pointer-events: none;
    display: none;
}
.loading-blur {
    filter: grayscale(25%);
    opacity: 0.5;
    pointer-events: none;
}