/* css/style.css */

/* 全体の雰囲気を柔らかく */
body {
    /* モバイルでのバウンススクロールを防ぐなど */
    overscroll-behavior-y: none;
}

/* 履歴リストのスクロールバーを可愛くする */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 209, 220, 0.3); /* baby-pinkの薄い色 */
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 105, 180, 0.6); /* hot-pinkの少し薄い色 */
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 105, 180, 0.8);
}

/* 入力時のフォーカスリングの調整（Tailwindで効きにくい場合用） */
input:focus, button:focus {
    outline: none;
}

/* シェア画像生成時のバグ防止 */
#share-area * {
    box-sizing: border-box;
}