.srv-toast{position:fixed;right:20px;bottom:20px;z-index:1060;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"badge copy""badge actions";align-items:center;gap:6px 14px;width:min(390px,calc(100% - 32px));padding:14px 16px 12px;border-radius:18px;background:linear-gradient(145deg,rgba(44,26,88,0.96),rgba(26,15,52,0.96));border:1px solid rgba(255,255,255,0.12);box-shadow:0 16px 36px rgba(0,0,0,0.4);backdrop-filter:blur(12px);color:#f4efff;text-align:left;animation:srvIn 0.4s cubic-bezier(0.2,0.8,0.2,1);transition:opacity 0.45s ease,transform 0.45s ease,border-color 0.4s ease}.srv-toast[hidden]{display:none}.srv-toast.is-online{border-color:rgba(84,227,142,0.35)}.srv-toast.is-leaving{opacity:0;transform:translateY(12px) scale(0.98)}@keyframes srvIn{from{opacity:0;transform:translateY(14px) scale(0.98)}to{opacity:1;transform:none}}.srv-badge{grid-area:badge;position:relative;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,159,67,0.12);color:#ffb066;font-size:1.15rem;transition:background 0.4s ease}.srv-badge::after{content:"";position:absolute;inset:-3px;border-radius:16px;border:2px solid rgba(255,159,67,0.4);opacity:0;animation:srvPulse 2.6s ease-out infinite}@keyframes srvPulse{0%{opacity:0.7;transform:scale(0.92)}100%{opacity:0;transform:scale(1.18)}}.srv-check{position:absolute;inset:5px;width:36px;height:36px;opacity:0}.srv-check-circle{stroke:#54e38e;stroke-width:3;stroke-dasharray:145;stroke-dashoffset:145}.srv-check-mark{stroke:#54e38e;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40}.srv-toast.is-online .srv-badge{background:rgba(84,227,142,0.16)}.srv-toast.is-online .srv-badge::after{animation:none}.srv-toast.is-online .srv-badge-off{opacity:0;transform:scale(0.6);transition:opacity 0.2s ease,transform 0.2s ease}.srv-toast.is-online .srv-check{opacity:1}.srv-toast.is-online .srv-check-circle{animation:srvDraw 0.6s ease-out forwards}.srv-toast.is-online .srv-check-mark{animation:srvDraw 0.35s 0.45s ease-out forwards}@keyframes srvDraw{to{stroke-dashoffset:0}}.srv-copy{grid-area:copy;display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:24px}.srv-copy strong{font-size:0.95rem;color:#fff}.srv-copy>span{display:inline-flex;align-items:flex-start;gap:8px;font-size:0.83rem;line-height:1.45;color:#d4cbee}.srv-spinner{flex-shrink:0;margin-top:0.3em;width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,176,102,0.25);border-top-color:#ffb066;animation:srvSpin 0.9s linear infinite}@keyframes srvSpin{to{transform:rotate(360deg)}}.srv-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.srv-link{color:#ffcc00;font-size:0.82rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}.srv-link:hover{color:#fff}.srv-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.srv-retry{min-height:28px;padding:4px 12px;border-radius:50px;border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.07);color:#fff;font-size:0.8rem;font-weight:600;cursor:pointer;transition:background 0.2s}.srv-retry:hover{background:rgba(255,255,255,0.14)}.srv-retry:disabled{opacity:0.55;cursor:progress}.srv-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#d4cbee;cursor:pointer;transition:background 0.2s,color 0.2s}.srv-close:hover{background:rgba(255,255,255,0.1);color:#fff}.srv-retry:focus-visible,.srv-link:focus-visible,.srv-close:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.srv-toast[data-variant="card"]:not(.is-online)~.connection-banner,body:has(.srv-toast[data-variant="card"]:not(.is-online):not([hidden])) .connection-banner{display:none!important}@media (max-width: 480px){.srv-toast{right:12px;left:12px;bottom:12px;width:auto}}.srv-toast[data-variant="card"]{position:relative;right:auto;bottom:auto;z-index:5;width:min(640px,92%);margin:16px auto 8px;padding:18px 20px 16px;gap:8px 18px;border-radius:20px;border-color:rgba(255,176,102,0.35);box-shadow:0 20px 44px rgba(0,0,0,0.4)}.srv-toast[data-variant="card"] .srv-badge{width:58px;height:58px;border-radius:17px;font-size:1.45rem}.srv-toast[data-variant="card"] .srv-check{inset:7px;width:44px;height:44px}.srv-toast[data-variant="card"] .srv-copy strong{font-size:1.12rem}.srv-toast[data-variant="card"] .srv-copy>span{font-size:0.9rem}.srv-toast[data-variant="card"] .srv-retry{min-height:34px;padding:6px 16px;font-size:0.85rem}.srv-toast[data-variant="card"].is-online{border-color:rgba(84,227,142,0.45)}@media (max-width: 480px){.srv-toast[data-variant="card"]{grid-template-columns:1fr;grid-template-areas:"badge""copy""actions";justify-items:center;padding:16px 16px 14px;text-align:center}.srv-toast[data-variant="card"] .srv-badge{width:46px;height:46px;font-size:1.15rem}.srv-toast[data-variant="card"] .srv-actions{justify-content:center}}