.saved-data-notice{position:fixed;z-index:58;bottom:clamp(16px,2.6vw,28px);left:clamp(12px,2.6vw,28px);max-width:calc(100vw - 24px);pointer-events:none}.saved-data-notice__pill{display:inline-flex;min-height:44px;max-width:100%;padding:4px 4px 4px 16px;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-overlay);font-size:.8rem;font-weight:650;line-height:1.25;pointer-events:auto;animation:saved-data-in var(--motion-standard) var(--ease-out) both}.saved-data-notice__pill>span{min-width:0;overflow-wrap:anywhere}.saved-data-notice__pill>button{display:inline-flex;min-height:36px;padding:0 12px;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}.saved-data-notice__pill>.saved-data-notice__retry{border-color:var(--line-strong)}.saved-data-notice__pill>.saved-data-notice__retry:disabled{color:var(--muted);cursor:progress}.saved-data-notice__pill>.saved-data-notice__close{width:36px;padding:0;color:var(--muted)}.saved-data-notice__pill>button:hover:not(:disabled){background:var(--surface-soft)}.saved-data-notice__pill>button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.saved-data-notice svg{width:15px;height:15px;flex:0 0 auto}.saved-data-notice svg.is-spinning{animation:saved-data-spin .9s linear infinite}@keyframes saved-data-in{0%{opacity:0;transform:translateY(8px)}}@keyframes saved-data-spin{to{transform:rotate(360deg)}}@media(max-width:680px){.saved-data-notice{bottom:calc(78px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.saved-data-notice__pill,.saved-data-notice svg.is-spinning{animation:none}}