.ref-hello{top:calc(52px + env(safe-area-inset-top));z-index:40;padding:0 calc(16px + env(safe-area-inset-left)) 0 calc(16px + env(safe-area-inset-right));pointer-events:none;animation:refHelloIn var(--dur-2,.22s) var(--ease-out,ease) both;justify-content:center;display:flex;position:fixed;left:0;right:0}.ref-hello-card{pointer-events:auto;border-radius:var(--r-md);background:var(--glass-2);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);max-width:560px;box-shadow:inset 0 0 0 1px var(--rim-lo), var(--shadow-lg);align-items:flex-start;gap:14px;padding:13px 15px;display:flex}.ref-hello-text{flex-direction:column;gap:3px;min-width:0;margin:0;display:flex}.ref-hello-title{font:var(--fw-semibold) 14.5px var(--font);letter-spacing:var(--tracking-body);color:var(--text);overflow-wrap:anywhere}.ref-hello-body{color:var(--text-2);font-size:13px;line-height:1.5}.ref-hello-reward{color:var(--green);font-size:13px;line-height:1.5}.btn.ref-hello-close{touch-action:manipulation;flex:none;min-height:44px}@keyframes refHelloIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ref-hello{animation:none}}@media (max-width:560px){.ref-hello-card{flex-direction:column;align-items:stretch;gap:10px}}