.pwa-install-banner{--pwa-bg:color-mix(in srgb,var(--surface) 92%,#020617);--pwa-bg-2:color-mix(in srgb,var(--surface2) 88%,#020617);--pwa-border:color-mix(in srgb,var(--accent) 42%,var(--border));--pwa-accent:var(--accent);--pwa-accent-soft:color-mix(in srgb,var(--accent) 18%,transparent);--pwa-text:var(--text);--pwa-muted:var(--text2);--pwa-action-text:var(--bg);position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));left:auto;z-index:100;width:min(540px,calc(100vw - 32px));min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) auto 24px;align-items:center;grid-gap:12px;gap:12px;padding:12px;border:1px solid var(--pwa-border);border-radius:14px;background:radial-gradient(circle at 10% 0,var(--pwa-accent-soft),transparent 34%),linear-gradient(145deg,var(--pwa-bg),var(--pwa-bg-2));box-shadow:0 18px 48px rgba(0,0,0,.44),inset 0 0 0 1px rgba(255,255,255,.03);color:var(--pwa-text);font-family:var(--tuc-font,var(--font-mono));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pwa-install-banner--blue{--pwa-bg:rgba(7,11,20,0.94);--pwa-bg-2:rgba(10,22,40,0.92);--pwa-border:rgba(6,182,212,0.42);--pwa-accent:#06b6d4;--pwa-accent-soft:rgba(6,182,212,0.18);--pwa-text:#e8edf8;--pwa-muted:#94a3b8;--pwa-action-text:#061018}.pwa-install-banner--green{--pwa-bg:rgba(3,18,13,0.95);--pwa-bg-2:rgba(6,35,25,0.92);--pwa-border:rgba(52,211,153,0.44);--pwa-accent:#34d399;--pwa-accent-soft:rgba(52,211,153,0.18);--pwa-text:#eafff6;--pwa-muted:#9bc9b9;--pwa-action-text:#03120d}.pwa-install-banner--violet{--pwa-bg:rgba(13,7,24,0.95);--pwa-bg-2:rgba(23,16,41,0.92);--pwa-border:rgba(167,139,250,0.46);--pwa-accent:#a78bfa;--pwa-accent-soft:rgba(167,139,250,0.2);--pwa-text:#f4efff;--pwa-muted:#b6a8d6;--pwa-action-text:#0d0718}.pwa-install-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pwa-accent);border-radius:11px;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.22),transparent 32%),var(--pwa-accent-soft);color:var(--pwa-accent);flex-shrink:0;font-size:20px;font-weight:700;box-shadow:0 0 22px var(--pwa-accent-soft)}.pwa-install-body{min-width:0}.pwa-install-title{margin-bottom:3px;color:var(--pwa-text);font-size:13px;font-weight:700;line-height:1.25}.pwa-install-subtitle{color:var(--pwa-muted);font-size:11px;line-height:1.35}.pwa-install-action{min-height:34px;padding:8px 16px;border:1px solid color-mix(in srgb,var(--pwa-accent) 70%,white);border-radius:8px;background:var(--pwa-accent);color:var(--pwa-action-text);cursor:pointer;flex-shrink:0;font-family:var(--tuc-font,var(--font-mono));font-size:12px;font-weight:800;box-shadow:0 0 24px var(--pwa-accent-soft)}.pwa-install-close{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:transparent;color:var(--pwa-muted);cursor:pointer;font-size:16px;line-height:1}.pwa-install-action:focus-visible,.pwa-install-action:hover,.pwa-install-close:focus-visible,.pwa-install-close:hover{outline:none;filter:brightness(1.08)}.pwa-install-close:focus-visible,.pwa-install-close:hover{background:var(--pwa-accent-soft);color:var(--pwa-text)}@media (max-width:700px){.pwa-install-banner{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));width:auto;grid-template-columns:36px minmax(0,1fr) auto 22px;gap:9px;padding:9px;border-radius:12px}.pwa-install-icon{width:36px;height:36px;border-radius:9px;font-size:16px}.pwa-install-title{font-size:11px}.pwa-install-subtitle{font-size:9px}.pwa-install-action{min-height:30px;padding:7px 12px;font-size:10px}.pwa-install-close{width:22px;height:22px;font-size:14px}}@media (max-width:420px){.pwa-install-banner{grid-template-columns:34px minmax(0,1fr) 70px 20px;gap:8px}.pwa-install-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pwa-install-action{width:70px;padding-inline:8px}}:root{--tuc-bg:#070B14;--tuc-surface:#0A1628;--tuc-surface-deep:#060A1E;--tuc-border:#1E2D55;--tuc-cyan:#06B6D4;--tuc-text:#E8EDF8;--tuc-muted:#64748B;--tuc-dim:#3B5280;--tuc-green:#34D399;--tuc-red:#F87171;--tuc-amber:#FCD34D;--tuc-purple:#A78BFA;--tuc-blue:#60A5FA;--tuc-font:"IBM Plex Mono",ui-monospace,monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:99px;--tuc-spacing-scale:4px 8px 12px 16px 20px 24px 32px 40px 48px}