.julian-toast-host{position:fixed;bottom:max(16px,env(safe-area-inset-bottom,0px) + 16px);right:clamp(12px,2.4vw,24px);left:auto;z-index:var(--jds-z-toast, 400);display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none;width:min(420px,calc(100vw - 24px));margin:0;padding:0}@media(max-width:600px){.julian-toast-host{right:12px;left:12px;bottom:max(12px,env(safe-area-inset-bottom,0px) + 12px);width:auto;align-items:center}.julian-toast-host .julian-toast{width:100%;max-width:100%;min-width:0}}.julian-toast{position:relative;pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:320px;max-width:420px;padding:12px 12px 12px 18px;border-radius:14px;background:var(--jds-glass-bg, color-mix(in oklch, oklch(10% .012 250) 55%, transparent));-webkit-backdrop-filter:blur(var(--jds-glass-blur, 22px)) saturate(var(--jds-glass-sat, 160%));backdrop-filter:blur(var(--jds-glass-blur, 22px)) saturate(var(--jds-glass-sat, 160%));border:1px solid var(--jds-glass-border, color-mix(in oklch, oklch(72% .02 245) 32%, transparent));box-shadow:var(--jds-glass-inset, inset 0 1px 0 oklch(100% 0 0 / .06)),var(--jds-glass-shadow, 0 1px 2px oklch(0% 0 0 / .18), 0 2px 6px oklch(0% 0 0 / .1));color:var(--c-bone-200, oklch(93% .029 50));animation:julian-toast-in var(--jds-dur-reveal, .24s) var(--jds-easing-out, cubic-bezier(.22, 1, .36, 1)) both;transition:transform var(--jds-dur-hover, .16s) var(--jds-easing, cubic-bezier(.4, 0, .2, 1)),box-shadow var(--jds-dur-hover, .16s) var(--jds-easing, cubic-bezier(.4, 0, .2, 1));--julian-toast-rim: var(--jds-status-info, oklch(72% .02 250))}.julian-toast:hover{transform:translateY(-1px);box-shadow:var(--jds-glass-inset, inset 0 1px 0 oklch(100% 0 0 / .06)),var(--jds-glass-shadow-float, 0 8px 24px oklch(0% 0 0 / .22), 0 2px 6px oklch(0% 0 0 / .14))}.julian-toast:focus-within{outline:2px solid color-mix(in oklch,var(--julian-toast-rim) 70%,transparent);outline-offset:2px}.julian-toast__rim{position:absolute;top:8px;bottom:8px;left:6px;width:3px;border-radius:2px;background:var(--julian-toast-rim);pointer-events:none}.julian-toast[data-variant=success]{--julian-toast-rim: var(--jds-status-ok, oklch(71% .1 195))}.julian-toast[data-variant=info]{--julian-toast-rim: var(--jds-status-info, oklch(76% .022 245))}.julian-toast[data-variant=warning]{--julian-toast-rim: var(--jds-status-warn, oklch(78% .13 78))}.julian-toast[data-variant=error]{--julian-toast-rim: var(--jds-status-danger, oklch(64% .18 28));background:linear-gradient(0deg,var(--jds-status-danger-bg, color-mix(in oklch, oklch(64% .18 28) 14%, transparent)),var(--jds-status-danger-bg, color-mix(in oklch, oklch(64% .18 28) 14%, transparent))),var(--jds-glass-bg, color-mix(in oklch, oklch(10% .012 250) 55%, transparent))}.julian-toast__message{font-family:var(--jds-font-body, "Inter", system-ui, -apple-system, sans-serif);font-size:14px;font-weight:500;font-style:normal;line-height:1.45;letter-spacing:.002em;color:var(--c-bone-200, oklch(93% .029 50));min-width:0;word-wrap:break-word;overflow-wrap:anywhere}.julian-toast__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:color-mix(in oklch,var(--c-bone-500, oklch(85% .048 50)) 60%,transparent);cursor:pointer;border-radius:8px;transition:color var(--jds-dur-tap, .1s) var(--jds-easing, cubic-bezier(.4, 0, .2, 1)),background var(--jds-dur-tap, .1s) var(--jds-easing, cubic-bezier(.4, 0, .2, 1))}.julian-toast__close:hover{color:var(--c-bone-200, oklch(93% .029 50));background:color-mix(in oklch,var(--c-bone-500, oklch(85% .048 50)) 12%,transparent)}.julian-toast__close:focus-visible{outline:2px solid var(--julian-toast-rim);outline-offset:2px}.julian-toast__close svg{width:10px;height:10px;display:block}@keyframes julian-toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes julian-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.julian-toast.is-leaving{animation:julian-toast-out .22s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none}@media(prefers-reduced-motion:reduce){.julian-toast,.julian-toast.is-leaving{animation:none;transition:opacity 80ms linear}.julian-toast{opacity:1}.julian-toast.is-leaving{opacity:0}.julian-toast:hover{transform:none}}.jds-offline-banner{position:fixed;top:0;left:0;right:0;z-index:var(--jds-z-overlay, 500);display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;min-height:40px;background:color-mix(in oklch,var(--jds-status-warn, oklch(78% .13 78)) 16%,color-mix(in oklch,oklch(10% .012 250) 82%,transparent));-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);border-bottom:1px solid color-mix(in oklch,var(--jds-status-warn, oklch(78% .13 78)) 34%,transparent);box-shadow:0 2px 16px -8px #01020499;color:var(--c-bone-500, #d6cdb8);font-family:var(--jds-font-body, "Inter", system-ui, sans-serif);font-size:var(--jds-fs-body, 13px);font-weight:500;font-style:normal;line-height:var(--jds-lh-body, 1.45);animation:jds-offline-banner-in var(--jds-dur-reveal, .26s) cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}.jds-offline-banner[hidden]{display:none}.jds-offline-banner__icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--jds-status-warn, oklch(78% .13 78))}.jds-offline-banner__icon svg{width:14px;height:14px;display:block}.jds-offline-banner__text{font-style:normal}@keyframes jds-offline-banner-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.jds-offline-banner{animation:none;opacity:1}}