* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    -webkit-font-smoothing: antialiased;
}

:root {
    --bg-primary: #1A1A1A;
    --bg-secondary: #2D2D2D;
    --bg-tertiary: #3D3D3D;
    --accent-primary: #6E44FF;
    --accent-secondary: #8B6FFF;
    --accent-glow: rgba(110, 68, 255, 0.3);
    --success: #00C853;
    --danger: #FF3D00;
    --text-primary: #FFFFFF;
    --text-secondary: #888888;
    --text-muted: #666666;
    --shadow-light: rgba(255, 255, 255, 0.05);
    --shadow-dark: rgba(0, 0, 0, 0.4);
    --glass-bg: rgba(45, 45, 45, 0.8);
}

body {
    background: var(--bg-primary);
    color: var(--text-primary);
    height: 100vh;
    overflow: hidden;
    font-weight: 400;
}

.container {
    display: flex;
    height: 100vh;
    position: relative;
}

/* Неоморфные тени */
.neumorph {
    background: var(--bg-secondary);
    box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light);
    border-radius: 16px;
}

.neumorph-inset {
    background: var(--bg-secondary);
    box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);
    border-radius: 12px;
}

.neumorph-btn {
    background: linear-gradient(145deg, #323232, #282828);
    box-shadow: 5px 5px 10px var(--shadow-dark), -5px -5px 10px var(--shadow-light);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.neumorph-btn:hover {
    box-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light);
    transform: translateY(-2px);
}

.neumorph-btn:active {
    box-shadow: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);
    transform: translateY(0);
}

/* Скроллбары */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--bg-tertiary);
    border-radius: 3px;
}