.onb-hint{position:relative;display:flex;align-items:flex-start;gap:11px;width:fit-content;max-width:min(320px,calc(100vw - 32px));padding:13px 15px;border-radius:20px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(180deg,#7ea0cbfa,#698fbef5);box-shadow:0 16px 28px #344b6733;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:onbHintIn .35s cubic-bezier(.22,1,.36,1);cursor:pointer;overflow:visible}.onb-hint-mark{position:relative;z-index:1;width:30px;height:30px;flex:0 0 auto;border-radius:999px;display:grid;place-items:center;margin-top:1px;background:radial-gradient(circle at 42% 36%,#ffeea4f2,#ffae3a8f 46%,#fff3 72%);box-shadow:0 0 18px #ffae3a70,inset 0 1px #ffffff8c}.onb-hint-mark img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(78,54,22,.22))}.onb-hint:before{content:"";position:absolute;left:14px;right:14px;top:9px;height:1px;background:linear-gradient(90deg,#ffffff47,#ffffff0f);pointer-events:none}:root.dark-mode .onb-hint{border-color:#ffffff2e;background:linear-gradient(180deg,#6789b5fa,#496791f5);box-shadow:0 18px 30px #00000047}:root.dark-mode .onb-hint:before{background:linear-gradient(90deg,#9dbbdb38,#9dbbdb08)}.onb-hint-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.onb-hint-title{font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffbd}.onb-hint-message{font-size:.81rem;line-height:1.45;color:#fffffff5;text-transform:lowercase}:root.dark-mode .onb-hint-message{color:#e7eff7e0}.onb-hint--below{--hint-entry-offset: -10px}@keyframes onbHintIn{0%{opacity:0;transform:translateY(var(--hint-entry-offset, 10px))}to{opacity:1;transform:translateY(0)}}