.toast-viewport{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:1210;pointer-events:none;flex-direction:column-reverse;width:min(384px,100vw - 28px);display:flex;position:fixed}.toast{pointer-events:auto;border-radius:var(--xu-panel-radius,12px);background:var(--xu-surface,#fff);border:1px solid var(--xu-border,#e2e1e6);box-shadow:var(--xu-shadow-float,0 16px 44px #00000024);color:var(--ink,#222225);touch-action:pan-x;opacity:0;transition:transform .42s var(--xu-ease,cubic-bezier(.16, 1, .3, 1)), opacity .26s ease, margin-top .32s var(--xu-ease,cubic-bezier(.16, 1, .3, 1));will-change:transform;align-items:flex-start;gap:10px;margin-top:10px;padding:12px 12px 12px 14px;display:flex;position:relative;overflow:hidden;transform:translateY(100%)scale(1)}.toast[data-mounted=true]{opacity:1;transform:translateY(0)scale(1)}.toast-viewport[data-expanded=false] .toast[data-collapsed=true]{transform:translateY(calc(var(--depth,0) * -9px)) scale(calc(1 - var(--depth,0) * .045));opacity:calc(1 - var(--depth,0) * .16);margin-top:calc(10px - var(--depth,0) * 10px)}.toast[data-hidden=true]{transform:translateY(calc(var(--depth,0) * -9px)) scale(.86);opacity:0;pointer-events:none}.toast-icon{color:var(--xu-accent,#6558d9);flex:none;margin-top:1px}.toast-success .toast-icon{color:var(--success,#287a5d)}.toast-error .toast-icon{color:var(--danger,#ad493f)}.toast-warning .toast-icon{color:var(--warn,#b0781f)}.toast-info .toast-icon{color:var(--xu-accent,#6558d9)}.toast-loading .toast-icon,.toast-progress .toast-icon{color:var(--blue,#4e729a)}.toast-icon.is-spinning{animation:.9s linear infinite xuce-spin}.toast-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toast-body strong{font-size:13.5px;font-weight:640;line-height:1.35}.toast-body span{color:var(--muted,#626168);font-size:12.5px;line-height:1.4}.toast-action{border:1px solid var(--xu-border-strong,#ceccd4);background:color-mix(in srgb, var(--xu-accent) 10%, transparent);color:var(--xu-accent,#6558d9);cursor:pointer;transition:background-color .14s var(--xu-ease,ease);border-radius:8px;flex:none;align-self:center;padding:6px 10px;font-size:12.5px;font-weight:620}.toast-action:hover{background:color-mix(in srgb, var(--xu-accent) 18%, transparent)}.toast-close{width:24px;height:24px;color:var(--quiet,#89878f);cursor:pointer;transition:background-color .14s var(--xu-ease,ease), color .14s var(--xu-ease,ease);background:0 0;border:none;border-radius:7px;flex:none;align-self:center;place-items:center;display:grid}.toast-close:hover{background:var(--xu-surface-soft,#f1f1f3);color:var(--ink,#222)}.toast-progress{transform-origin:0;background:color-mix(in srgb, var(--xu-accent,#6558d9) 62%, transparent);width:100%;height:2px;animation-name:toast-progress;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}.toast-success .toast-progress{background:color-mix(in srgb, var(--success,#287a5d) 62%, transparent)}.toast-error .toast-progress{background:color-mix(in srgb, var(--danger,#ad493f) 62%, transparent)}.toast-warning .toast-progress{background:color-mix(in srgb, var(--warn,#b0781f) 62%, transparent)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-close:focus-visible{outline:2px solid var(--xu-accent,#6558d9);outline-offset:2px}.toast-action:focus-visible{outline:2px solid var(--xu-accent,#6558d9);outline-offset:2px}[data-motion=still] .toast{transition:opacity .16s;transform:none}[data-motion=still] .toast[data-mounted=true]{opacity:1}[data-motion=still] .toast-icon.is-spinning{animation-duration:1.6s}[data-motion=still] .toast-progress{opacity:0;animation:none}