/* 共通スタイル */

/* ページ読み込み時のフェードイン（ちらつき防止） */
/* JS動的生成を使うページのみ .js-loadingクラスを付与 */
body.js-loading {
    opacity: 0;
    transition: opacity 50ms;
}

body.js-loading.loaded {
    opacity: 1;
}

/* ガラスモーフィズム */
.glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.glass-dark {
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* スクロールバーのスタイリング */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

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