body {
    background-color: #F8F9FA;
    color: #171717;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.glass-panel {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Transport mode buttons */
.transport-mode {
    background-color: rgb(249 250 251);
    color: rgb(107 114 128);
    border-color: transparent;
}

.transport-mode.active {
    background-color: #171717;
    color: white;
    border-color: #171717;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Scenario tabs */
.scenario-tab {
    background-color: white;
    color: rgb(82 82 82);
}

.scenario-tab.active {
    background-color: #171717;
    color: white;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.scenario-tab.active span {
    color: white;
}

.scenario-tab .arrow-icon {
    color: #FF3B00;
}

.scenario-tab:not(.active) .arrow-icon {
    display: none;
}

.scenario-tab .indicator {
    display: none;
}

.scenario-tab.active .indicator {
    display: block;
}

/* Header scroll effect */
.header-scrolled {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgb(243 244 246);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}