/* TONAVI premium tooltips — hover (desktop) + long-press hold (touch) */
.tonavi-tip{
    position:fixed; z-index:10000; left:0; top:0; pointer-events:none;
    max-width:268px; padding:11px 14px; border-radius:13px;
    font-family:'Inter',system-ui,sans-serif; font-size:13px; line-height:1.46; font-weight:500;
    color:#f4f2ff; text-align:left;
    background:linear-gradient(180deg,rgba(34,26,60,.97),rgba(17,13,32,.97));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 20px 46px -18px rgba(0,0,0,.78), 0 0 0 1px rgba(124,92,246,.18) inset;
    -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
    opacity:0; transform:translateY(6px) scale(.96); transform-origin:bottom center;
    transition:opacity .16s ease, transform .22s cubic-bezier(.16,1,.3,1);
    will-change:transform,opacity;
}
.tonavi-tip.show{opacity:1; transform:none}
.tonavi-tip .tt-title{
    display:block; font-weight:700; font-size:12px; letter-spacing:.02em;
    margin-bottom:3px;
    background:linear-gradient(100deg,#c4b5fd,#22d3ee);
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
/* arrow (above target -> points down) */
.tonavi-tip::after{
    content:""; position:absolute; left:var(--ax,50%); top:100%; transform:translateX(-50%);
    width:0; height:0; border:7px solid transparent; border-top-color:rgba(20,15,38,.97);
}
/* flipped below target -> arrow points up */
.tonavi-tip.below{transform-origin:top center; transform:translateY(-6px) scale(.96)}
.tonavi-tip.below.show{transform:none}
.tonavi-tip.below::after{top:auto; bottom:100%; border-top-color:transparent; border-bottom-color:rgba(40,30,70,.97)}

[data-tip]{cursor:help}
/* subtle affordance: dotted underline only on inline text targets */
[data-tip].tip-underline{text-decoration:underline dotted rgba(255,255,255,.32); text-underline-offset:3px}
/* press feedback on touch hold */
[data-tip].tip-holding{outline:1px solid rgba(124,92,246,.5); outline-offset:3px; border-radius:8px}

@media (prefers-reduced-motion:reduce){
    .tonavi-tip{transition:opacity .12s linear}
}