.lofi-offer{position:fixed;top:var(--offer-top,calc(var(--space-5) + env(safe-area-inset-top)));right:var(--offer-right,max(var(--gutter),env(safe-area-inset-right)));z-index:30;--inset:12px;--pad:12px;--reach:6px;width:18rem;max-width:calc(100vw - 2 * var(--gutter));padding:var(--pad) var(--inset);background:color-mix(in srgb,var(--glass,var(--page)) 28%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:var(--radius-card);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-meta);animation:lofi-offer-in calc(2 * var(--duration-card)) var(--ease-calm) backwards}.lofi-offer[data-leaving]{animation:lofi-offer-out var(--duration-card) var(--ease-calm) forwards;pointer-events:none}@keyframes lofi-offer-in{0%{clip-path:inset(0 0 100% 0 round var(--radius-card));transform:translateY(-4px)}to{clip-path:inset(0 0 0 0 round var(--radius-card))}}@keyframes lofi-offer-out{0%{clip-path:inset(0 0 0 0 round var(--radius-card))}to{clip-path:inset(0 0 100% 0 round var(--radius-card));transform:translateY(-4px)}}.lofi-offer-text{margin:0}.lofi-offer-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);margin-inline:calc(var(--inset) / -2)}.lofi-offer-item{margin-block:calc(-1 * var(--reach));padding:var(--reach) calc(var(--inset) / 2);border-radius:var(--radius-hair);color:var(--ink-muted);font:inherit;cursor:pointer;transition:color var(--duration-quick) var(--ease-calm),background-color var(--duration-quick) var(--ease-calm)}.lofi-offer-primary{color:var(--ink)}@media (hover:hover){.lofi-offer-item:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 9%,transparent)}}.lofi-offer-item:active,.lofi-offer-item:focus-visible{color:var(--ink);background:color-mix(in srgb,var(--ink) 9%,transparent)}.lofi-offer-item:focus-visible{outline:1px solid var(--focus);outline-offset:0}@media (pointer:coarse){.lofi-offer{--reach:14px}.lofi-offer-actions{margin-top:var(--space-2)}}@media (max-width:480px){.lofi-offer{top:calc(52px + env(safe-area-inset-top));right:max(var(--gutter),env(safe-area-inset-right));left:max(var(--gutter),env(safe-area-inset-left));width:auto;max-width:none}}@media (prefers-reduced-motion:reduce){.lofi-offer,.lofi-offer[data-leaving]{animation:none}.lofi-offer-item{transition:none}}