.sc-toast {
  box-sizing: border-box;
  position: fixed;
  z-index: var(--sc-z-toast, 12000);
  inset: auto;
  top: max(var(--sc-toast-top, 84px), calc(env(safe-area-inset-top, 0px) + var(--sc-space-3)));
  left: 50%;
  translate: -50% 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--sc-space-3);
  width: min(28rem, calc(100vw - var(--sc-space-8)));
  max-width: calc(100vw - var(--sc-space-8));
  max-height: calc(100dvh - max(84px, env(safe-area-inset-top, 0px)) - var(--sc-space-4));
  overflow: auto;
  padding: var(--sc-space-2) var(--sc-space-2) var(--sc-space-2) var(--sc-space-4);
  border: 1px solid var(--sc-color-border);
  border-radius: var(--sc-radius-lg);
  background: var(--sc-color-surface);
  color: var(--sc-color-ink);
  box-shadow: var(--sc-shadow-lg);
  font: 500 0.875rem/1.5 var(--sc-font-sans);
  animation: sc-toast-in 160ms ease-out both;
}
.sc-toast[hidden] { display: none; }
[data-feedback-toast-only] { display:none !important; }
[data-feedback-actions-only] [data-feedback-toast-copy] {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
[data-feedback-actions-only] { border:0; background:transparent; padding-block:0; }
.sc-toast[data-tone=warning] { border-color: var(--sc-color-warning); }
.sc-toast[data-tone=warning] .sc-toast__icon { color: var(--sc-color-warning); background: var(--sc-color-warning-soft); }
.sc-toast[data-tone=error] { border-color: var(--sc-color-danger); }
.sc-toast[data-tone=success] { border-color: var(--sc-color-success); }
@keyframes sc-toast-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.sc-toast__message { flex:1; min-width:0; overflow-wrap:anywhere; }
.sc-toast__message > .sc-credit-notice { position:static; width:100%; max-width:none; margin:0; padding:0; border:0; box-shadow:none; background:transparent; }
.sc-toast__message > .sc-offline-notice { position:static; width:100%; max-width:none; transform:none; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.sc-toast.sc-credit-notice { display:grid; }
.sc-toast__icon { flex:none; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; color:var(--sc-color-text); background:rgba(244,232,214,.08); }
.sc-toast__icon::before { content:''; width:16px; height:16px; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7h.01'/%3E%3C/svg%3E") center/contain no-repeat; }
.sc-toast[data-tone=success] .sc-toast__icon { background:rgba(127,201,138,.14); color:#7fc98a; }
.sc-toast[data-tone=success] .sc-toast__icon::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E"); }
.sc-toast[data-tone=error] { box-shadow:inset 0 0 0 1px rgba(229,83,58,.4),0 20px 50px -14px rgba(0,0,0,.8); }
.sc-toast[data-tone=error] .sc-toast__icon { background:rgba(229,83,58,.16); color:#ff8a6a; }
.sc-toast[data-tone=error] .sc-toast__icon::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E"); }
.sc-toast__close { flex:none; width:44px; height:44px; padding:0; border:0; border-radius:50%; display:grid; place-items:center; color:var(--sc-color-muted); background:transparent; cursor:pointer; }
.sc-toast__close::before { content:''; width:14px; height:14px; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat; }
.sc-toast__close:hover { background:var(--sc-color-control-hover); color:var(--sc-color-ink); }
.sc-toast__close:focus-visible { outline:2px solid var(--sc-color-focus); outline-offset:2px; }
.sc-offline-notice { position:fixed; z-index:1190; top:76px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:12px; min-height:46px; padding:6px 6px 6px 16px; border-radius:999px; background:#3a2318; box-shadow:inset 0 0 0 1px rgba(229,83,58,.45),0 20px 40px -14px rgba(0,0,0,.8); color:var(--sc-color-ink); font:500 13.5px/1.4 var(--sc-font-sans); max-width:calc(100vw - 24px); }
.sc-offline-notice[hidden] { display:none; }
.sc-offline-notice > svg { flex:none; width:18px; height:18px; color:#ff8a6a; }
.sc-offline-notice > span { min-width:0; }
.sc-offline-notice > button { flex:none; min-height:34px; padding:0 14px; border:0; border-radius:999px; background:var(--sc-color-control-hover); color:var(--sc-color-ink); font:600 12.5px var(--sc-font-sans); cursor:pointer; }
.sc-offline-notice > button:focus-visible { outline:2px solid var(--sc-color-focus); outline-offset:2px; }
@media(max-width:767px) {
  .sc-toast { --sc-toast-top: 72px; width: calc(100vw - var(--sc-space-6)); max-width: calc(100vw - var(--sc-space-6)); }
  .sc-offline-notice { top: max(66px, env(safe-area-inset-top, 0px)); width: max-content; }
}
@media(prefers-reduced-motion:reduce) { .sc-toast { animation:none; } }