:root {
    color-scheme: light dark;
}

.glass {
    backdrop-filter: blur(10px);
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.56));
}

.dark .glass {
    background: linear-gradient(120deg, rgba(15, 23, 42, 0.72), rgba(30, 41, 59, 0.56));
}

#map {
    min-height: 360px;
    border-radius: 0.75rem;
}

.leaflet-control {
    border-radius: 0.55rem;
}

.dark .leaflet-control {
    filter: invert(0.9) hue-rotate(165deg);
}

.leaflet-container {
    border-radius: 0.75rem;
}

code {
    white-space: pre-wrap;
    word-break: break-word;
}

.function-scroll {
    scrollbar-width: thin;
    scrollbar-color: #94a3b8 #e2e8f0;
}

.function-scroll::-webkit-scrollbar {
    width: 10px;
}

.function-scroll::-webkit-scrollbar-track {
    background: #e2e8f0;
    border-radius: 999px;
}

.function-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #0ea5e9, #14b8a6);
    border-radius: 999px;
    border: 2px solid #e2e8f0;
}

.dark .function-scroll {
    scrollbar-color: #334155 #0f172a;
}

.dark .function-scroll::-webkit-scrollbar-track {
    background: #0f172a;
}

.dark .function-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #22d3ee, #2dd4bf);
    border-color: #0f172a;
}