* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.hidden {
    display: none !important;
}

html,
body {
    min-height: 100%;
}

body {
    background: radial-gradient(circle at 12% 8%, rgba(107, 109, 255, .15), transparent 35%), radial-gradient(circle at 70% -10%, rgba(255, 187, 173, .18), transparent 40%), var(--bg);
    color: var(--text);
    font-family: 'Inter', sans-serif;
    overflow: auto;
    -webkit-font-smoothing: antialiased;
    color-scheme: light;
    transition: background .5s ease, color .4s ease;
}

body[data-theme="dark"] {
    --bg: #0d0d0f;
    --panel: #141418;
    --text: #f5f5f7;
    --muted: #a4a4b4;
    --accent: #7b7cff;
    --accent-2: #ff6f7d;
    --surface: #1d1d22;
    --border: #2c2c33;
    --map-hover: rgba(255, 255, 255, .95);
    background: radial-gradient(circle at 15% 15%, rgba(123, 124, 255, .15), transparent 40%), radial-gradient(circle at 80% 0%, rgba(255, 111, 125, .18), transparent 45%), #040407;
    color: var(--text);
    color-scheme: dark;
}

button {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
}

ul {
    list-style: none;
}