.service-failure-toast{z-index:1250;right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--color-danger) 28%, var(--spatial-depth));border-radius:var(--radius-object);width:min(400px,100vw - 32px);min-height:124px;color:var(--spatial-ink);background:linear-gradient(135deg, color-mix(in srgb, var(--spatial-canvas) 96%, transparent), color-mix(in srgb, var(--spatial-mist) 92%, transparent));box-shadow:inset 0 1px 0 #ffffffb8, 0 22px 60px color-mix(in srgb, var(--spatial-rail-base) 20%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.12);backdrop-filter:blur(24px)saturate(1.12);animation:service-failure-enter .22s var(--ease-standard) both;padding:14px 42px 14px 102px;position:fixed;overflow:hidden}.service-failure-closy{width:84px;height:88px;position:absolute;bottom:10px;left:10px}.service-failure-closy__steam{transform-origin:50%;animation:.9s ease-out 2 alternate service-failure-steam}.service-failure-toast__content{min-width:0}.service-failure-toast__content>strong{padding-top:2px;font-size:14px;line-height:1.3;display:block}.service-failure-toast__content>p{color:var(--spatial-muted);margin:4px 0 10px;font-size:12px;line-height:1.45}.service-failure-toast__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.service-failure-toast__actions button,.service-failure-toast__actions summary{border:1px solid color-mix(in srgb, var(--spatial-depth) 72%, var(--spatial-ink));border-radius:var(--radius-control);min-height:44px;color:var(--spatial-ink);background:color-mix(in srgb, var(--spatial-canvas) 84%, transparent);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.service-failure-toast__actions .service-failure-toast__retry{background:linear-gradient(145deg, color-mix(in srgb, var(--spatial-light) 45%, var(--spatial-tide)), color-mix(in srgb, var(--spatial-depth) 70%, var(--spatial-mist)));box-shadow:inset 0 1px 0 #ffffffc7, inset 0 0 0 1px color-mix(in srgb, var(--spatial-light) 48%, transparent), 0 4px 12px color-mix(in srgb, var(--spatial-depth) 30%, transparent)}.service-failure-toast__actions button:hover,.service-failure-toast__actions summary:hover{box-shadow:inset 0 0 0 1px var(--spatial-light), 0 4px 14px color-mix(in srgb, var(--spatial-depth) 38%, transparent)}.service-failure-toast button:focus-visible,.service-failure-toast summary:focus-visible{outline:2px solid var(--spatial-rail-selection-ink);outline-offset:3px}.service-failure-toast__retry svg{width:15px}.service-failure-toast__actions details{min-width:0}.service-failure-toast__actions details[open]{flex-basis:100%}.service-failure-toast__actions summary{color:var(--spatial-ink);list-style:none}.service-failure-toast__actions summary::-webkit-details-marker{display:none}.service-failure-toast__actions details>p{border:1px solid var(--spatial-depth);border-radius:var(--radius-control);background:var(--spatial-canvas);width:100%;box-shadow:0 10px 28px color-mix(in srgb, var(--spatial-rail-base) 16%, transparent);color:var(--spatial-muted);overflow-wrap:anywhere;margin:8px 0 0;padding:9px 10px;font-size:10px}.service-failure-toast__close{border-radius:var(--radius-control);width:44px;min-height:44px;color:var(--spatial-ink);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.service-failure-toast__close:hover{background:color-mix(in srgb, var(--spatial-tide) 46%, transparent)}.service-failure-toast__close svg{width:16px}.service-failure-toast__progress{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-danger), color-mix(in srgb, var(--color-danger) 42%, transparent));transform-origin:0;height:3px;animation:service-failure-progress var(--service-failure-duration) linear forwards;position:absolute;bottom:5px;left:12px;right:12px}.service-failure-toast.is-paused .service-failure-toast__progress{animation-play-state:paused}@keyframes service-failure-enter{0%{opacity:0;transform:translate(14px,8px)scale(.98)}}@keyframes service-failure-progress{to{opacity:.45;transform:scaleX(0)}}@keyframes service-failure-steam{0%{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:translateY(-2px)}}@media (width<=640px){.service-failure-toast{right:12px;bottom:max(84px, calc(env(safe-area-inset-bottom) + 72px));width:auto;min-height:132px;padding:13px 38px 13px 92px;left:12px}.service-failure-closy{width:80px;left:6px}}@media (prefers-reduced-motion:reduce){.service-failure-toast,.service-failure-closy__steam,.service-failure-toast__progress{animation:none}.service-failure-toast__actions button,.service-failure-toast__actions summary{transition:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.service-failure-toast{background:var(--spatial-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}.service-failure-toast__actions button,.service-failure-toast__actions summary{background:var(--spatial-canvas)}.service-failure-toast__actions .service-failure-toast__retry{background:var(--spatial-tide)}}
