:root{--glass-tint:#ffffffa8;--glass-tint-words:#fffc;--glass-sheen:linear-gradient(180deg, #ffffff14, transparent 45%);--glass-blur:14px;--glass-rim:linear-gradient(135deg, #fffffff2, #ffffff59 32%, #fff3 62%, #fffc);--glass-shadow:0 10px 30px -8px #0003, 0 2px 6px -2px #00000014, 0 0 0 .5px #00000012;--glass-lens:#0a0a0b11}@media (prefers-color-scheme:dark){:root{--glass-tint:#2c2c308f;--glass-tint-words:#28282cc7;--glass-rim:linear-gradient(135deg, #ffffff6b, #ffffff14 30%, #ffffff0a 64%, #ffffff38);--glass-shadow:0 12px 32px -8px #000000b3, 0 2px 8px -2px #0006;--glass-lens:#ffffff24}}.glass{isolation:isolate;background:var(--glass-sheen), var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.9);backdrop-filter:blur(var(--glass-blur)) saturate(1.9);box-shadow:var(--glass-shadow);position:relative}.glass:after{content:"";z-index:3;border-radius:inherit;background:var(--glass-rim);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}:where(button,a).glass{transition:transform .26s cubic-bezier(.34, 1.56, .64, 1), background-color .2s var(--ease)}:where(button,a).glass:active{transition-duration:.12s;transform:scale(.92)}.btn.glass{--glass-tint:var(--glass-tint-words);--glass-blur:20px;background:var(--glass-sheen), var(--glass-tint);color:var(--fg)}@media (hover:hover) and (pointer:fine){.btn.glass:hover:not(:disabled){background:linear-gradient(var(--glass-lens), var(--glass-lens)), var(--glass-sheen), var(--glass-tint)}}.toast.glass{--y:22px;--s:.9;--glass-tint:var(--glass-tint-words);--glass-blur:20px;left:calc(50% + var(--rail,0px) / 2);bottom:max(24px, env(safe-area-inset-bottom), calc(var(--tabbar,0px) + 12px));z-index:70;box-sizing:border-box;width:max-content;max-width:min(520px,100vw - 24px);min-height:48px;color:var(--fg);font:600 15px/20px var(--font);letter-spacing:-.01em;text-wrap:pretty;touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(-50%, calc(var(--y) + var(--dy,0px))) scale(var(--s));opacity:0;pointer-events:none;transition:transform .26s var(--ease), opacity .2s var(--ease);border-radius:24px;align-items:center;gap:10px;padding:10px 20px;display:flex;position:fixed}.toast.glass[data-at=top]{--y:-18px;top:calc(env(safe-area-inset-top) + 64px);bottom:auto}@media (width>=1000px){.toast.glass{--y:16px;left:auto;right:calc(24px + var(--chat-p,0) * var(--chat-w,0px));max-width:380px;min-height:42px;transform:translate(0, calc(var(--y) + var(--dy,0px))) scale(var(--s));transform-origin:100% 100%;border-radius:22px;padding:9px 16px;font-size:14px;line-height:18px;bottom:24px}.toast.glass[data-at=top]{--y:-12px;transform-origin:100% 0;top:72px;bottom:auto}}.toast.glass.show{--y:0px;--s:1;opacity:1;pointer-events:auto;transition:transform .56s var(--spring), opacity .2s var(--ease)}.toast.glass.dragging{transition:none}.toast.glass.has-lead{padding-left:12px}.toast.glass.has-media{padding-left:9px}.toast.glass.has-action{padding-right:7px}.toast-lead{flex:none;display:flex}.toast-text{min-width:0}.toast.glass.bump{animation:toast-bump .36s var(--ease)}.toast.glass.shake{animation:toast-shake .42s var(--ease)}@keyframes toast-bump{40%{scale:1.04}}@keyframes toast-shake{20%{translate:-6px}40%{translate:5px}60%{translate:-3px}80%{translate:2px}}.toast-icon{color:#fff;width:24px;height:24px;animation:pop-in .38s var(--spring) both;border-radius:999px;place-items:center;display:grid}.toast[data-tone=good] .toast-icon{background:var(--up)}.toast[data-tone=bad] .toast-icon{background:var(--down)}.toast-icon svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.toast[data-tone=good] .toast-icon path{stroke-dasharray:1;stroke-dashoffset:1px;animation:toast-tick .34s .15s var(--ease) forwards}@keyframes toast-tick{to{stroke-dashoffset:0}}.toast-spin{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 20%, transparent);border-top-color:currentColor;border-radius:999px;width:20px;height:20px;margin:2px;animation:.7s linear infinite spin}.toast-media{display:block;position:relative}.toast-media>:first-child{border-radius:4px;width:auto;height:42px;display:block;box-shadow:0 2px 8px #00000047}.toast-media.developing>:first-child{animation:toast-develop 2.6s var(--ease) both}@keyframes toast-develop{0%{filter:brightness(.4)saturate(0)blur(1.5px)}}.toast-media .toast-icon{width:18px;height:18px;box-shadow:0 0 0 2px var(--bg);position:absolute;bottom:-6px;right:-7px}.toast-media .toast-icon svg{stroke-width:3px;width:14px;height:14px}.toast.glass button{appearance:none;background:color-mix(in srgb, var(--fg) 9%, transparent);height:34px;color:var(--fg);font:700 14px/1 var(--font);cursor:pointer;transition:background var(--dur-fast) var(--ease);border:0;border-radius:999px;flex:none;padding:0 14px}@media (hover:hover) and (pointer:fine){.toast.glass button:hover{background:color-mix(in srgb, var(--fg) 15%, transparent)}}@media (width>=1000px){.toast.glass.has-lead{padding-left:10px}.toast.glass.has-action{padding-right:6px}.toast.glass button{height:30px;padding:0 12px;font-size:13px}}@media (prefers-reduced-motion:reduce){.toast.glass,.toast.glass[data-at=top],.toast.glass.show{--y:0px;--s:1;transition:opacity .2s linear}.toast.glass.bump,.toast.glass.shake,.toast-media.developing>:first-child{animation:none}}
