.tooltip-wrapper{position:relative;display:inline-block;outline:none}.tooltip-modal{position:absolute;z-index:1000;min-width:220px;max-width:320px;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:.95rem;line-height:1.4;border:1px solid var(--color-border);pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;white-space:normal}.tooltip-wrapper:focus .tooltip-modal,.tooltip-wrapper:hover .tooltip-modal{opacity:1;pointer-events:auto;transform:translateY(0)}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%,-8px);margin-bottom:var(--spacing-xs)}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%,8px);margin-top:var(--spacing-xs)}.tooltip-left{right:100%;top:50%;transform:translate(-8px,-50%);margin-right:var(--spacing-xs)}.tooltip-right{left:100%;top:50%;transform:translate(8px,-50%);margin-left:var(--spacing-xs)}.tooltip-modal:after{content:"";position:absolute;width:0;height:0}.tooltip-top:after{top:100%;border-top:8px solid var(--color-surface)}.tooltip-bottom:after,.tooltip-top:after{left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent}.tooltip-bottom:after{bottom:100%;border-bottom:8px solid var(--color-surface)}.tooltip-left:after{right:-8px;border-left:8px solid var(--color-surface)}.tooltip-left:after,.tooltip-right:after{top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent}.tooltip-right:after{left:-8px;border-right:8px solid var(--color-surface)}.tooltip-modal{animation:fadeIn .18s ease}