/* Main styles entry point - imports all component and layout styles */

/* Base variables and reset */
:root {
    --bg: #0f1724;
    --card: #0b1220;
    --accent: #7c3aed;
    --accent-hover: #6d28d9;
    --muted: #94a3b8;
    --marker: #ff4757;
    --text: #e6eef8;
    --border: rgba(255, 255, 255, 0.05);
    --sidebar-width: 250px;
    /* Dynamic viewport height for mobile browsers */
    --vh: 1vh;
}

* {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    margin: 0;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    background: linear-gradient(180deg, #071022 0%, #0b1220 100%);
    color: var(--text);
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0;
    height: 100vh;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}