.varedata-banner {
    background: #fff8e1;
    border-left: 4px solid #f59e0b;
    border-radius: 8px;
    padding: 0.9rem 1.1rem;
    margin: 1.5rem auto;
    max-width: 700px;
    font-size: 0.88rem;
    color: #78350f;
}
.varedata-banner p { margin: 0 0 0.5rem; }
.varedata-banner strong { display: block; font-size: 0.95rem; margin-bottom: 0.6rem; color: #1e293b; }
.vote-buttons { display: flex; gap: 0.5rem; }
.btn-ja, .btn-nei {
    border: none; border-radius: 6px;
    padding: 0.4rem 1.1rem; cursor: pointer;
    font-size: 0.9rem; font-weight: 600;
}
.btn-ja { background: #16a34a; color: white; }
.btn-nei { background: #6b7280; color: white; }

.sj-toast {
    position: fixed; bottom: 1.5rem; left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: #1e293b; color: white;
    padding: 0.75rem 1.5rem; border-radius: 8px;
    font-size: 0.95rem; opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 9999; white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.sj-toast-show { opacity: 1; transform: translateX(-50%) translateY(0); }