/* 💡 ログイン前ページ専用：画面中央上に浮かぶピル型通知 */
        #public-toast-container {
            position: fixed;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 9999;
            display: flex;
            flex-direction: column;
            gap: 10px;
            pointer-events: none;
            align-items: center;
            width: 100%;
            max-width: 500px;
        }

        .public-toast {
            pointer-events: auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 14px 28px;
            border-radius: 50px;
            font-size: 14px;
            font-weight: 800;
            color: white;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            animation: dropDown 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        .public-toast-success { background: #00c9a7; }
        .public-toast-error { background: #ef4444; }

        .public-toast-close {
            background: none;
            border: none;
            color: rgba(255, 255, 255, 0.7);
            font-size: 16px;
            cursor: pointer;
            margin-left: 20px;
            padding: 0;
            transition: 0.2s;
            display: flex;
            align-items: center;
        }
        .public-toast-close:hover { color: white; transform: scale(1.1); }

        @keyframes dropDown {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes slideUpFade {
            from { opacity: 1; transform: translateY(0); }
            to { opacity: 0; transform: translateY(-20px); }
        }
        .public-toast-fadeOut {
            animation: slideUpFade 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
        }

.inline-3088da1131 { display: flex; align-items: center; gap: 8px; }
.inline-be404b3a19 { min-height: 80vh; }

@media (max-width: 768px) {
    #public-toast-container {
        width: calc(100% - 28px);
        max-width: none;
    }

    .public-toast {
        width: 100%;
        max-width: 100%;
        padding: 12px 16px;
        border-radius: 18px;
        overflow-wrap: anywhere;
    }
}