#pwa-install-banner.pwa-install-banner{--pwa-banner-fg:var(--text-on-dark-strong,#fff);--pwa-banner-fg-muted:var(--text-on-dark-muted,rgba(255,255,255,0.78));--pwa-banner-surface:color-mix(in srgb,var(--secondary,#2b2e4a) 94%,#000 6%);--pwa-banner-border:var(--section-divider-line,rgba(255,255,255,0.14));position:fixed;left:0;right:0;bottom:0;z-index:1088;box-sizing:border-box;padding:0.65rem 0.85rem;padding-bottom:max(0.65rem,env(safe-area-inset-bottom,0px));font-family:inherit;line-height:1.45;pointer-events:none}#pwa-install-banner.pwa-install-banner[hidden]{display:none !important}#pwa-install-banner .pwa-install-banner__inner{pointer-events:auto;max-width:min(52rem,calc(100vw - 1.1rem));margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:0.65rem 1rem;padding:0.75rem 1rem 0.75rem 0.85rem;border-radius:14px;border:1px solid var(--pwa-banner-border);background:var(--pwa-banner-surface);color:var(--pwa-banner-fg);box-shadow:0 -8px 32px rgba(0,0,0,0.28),0 1px 0 rgba(255,255,255,0.06) inset;position:relative;overflow:hidden}@supports (backdrop-filter:blur(10px)){#pwa-install-banner .pwa-install-banner__inner{background:color-mix(in srgb,var(--secondary,#2b2e4a) 82%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}}#pwa-install-banner .pwa-install-banner__inner::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;background:linear-gradient( 90deg,transparent 0%,color-mix(in srgb,var(--primary,#ea4704) 50%,transparent) 22%,var(--primary,#ea4704) 50%,color-mix(in srgb,var(--primary,#ea4704) 50%,transparent) 78%,transparent 100% );opacity:0.95}#pwa-install-banner .pwa-install-banner__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:12px;background:var(--bg-on-dark-soft,rgba(255,255,255,0.1));color:var(--malachite,#7eb8d9);border:1px solid var(--border-on-dark-subtle,rgba(255,255,255,0.08))}#pwa-install-banner .pwa-install-banner__icon svg{display:block}#pwa-install-banner .pwa-install-banner__copy{flex:1 1 200px;min-width:0}#pwa-install-banner .pwa-install-banner__title{margin:0 0 0.2rem;font-size:0.9375rem;font-weight:700;letter-spacing:0.01em;color:var(--pwa-banner-fg);line-height:1.25}#pwa-install-banner .pwa-install-banner__sub{margin:0;font-size:0.8125rem;font-weight:500;color:var(--pwa-banner-fg-muted);line-height:1.35}#pwa-install-banner .pwa-install-banner__actions{display:flex;flex-wrap:nowrap;align-items:center;gap:0.4rem;flex-shrink:0}#pwa-install-banner .pwa-install-banner__install{appearance:none;-webkit-appearance:none;margin:0;cursor:pointer;border-radius:10px;border:1px solid var(--color-primary-hover,var(--green-500));padding:0.5rem 1.1rem;min-height:42px;font-size:0.875rem;font-weight:600;font-family:inherit;line-height:1.2;background:var(--primary-contrast,var(--color-primary));color:var(--text-on-green,#fff);box-shadow:0 4px 14px rgba(12,36,51,0.38);transition:background-color var(--duration-fast,0.2s) var(--ease-out,ease-out),border-color var(--duration-fast,0.2s) var(--ease-out,ease-out),box-shadow var(--duration-fast,0.2s) var(--ease-out,ease-out),transform var(--duration-fast,0.2s) var(--ease-out,ease-out)}@media (prefers-reduced-motion:reduce){#pwa-install-banner .pwa-install-banner__install{transition:none}}#pwa-install-banner .pwa-install-banner__install:hover{background:var(--primary-contrast-hover,var(--color-primary-hover));border-color:var(--malachite,#7eb8d9);box-shadow:0 6px 18px rgba(12,36,51,0.45)}#pwa-install-banner .pwa-install-banner__install:active{transform:translateY(1px)}#pwa-install-banner .pwa-install-banner__install:focus-visible{outline:2px solid var(--malachite,#7eb8d9);outline-offset:2px}#pwa-install-banner .pwa-install-banner__dismiss{appearance:none;-webkit-appearance:none;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border-radius:10px;border:1px solid var(--border-on-dark-muted,rgba(255,255,255,0.6));background:var(--bg-on-dark-08,rgba(255,255,255,0.08));color:var(--pwa-banner-fg);font-size:1.35rem;font-weight:400;line-height:1;transition:background-color var(--duration-fast,0.2s) ease,border-color var(--duration-fast,0.2s) ease,color var(--duration-fast,0.2s) ease}#pwa-install-banner .pwa-install-banner__dismiss:hover{background:var(--bg-on-dark-12,rgba(255,255,255,0.12));border-color:var(--border-on-dark-50,rgba(255,255,255,0.5));color:var(--malachite,#7eb8d9)}#pwa-install-banner .pwa-install-banner__dismiss:focus-visible{outline:2px solid var(--malachite,#7eb8d9);outline-offset:2px}@media (max-width:575px){#pwa-install-banner.pwa-install-banner{padding:0.45rem 0.5rem;padding-bottom:max(0.45rem,env(safe-area-inset-bottom,0px))}#pwa-install-banner .pwa-install-banner__inner{max-width:100%;border-radius:12px;padding:0.55rem 0.65rem;gap:0.5rem 0.6rem}#pwa-install-banner .pwa-install-banner__icon{width:2.35rem;height:2.35rem;border-radius:10px}#pwa-install-banner .pwa-install-banner__icon svg{width:22px;height:22px}#pwa-install-banner .pwa-install-banner__title{font-size:0.8125rem;margin-bottom:0.1rem}#pwa-install-banner .pwa-install-banner__sub{font-size:0.75rem;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}#pwa-install-banner .pwa-install-banner__actions{width:100%;flex-basis:100%;justify-content:stretch;gap:0.35rem}#pwa-install-banner .pwa-install-banner__install{flex:1 1 auto;min-height:40px;padding:0.4rem 0.75rem;font-size:0.8125rem}#pwa-install-banner .pwa-install-banner__dismiss{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.2rem;border-radius:8px}}