.opt-tip{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.06);color:var(--t2);font-size:0.65rem;font-weight:700;cursor:help;flex-shrink:0;transition:background .15s,border-color .15s;position:relative}.opt-tip:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.35)}.opt-tip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--bg-tertiary,#1e2130);color:var(--t1);padding:8px 12px;border-radius:var(--r8,8px);font-size:0.72rem;font-weight:500;line-height:1.45;width:220px;white-space:normal;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.06);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:99999}.opt-tip:hover::after,.opt-tip:focus-visible::after{opacity:1;pointer-events:auto;visibility:visible}.opt-tip:focus-visible{outline:2px solid rgba(124,110,255,0.6);outline-offset:2px}@media (max-width:520px){.opt-tip::after{width:min(240px,75vw)}}