/* Bottom notify popup: slides up after 5s, once per day. */
.sk-notify { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 9998; display: flex; justify-content: center; pointer-events: none; }
.sk-notify[hidden] { display: none; }
.sk-notify__card {
    pointer-events: auto;
    width: 100%; max-width: 520px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 34px rgba(16,20,24,.28);
    border: 1px solid var(--line-soft);
    padding: 22px 18px 18px;
    text-align: center;
    animation: sk-notify-up .3s ease-out;
}
@keyframes sk-notify-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .sk-notify__card { animation: none; } }
.sk-notify__icon {
    width: 64px; height: 64px;
    margin: 0 auto 10px;
    border: 3px solid #29a3d8;
    border-radius: 50%;
    color: #29a3d8;
    font-size: 2rem;
    font-weight: var(--weight-bold);
    display: flex; align-items: center; justify-content: center;
    font-style: normal;
}
.sk-notify__text { margin: 0 0 14px; font-size: var(--font-size-sm); color: var(--ink-soft); line-height: var(--line-relaxed); }
.sk-notify__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sk-notify__btn {
    min-height: 44px;
    border: none; border-radius: 6px;
    font-weight: var(--weight-bold);
    font-size: var(--font-size-sm);
    cursor: pointer;
    color: #fff;
    padding: 10px 8px;
}
.sk-notify__btn--yes { background: linear-gradient(135deg, #1e8e4d, #146c39); box-shadow: 0 3px 10px rgba(20,108,57,.35); }
.sk-notify__btn--no { background: linear-gradient(135deg, #e05252, #c62828); box-shadow: 0 3px 10px rgba(198,40,40,.3); }
.sk-notify__ok { margin: 0; color: #137333; font-weight: var(--weight-bold); font-size: var(--font-size-sm); }