.hn-dot{z-index:9970;width:12px;height:12px;box-shadow:0 0 0 3px hsl(var(--background));pointer-events:none;background:#db2777;border-radius:999px;position:fixed}.hn-dot:after{content:"";opacity:0;border:2px solid #db2777;border-radius:999px;animation:1.6s ease-out 2 hn-ping;position:absolute;inset:-5px}@keyframes hn-ping{0%{opacity:.85;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.hn-tip{z-index:9971;background:hsl(var(--foreground));color:hsl(var(--background));border-radius:16px;gap:6px;padding:12px 12px 10px 14px;animation:.35s cubic-bezier(.22,1,.36,1) both hn-in;display:grid;position:fixed;box-shadow:0 18px 40px -16px #0f172a8c}@keyframes hn-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.hn-title{align-items:center;gap:7px;font-size:13.5px;font-weight:800;display:flex}.hn-title>svg{color:#fbbf24;flex:none;width:16px;height:16px}.hn-x{width:44px;height:44px;color:inherit;opacity:.7;cursor:pointer;border-radius:12px;place-items:center;margin:-12px -10px -12px auto;display:inline-grid}.hn-x:hover{opacity:1}.hn-x svg{width:15px;height:15px}.hn-text{opacity:.88;font-size:12.5px;line-height:1.45}.hn-ok{min-height:44px;color:hsl(var(--foreground));background:hsl(var(--background));cursor:pointer;border-radius:12px;justify-self:end;padding:0 14px;font-size:13px;font-weight:800}.hn-x:focus-visible,.hn-ok:focus-visible{outline-offset:2px;outline:2px solid #fbbf24}@media (prefers-reduced-motion:reduce){.hn-dot:after,.hn-tip{animation:none}}