@layer theme,base,app;@layer components{.toaster{z-index:100;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{pointer-events:auto;box-sizing:border-box;border:1px solid var(--line-2);background:var(--sheet);width:360px;max-width:calc(100vw - 32px);color:var(--text);border-radius:10px;padding:12px 12px 12px 14px;font-size:13px;animation:.18s cubic-bezier(.2,.8,.2,1) toast-in;box-shadow:0 4px 12px #0000000f,0 12px 32px #00000014}.toast-head{align-items:center;gap:8px;display:flex}.toast-head strong{flex:1;min-width:0;font-weight:500}.toast-ok{width:16px;height:16px;color:var(--sheet);fill:var(--ok);flex:none}.toast-error{width:16px;height:16px;color:var(--sheet);fill:var(--bad);flex:none}.toast-note{width:16px;height:16px;color:var(--muted);flex:none}.toast-body>.toast-text{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box}.toast .toast-close,.toast .toast-close:hover:not(:disabled){width:22px;height:22px;min-height:0;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.toast .toast-close:hover:not(:disabled){background:var(--hover);color:var(--text)}.toast .toast-close svg{width:14px;height:14px}.toast-body{min-width:0;color:var(--body);align-items:center;gap:8px;margin:6px 0 0 24px;display:flex}.toast-body>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast-action{color:#3b6fd8;margin:10px 0 0 24px;font-weight:500;text-decoration:none;display:inline-block}.toast-action:hover{text-decoration:underline}:root[data-theme=dark] .toast-action{color:#7aa2f7}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toast-action{color:#7aa2f7}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (max-width:640px){.toaster{left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));align-items:stretch}.toast{width:auto;max-width:none}}.toaster.toaster-banners{gap:8px;top:12px;bottom:auto}.toast-banner{pointer-events:auto;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--text) 8%, transparent);background:color-mix(in srgb, var(--sheet) 76%, transparent);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);width:380px;max-width:calc(100vw - 16px);color:var(--text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:22px;align-items:flex-start;gap:11px;padding:11px 14px 12px 11px;transition:transform .2s,opacity .2s;animation:.36s cubic-bezier(.2,.9,.25,1.15) toast-banner-in;display:flex;box-shadow:0 8px 32px #00000029}.toast-banner:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.toast-banner.leaving{opacity:0!important;transform:translateY(-140%)!important}.toast-banner-icon{border-radius:9px;flex:none;width:38px;height:38px}.toast-banner-text{flex:1;min-width:0;padding-top:1px}.toast-banner-head{align-items:baseline;gap:8px;display:flex}.toast-banner-head strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.toast-banner-head time{color:var(--muted);flex:none;font-size:13px}.toast-banner-body{color:var(--text);margin-top:1px;font-size:15px;line-height:1.3}.toast-banner-body>.toast-text{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes toast-banner-in{0%{opacity:0;transform:translateY(-110%)}}@media (max-width:640px){.toaster.toaster-banners{top:calc(var(--safe-top) + 6px);align-items:stretch;left:8px;right:8px}.toast-banner{width:auto;max-width:none}}@media (prefers-reduced-motion:reduce){.toast-banner{animation:none}}}@layer utilities;