/* P5/P6 transient feedback. Copy these classes into the existing public shell. */
.experience-status{display:flex;align-items:flex-start;gap:8px;max-width:100%;padding:8px 10px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font-size:12px;line-height:1.5}
.experience-status::before{content:"i";display:inline-grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:700;line-height:1}
.experience-status[data-tone=loading]::before,.experience-status[data-tone=refreshing]::before{content:"…"}
.experience-status[data-tone=offline]::before{content:"!"}.experience-status[data-tone=stale]::before{content:"↻"}.experience-status[data-tone=updated]::before{content:"✓"}
.experience-status[data-tone=offline],.experience-status[data-tone=stale]{border-style:dashed;font-weight:600}
.experience-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.experience-share [data-qr]{max-width:180px;min-height:40px}.experience-share [data-qr][data-unavailable=true]{font-size:12px;color:var(--ui-muted)}
@media(prefers-reduced-motion:reduce){.experience-status *{animation:none!important;transition:none!important}}