/* Compact frosted capsule; status details remain one tap away. */
.service-availability{--notice-surface:rgba(250,252,255,.84);--notice-ink:#202734;--notice-muted:#4c586c;--notice-line:rgba(60,74,96,.16);--notice-edge:rgba(142,91,22,.5);--notice-ring-a:#6e9fda;--notice-ring-b:#a991d6;--notice-ring-c:#c18e44;--notice-accent:#8e5b16;--notice-tint:#ae781716;position:fixed;z-index:900;left:0;right:0;bottom:max(22px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 28px);margin:0 auto;color:var(--notice-ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;text-align:center;color-scheme:light;isolation:isolate}
.service-availability[hidden]{display:none}
.service-availability::before{content:'';position:absolute;z-index:-1;inset:-1px;border:1px solid var(--notice-accent);border-radius:999px;color:var(--notice-accent);box-shadow:0 0 12px currentColor;opacity:.16;pointer-events:none;animation:service-notice-breathe 3.8s ease-in-out infinite}
.service-availability::after{content:'';position:absolute;z-index:2;inset:0;padding:1px;border-radius:999px;background:linear-gradient(110deg,var(--notice-ring-a),var(--notice-ring-b) 52%,var(--notice-ring-c));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.2;pointer-events:none;animation:service-notice-color 3.8s ease-in-out infinite}
@keyframes service-notice-color{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes service-notice-breathe{0%,100%{opacity:.12}50%{opacity:.38}}

.service-availability .service-notice-card{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;overflow:hidden;padding:6px 6px 6px 14px;border:1px solid var(--notice-edge);border-radius:999px;background:var(--notice-surface);box-shadow:0 16px 48px #0a142b26,0 3px 10px #0a142b12,inset 0 1px 0 #ffffffa6;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%)}
.service-availability .service-notice-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--notice-tint);color:var(--notice-accent)}
.service-availability .service-notice-icon>svg{display:block;width:19px;height:19px}
.service-availability .service-notice-summary{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:44px;padding:0 2px;color:var(--notice-ink);font:inherit;font-size:13px;font-weight:600;text-decoration:none;border-radius:8px;white-space:nowrap}
.service-availability [data-service-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}
.service-availability .service-notice-summary>svg{flex:none;width:11px;height:11px;color:var(--notice-muted);opacity:.8}
.service-availability .service-notice-summary:hover{color:var(--notice-accent)}
.service-availability .service-notice-divider{flex:none;width:1px;height:18px;margin:0 1px;background:var(--notice-line)}
.service-availability button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:44px;margin:0;border:0;border-radius:999px;font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color 140ms ease,transform 140ms ease}
.service-availability button svg{display:block;flex:none;width:15px;height:15px;pointer-events:none}
.service-availability .service-notice-retry{min-width:60px;padding:0 9px;color:var(--notice-ink);background:rgba(56,74,100,.07)}
.service-availability .service-notice-retry:hover{background:var(--notice-tint)}
.service-availability .service-notice-close{width:44px;padding:0;color:var(--notice-muted);background:transparent}
.service-availability .service-notice-close svg{width:16px;height:16px}
.service-availability .service-notice-close:hover{background:var(--notice-tint);color:var(--notice-ink)}
.service-availability button:active{transform:scale(.94)}
.service-availability [aria-disabled=true]{cursor:wait}
.service-availability :focus-visible{outline:2px solid #77aaf1;outline-offset:-2px}
.service-availability .service-notice-sr{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;margin:-1px;clip-path:inset(50%);white-space:nowrap;border:0}
body.home-page .service-availability{--notice-surface:rgba(23,29,40,.76);--notice-ink:#f2f5fb;--notice-muted:#cdd7e6;--notice-line:rgba(225,236,255,.16);--notice-edge:rgba(240,198,140,.5);--notice-ring-a:#89bcff;--notice-ring-b:#d3b5ff;--notice-ring-c:#efc58a;--notice-accent:#f0c68c;--notice-tint:#efc58a17;color-scheme:dark}
body.home-page .service-availability .service-notice-card{background:linear-gradient(145deg,#d7e7ff0d,transparent 65%),var(--notice-surface);box-shadow:0 18px 52px #0006,0 3px 12px #0003,inset 0 1px 0 #ffffff30}
body.home-page .service-availability .service-notice-retry{background:#e5eeff10}
body.home-page .service-availability .service-notice-retry:hover{background:#e5eeff20}
.service-availability[data-state=maintenance]{--notice-edge:#346db180;--notice-ring-c:#7c9ecf;--notice-accent:#346db1;--notice-tint:#3877c016}
body.home-page .service-availability[data-state=maintenance]{--notice-edge:#b7d5ff80;--notice-ring-c:#b7d5ff;--notice-accent:#b7d5ff;--notice-tint:#8ebcff1a}
.service-availability[data-state=available]{--notice-edge:#24705080;--notice-ring-a:#68ab90;--notice-ring-b:#84aed1;--notice-ring-c:#94bfa7;--notice-accent:#247050;--notice-tint:#23845c16}
body.home-page .service-availability[data-state=available]{--notice-edge:#afe8cb80;--notice-ring-a:#98dabc;--notice-ring-b:#aacfff;--notice-ring-c:#afe8cb;--notice-accent:#afe8cb;--notice-tint:#94dfb61a}
.service-availability[data-busy=true] .service-notice-retry svg{animation:service-notice-spin .85s linear infinite}
@keyframes service-notice-spin{to{transform:rotate(360deg)}}
@media(max-width:540px){.service-availability{bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:370px){.service-availability .service-notice-card{gap:6px;padding-left:10px;padding-right:4px}.service-availability .service-notice-icon{width:28px;height:28px}.service-availability .service-notice-retry{width:44px;min-width:44px;padding:0}.service-availability [data-service-retry-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.service-availability .service-notice-summary>svg{display:none}}
@media(prefers-reduced-motion:reduce){.service-availability::before{animation:none;opacity:.2}.service-availability::after{animation:none;opacity:.65}.service-availability *{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.service-availability{--notice-surface:#fafbfd}body.home-page .service-availability{--notice-surface:#1d232e}.service-availability .service-notice-card{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.service-availability{--notice-line:#63718a;--notice-muted:#424f63;--notice-surface:#fff}body.home-page .service-availability{--notice-muted:#dae3f2;--notice-surface:#18202b}.service-availability .service-notice-card{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.service-availability::before,.service-availability::after{display:none}.service-availability .service-notice-card{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.service-availability button,.service-availability .service-notice-summary,.service-availability .service-notice-icon{color:CanvasText;background:Canvas;border-color:CanvasText}}
@media print{.service-availability{display:none!important}}
