body {
            -webkit-tap-highlight-color: transparent;
            font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
        }

        /* 共通サイトヘッダが固定表示されるため、カテゴリータブの追従位置を調整 */
        .photo-recipe-category-nav {
            top: 72px;
        }

        /* カテゴリタブのスクロール非表示設定 */
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* モーダルのアニメーション (表示) */
        .modal-enter {
            animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        .modal-backdrop-enter {
            animation: fadeIn 0.3s ease-out forwards;
        }

        /* モーダルのアニメーション (非表示) */
        .modal-leave {
            animation: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        .modal-backdrop-leave {
            animation: fadeOut 0.3s ease-out forwards;
        }

        @keyframes slideUp {
            from { transform: translateY(100%); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @keyframes slideDown {
            from { transform: translateY(0); opacity: 1; }
            to { transform: translateY(100%); opacity: 0; }
        }
        @keyframes fadeOut {
            from { opacity: 1; }
            to { opacity: 0; }
        }

        /* スマホ向け：下部セーフエリア対応 */
        .pb-safe {
            padding-bottom: env(safe-area-inset-bottom, 20px);
        }

        @media (max-width: 760px) {
            .photo-recipe-category-nav {
                top: 60px;
            }
        }