.glass-effect {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.3); border-radius: 10px; }
        
        .weather-icon-font {
            font-size: 80px;
            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
        }


/* セレクトボックス本体 */
select {
    color: white;
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 8px 12px;
    border-radius: 8px;
    outline: none;
}

/* 選択肢リスト（ブラウザ互換性を考慮） */
select option {
    background-color: #1e293b; /* 背景色 */
    color: #ffffff;            /* 文字色 */
}

/* フォーカス時に文字が消えるのを防ぐ */
select:focus {
    background-color: rgba(255, 255, 255, 0.25);
}