.hint{vertical-align:-3px;margin-inline-start:4px;line-height:1;display:inline-flex}.hint-i{width:18px;height:18px;color:var(--muted);cursor:help;border-radius:50%;place-items:center;display:inline-grid;position:relative}.hint-i:before{content:"";border-radius:50%;position:absolute;inset:-13px}.hint-i:hover,.hint-i[aria-expanded=true]{color:var(--link);background:var(--accent-soft)}.hint-i:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.hint-pop{z-index:1000;box-sizing:border-box;border-radius:var(--r-sm);width:max-content;max-width:min(320px,100vw - 16px);color:var(--ink);background:var(--glass-overlay,var(--surface));-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none);box-shadow:var(--shadow-lg);font:var(--text-note,500 13px/20px var(--font-body));letter-spacing:normal;text-align:start;text-transform:none;white-space:normal;overflow-wrap:anywhere;padding:8px 12px;animation:.14s ease-out both hint-in;position:fixed}.hint-pop:before{content:"";top:-5px;left:calc(var(--hint-arrow,50%) - 5px);background:var(--glass-overlay,var(--surface));width:10px;height:10px;position:absolute;transform:rotate(45deg)}.hint-pop.above:before{top:auto;bottom:-5px}[data-transparency=reduced] .hint-pop,[data-transparency=reduced] .hint-pop:before{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes hint-in{0%{opacity:0;transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.hint-pop{animation:none}}