:is(.hub-app,.ea-root) .ping-region{z-index:138;pointer-events:none;width:384px;max-width:calc(100vw - 32px);right:20px;top:calc(56px + 12px + env(safe-area-inset-top));position:fixed}.ea-root .ping-region{top:calc(var(--ea-tb-h,56px) + 12px + env(safe-area-inset-top));z-index:128;right:16px}:is(.hub-app,.ea-root) .ping-card{pointer-events:auto;font-family:var(--rb-font-ui);color:var(--rb-body);background:linear-gradient(180deg,var(--glass-highlight),transparent 90px),var(--glass-strong);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 0 0 1px var(--glass-edge),var(--glass-shadow-lg);border-radius:14px;align-items:flex-start;gap:14px;padding:16px 16px 14px 19px;animation:.24s cubic-bezier(.2,.8,.2,1) ping-in;display:flex;position:relative;overflow:hidden}:is(.hub-app,.ea-root) .ping-card:before{content:"";background:var(--ping-tone);width:3px;position:absolute;top:0;bottom:0;left:0}:is(.hub-app,.ea-root) .ping-card{--ping-tone:var(--accent)}:is(.hub-app,.ea-root) .ping-card[data-tone=review]{--ping-tone:var(--warn)}:is(.hub-app,.ea-root) .ping-card[data-tone=blocker]{--ping-tone:var(--danger)}:is(.hub-app,.ea-root) .ping-av{background:var(--glass-soft);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--rb-ink);letter-spacing:.02em;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:inline-flex;position:relative}:is(.hub-app,.ea-root) .ping-av img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}:is(.hub-app,.ea-root) .ping-av-dot{background:var(--ping-tone);border:3px solid var(--glass-strong);box-sizing:border-box;border-radius:999px;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}:is(.hub-app,.ea-root) .ping-main{flex:1;min-width:0}:is(.hub-app,.ea-root) .ping-top{align-items:baseline;gap:10px;display:flex}:is(.hub-app,.ea-root) .ping-head{min-width:0;font-family:var(--rb-font-ui);letter-spacing:-.005em;color:var(--rb-ink);overflow-wrap:anywhere;flex:1;margin:0;font-size:16px;font-weight:600;line-height:1.3}:is(.hub-app,.ea-root) .ping-time{color:var(--rb-faint);white-space:nowrap;flex-shrink:0;font-size:12px}:is(.hub-app,.ea-root) .ping-ctx{color:var(--rb-muted);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:3px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}:is(.hub-app,.ea-root) .ping-quote{background:var(--glass-soft);border:1px solid var(--glass-line);color:var(--rb-body);-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;border-radius:8px;-webkit-box-orient:vertical;margin-top:8px;padding:8px 10px;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}:is(.hub-app,.ea-root) .ping-acts{align-items:center;gap:8px;margin-top:12px;display:flex}:is(.hub-app,.ea-root) .ping-more{cursor:pointer;font:inherit;color:var(--rb-muted);background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px 6px;font-size:12.5px;font-weight:600}:is(.hub-app,.ea-root) .ping-more:hover{color:var(--rb-ink);background:var(--glass-hover)}:is(.hub-app,.ea-root) .ping-offer{cursor:pointer;font:inherit;color:var(--rb-link,var(--rb-ink));background:0 0;border:none;align-items:center;gap:6px;margin-top:10px;padding:2px 0;font-size:12.5px;font-weight:600;display:inline-flex}:is(.hub-app,.ea-root) .ping-offer:hover{text-underline-offset:2px;text-decoration:underline}:is(.hub-app,.ea-root) :is(.ping-more,.ping-offer):focus-visible{outline:2px solid var(--rb-ink);outline-offset:2px}@keyframes ping-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:is(.hub-app,.ea-root) .ping-card{animation:none}}@media (max-width:600px){:is(.hub-app,.ea-root) .ping-region{width:auto;max-width:none;left:16px;right:16px;top:calc(56px + 8px + env(safe-area-inset-top))}.ea-root .ping-region{top:calc(var(--ea-tb-h,56px) + 8px + env(safe-area-inset-top))}:is(.hub-app,.ea-root) .ping-card{gap:12px;padding:14px 14px 12px 17px}:is(.hub-app,.ea-root) .ping-acts .rb-btn{flex:1;min-height:40px}:is(.hub-app,.ea-root) .ping-more{min-height:40px}}:is(.hub-app,.ea-root) .ping-prefs{border-top:1px solid var(--glass-line);font-family:var(--rb-font-ui);color:var(--rb-muted);flex-wrap:wrap;align-items:center;gap:6px 18px;padding:8px 16px 10px;font-size:12.5px;display:flex}:is(.hub-app,.ea-root) .ping-prefs-row{cursor:pointer;align-items:center;gap:8px;display:inline-flex}:is(.hub-app,.ea-root) .ping-prefs-on{cursor:pointer;font:inherit;color:var(--rb-link,var(--rb-ink));background:0 0;border:none;padding:4px 0;font-weight:600}:is(.hub-app,.ea-root) .ping-prefs-on:hover{text-underline-offset:2px;text-decoration:underline}:is(.hub-app,.ea-root) .ping-prefs-on:focus-visible{outline:2px solid var(--rb-ink);outline-offset:2px}:is(.hub-app,.ea-root) .ping-prefs-note{color:var(--rb-faint)}@media (max-width:720px){:is(.hub-app,.ea-root) .ping-prefs-on,:is(.hub-app,.ea-root) .ping-prefs-row{min-height:40px}}
