.hbt-toast-stack {
    position: fixed;
    z-index: 10000;
    right: max(20px, env(safe-area-inset-right));
    bottom: max(20px, env(safe-area-inset-bottom));
    display: grid;
    gap: 10px;
    width: min(390px, calc(100% - 40px));
    pointer-events: none;
}
.hbt-toast-stack:empty { display: none; }
.hbt-toast {
    --hbt-toast-ink: #163f73;
    --hbt-toast-edge: #3176c9;
    --hbt-toast-background: #edf5ff;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 28px;
    gap: 12px;
    align-items: start;
    box-sizing: border-box;
    padding: 16px 12px 16px 16px;
    border: 1px solid var(--hbt-toast-edge);
    border-left-width: 5px;
    border-radius: 12px;
    background: var(--hbt-toast-background);
    color: var(--hbt-toast-ink);
    box-shadow: 0 10px 32px rgb(0 0 0 / 14%);
    font: 400 14px/1.45 "Barlow", system-ui, sans-serif;
    text-align: left;
    pointer-events: auto;
    transition: opacity 180ms ease, transform 180ms ease;
}
.hbt-toast--success { --hbt-toast-ink: #14532d; --hbt-toast-edge: #21844b; --hbt-toast-background: #ecf8ef; }
.hbt-toast--error { --hbt-toast-ink: #842020; --hbt-toast-edge: #cb3434; --hbt-toast-background: #fff0f0; }
.hbt-toast--warning { --hbt-toast-ink: #7a4306; --hbt-toast-edge: #ce7a0d; --hbt-toast-background: #fff4e5; }
.hbt-toast--leaving { opacity: 0; transform: translateY(8px); pointer-events: none; }
.hbt-toast__icon {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    box-sizing: border-box;
    border: 2px solid currentColor;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
}
.hbt-toast__content { min-width: 0; overflow-wrap: anywhere; }
.hbt-toast .hbt-toast__title { display: block; margin: 0 0 3px; color: inherit; font: 700 14px/1.4 "Barlow", system-ui, sans-serif; }
.hbt-toast .hbt-toast__message, .hbt-toast .hbt-toast__message p { margin: 0; color: inherit; font: inherit; }
.hbt-toast a { color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.hbt-toast__action { display: inline-block; margin-top: 6px; }
.hbt-toast .hbt-toast__close {
    display: grid;
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    place-items: center;
    margin: -3px 0 0;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: inherit;
    box-shadow: none;
    font: 400 24px/1 system-ui, sans-serif;
    cursor: pointer;
}
.hbt-toast .hbt-toast__close:hover { background: rgb(0 0 0 / 6%); }
.hbt-toast :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 480px) {
    .hbt-toast-stack { left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); width: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .hbt-toast { transition: none; }
}